恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何通过启动页更好转达产品信息化
0.0°
2016-05-26 原创文章 经验/观点 举报 1495 13 5 0

Image title

启动页一直不为开发与设计设置事项的最优先级。但往往是一个非常有趣的一个事项,甚至可能会向用户转达从品牌信息最重要一步,但是我们忽视了对启动页的影响,降低了用户对产品自身的了解与物理接触与情感接触失去对应用程序质量的感知。

   

    启动页

   

产品在默认“启动页”的行为,是以提高对用户的吸引力,倘若是白屏而显示在一定层面极度会让用户感到困惑。那么,什么样的启动页会让用户产生行为交互或如何实现目标?有很多的话题以涉及了启动页,那么,今天我们从另外一个维度去思考。

   

   什么是启动屏幕?

   

   一启动应用程序后,进入主功能界面前会有一张图片或一段动画效果,停留数秒钟后消失。这张图片或这段动画效果我们称之为应用的启动画面。由于启动画面在每次打开应用时都会出现,并且停留很短的时间,就像闪现的效果一样,所以也有人把启动画面称之为闪屏。(Android应用程序的启动过程中显示给用户,并引进了MD,推出现在屏幕是的谷歌设计准则的一部分。)




   为什么需要启动画面?


   从用户体验的角度考虑,产品应当尽可能快的让用户进入程序并进行功能操作。如此看来,启动画面就是多余的存在。但是,应用程序本质上是由多种代码命令和数据组合而成的。启动应用程序的过程实质上是运行代码和数据读取的过程,而这个过程是需要一定时间的。与其给用户看代码运行的过程,不如给用户展示图片,这也是用户体验。


   启动画面的展现方式有哪些?


1、品牌展示。

最为常见的启动画面形式,通常包括LOGO、品牌名称、Slogan三要素,部分还会展示应用的开发者、首发渠道等。

品牌展示类的启动画面,能够较好的传达出应用的格调、内涵、功能使用场景等,加强用户对品牌的直观印象,拉近与应用与用户之间的距离,是比较安全的一种启动画面形式。

  

2、品牌+X,X=推荐活动或广告。

品牌+X类的启动画面,更侧重于推荐的活动或广告,实质是一种营销方式,叫做开屏广告。通常,这类启动画面多做为临时使用,有明确的时效性。


3、主界面框架。

不常见但好处颇多的启动画面形式,启动应用程序后立即进入主界面框架的“快”感,会让用户欲罢不能,继而对应用的印象会更加深刻。当由于网络、设备等问题延迟时,主功能框架形式的启动画面也会在一定程度上环节用户等待时焦躁感。虽然用户并不知道,他们最先看到的主界面框架也是一幅静态图片。


4、视频讲故事。

视频形式的启动画面非常少见,一般用于传递应用的价值观等文艺色彩的内容。其好处是促使用户加深对应用的理解和印象,引导用户进入应用的氛围中。因为启动画面用时过长,用户多次观看后就会感到厌倦,所以这类启动画面并不适合长期存在。


5、产品的背景底色。

纯色、简单直接,与主界面框架形式的启动画面类似,也能够让用户有“快”的感觉。由于色彩单调不适宜长时展示,所以此类启动画面多使用于工具型、并且程序启动较为快速(0.5s内)的应用中。


    如何用启动页去打动新用户?

   

答案很简单,    什么是第一要素让新用户看到?他们是要看到丑陋的“白窗”还是看到有创意的图像和品牌?

据一个例子,这里就是我想出了汽车油门应用,相较于另一个应用程序的默认行为对比:


没有启动画面(左)/带启动屏幕(右)




如何确定启动页目标?


1.保持设计简单      2.显示产品标识       3.做品牌可读性

   

     精细化

     

一个设计良好的启动屏幕会自动给你的用户的印象,高品质的应用程序,你所做的每一个细节,数量和所花费的时间和精力打磨它,在一定的基础上会把产品“极致精神”转达给用户


品牌标识

为什么启动页没有更好展示品牌标识?一般情况下,用户喜欢被安慰。这听起来很奇怪,在一定层面用户是要确保他们已经打开了你的应用程序。

你需要向他们表明,他们正在进入你身临其境的世界。


杰出启动画面

  


从左至右:Eventbrite,谷歌地图,推特,Songkick

结论:保持它轻巧

正如你可以从上面的例子看,越简单越好-这些屏幕没有软垫,背景体现了主品牌的颜色,该产品标志在中间。保持简单。

谷歌是这里的例外-他们也显示了品牌,因为他们使用的许多应用程序一经推出屏幕,这是可以理解的(地图,照片,音乐,翻译,等等应用程序)。

“轻巧”“ 精致” 可以提高你的启动画面。然而,铭记它必须是清晰的,总之,用可读的字体和用户的眼睛应该能够立即区分它。

另外一个很好的例子Foodspotting应用,清晰易懂 - 一目了然


状态栏


虽然我喜欢上面的例子,我仍然认为有改进的余地。例如,匹配状态栏颜色的背景色,使屏幕更逼真,并不像填充有图像的传统的窗口。


合并后的状态栏(左)/ 无合并状态栏(右)

结论

这是由你来决定,如果你想花几个小时在设计和具有良好的创意屏幕,以提高您的应用程序,使之更加身临其境。

对我来说,打开一个应用程序,并看到一个快乐美好和温馨, 而不是一个空白屏幕。

更新:2016-05-26

收藏

13人已收藏

K11

写点什么吧

  • 18

    作品

  • 166

    粉丝

  • 16

    关注

  • 区块链-ToKenClub
  • ToKenClub品牌升级
  • UI.CN
  • Nextcont-APP

    猜你喜欢

      2016-05-26 原创文章 经验/观点 举报 1495 13 5 0

      如何通过启动页更好转达产品信息化

      0.0°

      你确定要举报如何通过启动页更好转达产品信息化

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      13
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录