最新消息:

简析如何平衡IOS APP启动画面的商业需求与用户体验

设计经验 变态恋 2138浏览 0评论

先简单看看官方对于启动画面的设计说明吧:

为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。

一定要强调的是,之所以提供启动图像,是为了改善用户体验,并不是为了提供:

  • “应用程序进入体验”,比如启动动画

  • “关于”窗口

  • 品牌宣传元素,除非它们是您应用程序首屏幕的静态组成部分

您可能觉得遵循这些准则会导致启动图像显得平淡无趣,然而,实际上正是这样。请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

然后请大家再看看Tapworthy中对启动画面的理论分析:

【无论启动的过程有多长,它感觉上有多快才是最重要的】No matter how long it takes, how fast it feels is really all that matters.

【启动界面的职责是告诉人们App正在努力加载启动中..】Use the launch image to give the impression that the app is already up and running.

【Apple建议启动画面和App的首界面保持类似,这会给人们当打开App时App实际已经在全力运行并即将打开的感觉..】Apple recommends that the launch image look exactly like the app’s first screen, only emptied of its content so that it’s just the husk of your interface design. This approach creates the illusion that the app has started immediately-you already see its interface-and that it’s already hard at work loading your content even though the code hasn’t even started rolling yet.

【显示一个和首界面类似的启动画面,给用户”我正在为你努力加载中..”的感觉;而展示一个宣传信息的页面,给用户”我正在谈论我自己(而没有管你)..”的感觉。两种启动画面在实际时间上没有区别,但在用户体验上有很大不同。前一种启动画面会让启动过程感觉更快以及表现得更尊重用户当前的任务】Contrast this faux interface strategy with a launch image that shows a lavish splash graphic featuring an illustration or logo. The second approach feels like an ad. While a fake interface image suggests, “I’m working for you,” the logo says, “I’m talking about me.” The practical result is the same-with either image, it takes the same amount of time to load-but the psychological difference is pronounced. The bland interface image makes the app feel like it’s loading faster. It also suggests more respect for the user’s task than a marketing message, no matter how lively that message or graphic might be.

【实际上,启动画面越炫目,就会吸引越多的注意力,从而越让人感觉到App的启动缓慢】In fact, liveliness in a launch image is a problem. The more the launch image draws attention to itself, the more it draws attention to the delay while your app launches.

国外优质App的启动画面(以及iOS内置App)一般都是以上面的设计理论为指导进行设计,坚持以最佳的用户体验为核心,如下图:

 

注:上面的启动页面依次为:Gowalla、Evernote、Facebook、Path、Instapaper、Color、Game Center、Things和Catch】

反观国内iOS App的启动画面,几乎是一边倒的偏向商业需求,以品牌展示、宣传为核心

在这里,我们可以简略概括在iOS App的启动画面有两个需求

①商业需求,展示更多的品牌宣传信息;

②体验需求,更好的照顾到用户在使用App时的体验。

二者相互冲突却又缺一不可。

在体验众多App后我发现了一个相对”完美”的解决方案–呈现和首界面相似的启动画面,同时在空白内容区域展示形式和内容简洁的品牌宣传信息。

具体样式如图:

【如图为USA TODAY的启动画面和首界面】

在这里我建议放置在空白内容区域上的宣传信息有两点需要注意:

①内容简洁:最多放置LOGO加Slogo,切勿这个加哪个也加,记住一句:你想要呈现的信息越多,重要的信息 就越被淹没。

②形式简洁:此处不宜采用多种颜色与样式的组合,最简单的样式即可,你并不需要吸引那么多的注意力。

关于启动画面的效果是否需要炫目,加入视频、动画体验是否会更好以及启动画面是否应为首界面数据载入争取时间等话题,我将继续写文章进行分析,欢迎大家关注并参与讨论!

转载请注明:设计资源分享 » 简析如何平衡IOS APP启动画面的商业需求与用户体验

京ICP备14020976号-3