码迷,mamicode.com
首页 > Web开发 > 详细

Ios 应用的启动图片该怎么做

时间:2016-06-22 23:48:05      阅读:415      评论:0      收藏:0      [点我收藏+]

标签:

App Store创建伊始,苹果就一直在推广一个观念:iOS app上架后,它的应用的启动图片(你打开应用第一眼看到的)应该仅仅是一个中间屏幕,仅此而已。引用苹果的人机界面指南如下:

一个启动文件或启动图片的作用是,当应用启动时提供给iOS系统的一个简单的图片占位符。这个图片占位符给用户一个印象:你的应用是快速的、有反应的,因为一点开应用它会立即展现,且很快被应用的第一屏替换。

问题是,相当多的人(包括我自己)忽略了这条准则。如果你对此感到好奇,可以看看上面的封面图,或者把所有运行在后台的应用关了再启动看看。我敢打赌你会发现有一大部分没有遵循苹果的准则。

更糟的是,大多数应用开发者也许同意苹果的建议(毕竟谁不希望给用户留下应用是快速有反应的这样的印象呢),但在开发中太容易为了取悦初次使用的用户,去展现一个高大上启动图片以及有趣的初始动画,结果忽略了这个准测。甚至在我的咨询工作中,启动图片是一个品牌推广绝佳的输出机会,我们的客户很喜欢这个。

有些应用开发者(又包括了我自己)在应用的登场体验上更进一步,用到了动画和视频。回想2010年,我给我的日历应用FreeTime的第一版做了这个启动动画序列,当时我们为此还相当得意。

N多应用都忽略了的苹果人机界面指南细节

 

在这个视频中,你会看到一段优美的引导动画,很多人第一眼看的时候就被深深迷住了。但你没看到的是,今后你每次打开应用时,它都要先秀一段白云飘飘,然后才转入到应用的主界面----一开始很有趣,但很快它的吸引力就消失殆尽。

品牌植入型的启动图片和动画只会挡道,浪费时间。

苹果是对的,我们不应该忽略他们的准则,因为这些品牌植入的启动图片说好听点是第一眼很可爱很有趣,多看几眼就腻了,说难听点它消耗了使用我们软件的人的大量时间。

这不仅是2010年时的应用所为,这仍然发生在2015年的今天。比如说,Food Network最近一次的应用更新就是如此(他们几周前刚上苹果的精品推荐,所以对他们挑剔一点也是公平的)。

N多应用都忽略了的苹果人机界面指南细节

 

这段视频每次每次启动应用时都要出现(而且大约有5秒钟那么长)。

随便用了一会之后,我甚至开始觉得这个应用真是极其的慢,但其实我心里知道这是一个制作精良的应用(实际是由Bottle Rocket的大牛们做的)。App Store评分也反映了这一点(上次我看时大约4.5星),但是使用过程中浪费掉的时间实在是太多了。

不如我们做个趣味思维练习:每次启动花5.5秒,每周约启动3次,然后有100万活跃用户,接下来一年里人类就要损失超过8亿2千万秒。

Food Network的应用在接下来12个月里会干掉整整26年的人生。

给品牌植入型启动屏幕找条出路

这些年来我不怎么关注苹果的启动图片准则,但现在我注意到了,因为我发现一个简单有趣的方法实现双赢。一方面是品牌推广还是能够做,另一方面苹果也能保有乏味的启动图片(是的他们知道这是乏味的):

要是你觉得遵循这些准则会导致一个平凡、乏味的启动图片,你是对的。请记住,启动图片不是给你提供做艺术展现的机会的。它仅仅用来加强用户一些感知,感知你的应用启动很快且马上就能使用。

这是我们开发的一个启动动画。我们的目标相当明确:

 

获取应用所需权限(日历访问权限和通知)

 

 

退场(有的登场体验堪称拖拉)

 

 

取悦初次使用的用户,但还是得让着苹果用户体验爸爸,遵守规矩。

 

经过许多迭代之后最终我们做成了这样:

N多应用都忽略了的苹果人机界面指南细节

UI设计的扁平化趋势使得应用更容易用启动界面做初始品牌推广,即使在遵循了人机界面指南的前提下。

在早先版本的iOS中,大量的渐变使得这样做很困难,但现在扁平化的导航栏能很容易地扩展成两倍大小,变成用作应用登场效果的画布。使用动画导航栏和分页栏能很容易的向外扩展,占据整个屏幕,随后给应用实际用途让路。

更赞的是,这还不会让人感觉到笨拙或别扭,完全自然而然。

下面这张图展示了用户第一次启动FreeTime时所看到的,以及后续每次启动时看到的。

N多应用都忽略了的苹果人机界面指南细节

 

于是解决办法来了----只需做以下四步:

 

如果你的应用有顶部导航栏或者tab bar(下面以顶部导航栏为例),使用单一颜色,与此同时创建一张遵循苹果规则的普通启动图片.

 

 

在第一次启动时,动画扩展导航栏,向下扩展到视图中成为登场效果画布

 

 

插入有趣的品牌推广(关键要有趣),询问权限许可,欢迎一下,然后马上退场。

 

 

动画使画布回到导航栏,渐隐现出你的应用主界面。

 

你的用户初次看到动画会很高兴,然后在后续启动中,他们不会再看到有关登场动画的任何东西,但是他们也许会细微的觉察到你的应用启动真是快,即开即用。

双赢。

 

 

原文来自:Ben Johnson

Ios 应用的启动图片该怎么做

标签:

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
jiangjie190
加入时间:2016-02-19
  关注此人  发短消息
文章分类
jiangjie190”关注的人------(0
jiangjie190”的粉丝们------(1
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!