启动画面设计的分析和总结

需要点击图标，等待应用程序启动。在这个简单的过程中，启动画面会呈现在我们眼前。有时候它让我们眼前一亮，有时候它会让我们感到困惑，有时候它会让我们感到厌倦……

小小的启动画面到底有什么学问，它对产品用户体验都有哪些影响?本篇文章做了一些分析和总结，希望对你有帮助。

什么是启动画面

当用户启动一个操作系统、软件或者应用程序的时候，首先出现的承载产品标识及相关信息的图形界面。例如，Office软件程序的启动画面，上面有产品的标识，发行公司以及一些可能的操作。

为什么需要启动画面

按照体验设计法则——让用户快速的开始任务，启动画面貌似是用户开始任务前的障碍。其实不然，实际情况是程序的启动是需要一点时间的，有时这个时间会比较长，比如操作系统的启动、大型制图或者办公软件的启动等等。而在这段时间里，如果显示黑屏显然不恰当，如果显示一段段正在运行的程序代码又过于机械(早期的DOS操作系统大家应该有所印象)。

启动需要时间，所以带来了一些用户体验的问题：

1.用户不知道机器在做什么，会怀疑机器迟钝、效率低下

2.用户等待会有厌烦情绪，直接影响对机器的情感

为了解决这些体验问题，人们使用一个画面来代替后台正在运行的代码，换来人们对机器的好感。为了做到这一点，很多公司都用心良苦，动画越来越细腻，形式也越来越多。这里不赘述举例，主要谈谈移动应用客户端的启动画面(以iOS平台为例)。

移动应用程序的启动画面存在的环境

移动应用程序存在的环境是恶劣的，这是相对PC来说。即使产品设计支出对功能做了很多减法，即使工程师日日夜夜在做性能优化，应用程序的启动还是需要一些时间。启动画面在移动客户端产品存在的必要性不得而知。

移动应用程序启动画面的设计法则一 ——避免显示无关内容，包括一个漂亮的图，要尽力让启动画面变得有意义。对于用户来说，他们希望立即体验你的应用程序而不是欣赏一些无用信息。

如何理解这个法则，如何使用这个法则，下面的例子说明了一切，你也可以下载并体验这些应用，了解更多有关启动画面的秘密，欢迎随时交流。

场景一 品牌含义的延伸

如果启动时间不是一两秒那么短的时间，我们可以利用这个时间展示应用程序的品牌。但是不要只是展示品牌，最好能够结合应用程序所提供的服务，将品牌的含义延伸到画面中，带给用户一种亲切感，或者让用户了解到产品的文化，或者其他你想让用户了解的故事。

案例一 只是标识的设计。很多应用都是这样设计的。将自己的标识往中间一放，告诉用户我就是我。然后没有任何情感的进入了内容界面。有的时候，标识本身拥有质感，让画面还能充满视觉的期待，如果像bing这样，有点……

案例二 平面设计还是很赞的。比如新浪新闻应用，让这种科技感和品质感体现出来了。一个地球也符合人们对新闻国际化和时效性的理解。Adobe Photoshop的启动画面，将其对色彩和光的专业洞察力体现了出来，它一定会唤起adobe粉丝对其技术的共鸣。(缺少了人情味，不过科技感增强了。)

案例三 讲个故事吧。利用启动画面可以为标识讲一个故事。也许是章鱼保罗的月亮之旅也可以是大眼睛过大年。总之，不仅仅是标识，还有让你欣喜的故事。当然这种画面如果不经常更新，也会让你的应用程序过于偏向某个事件或某类人群，容易引起部分用户的反感。

案例四有的放矢的标识补充。能够做到即能体现应用对用户的作用，又不花哨。下面的例子是值得学习的。周末画报，就是喝着咖啡来看报，有情调的共鸣。网盘就是大堆的文件、图片、媒体信息的仓库。

场景二 直接进入应用程序主界面

iPhone上的某些应用程序采用了默认界面框架作为启动画面。用户会感觉应用程序响应很快——这一点在移动端非常有用，大多数应用程序没有这么做。如果加载时间过长，用户会认为是网络问题或者程序死机。利用界面框架作为启动界面，可以缓解用户对应用程序响应延迟的厌倦感。(一般这个界面是一张图，而不是真的控件组成的。)

案例一 谷歌应用程序在启动后，展现了一张简略的界面，有导航栏和标签栏。几秒后，搜索框出现，告诉你可以使用该应用了。值得注意的是，由于是一张假的图，所以不要将可用的功能或者可操作的模块做在这张启动画面上，误导用户程序已经可以使用。

案例二 Facebook应用程序启动的时候需要判断是否联网以及帐号绑定情况。首先呈现的是一张假图，只有导航栏。如果没有绑定帐号则显示登录界面;如果绑定了帐号则进入信息中心界面。

案例三 Google Earth应用程序是从一个地球的全景开始的。所以启动画面就是一个静帧的地球，这与应用程序启动以后的画面几乎一致，可以让用户感觉到非常快速的情境反馈。