[系列]APP设计之一:启动页

最近一直在花时间琢磨各种各样的app。看得多了,对于如何设计app有了一些自己的小心得,准备针对app的常见模块总结下自己的想法,以加深学习效果。

今天从app的启动页开始。

一、什么是启动页?

每个做产品的聊起来启动页都头头是道,但究竟什么启动页很少有人能够给一个定义。多数时候在解释不清楚的时候,我们会打开一个app,然后指着启动页说“喏,这就是启动页”。赞,漂亮地解决了问题。但在这里我还是想要说下启动页的定义。因为,从定义中我们可以看出一个东西的根本,有利于我们讨论如何设计它。

启动页的定义:

当应用程序被用户打开时,在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。由于启动页在每次打开应用时都会出现,并且往往停留很短的时间,就像闪现的效果一样,所以也有人把启动页称之为闪屏。

以上这段定义是参考了网络上对启动页的各种描述后的总结,没找到标准的定义或系统设计官方的定义(ios人机交互指南里页没能搜索到)。个人觉得还是比较靠谱的。

二、为什么要有启动页?

由定义可以看出,启动页的作用在于过渡。也就是说,它是用户启动和真正能使用app功能的中间阶段。那么,必然地,时间尽可能地短成为了启动页的基本要求。让用户尽快用上功能才是王道啊。OK,既然应该让用户最快地使用app的功能,为什么不能没有启动页呢。当然,这是一种非常好的想法,ios人机交互指南也提到了:

“Start Instantly

It’s often said that people spend no more than a minute or two evaluating a new app. When you make the most of this brief period by presenting useful content immediately, you pique the interest of new users and give all users a superior experience.

快速启动

常言说,人们至多花一两分钟来判断一个新应用。当你能够在最短的时间内向用户展现有用的内容时,你就勾起了新用户的兴趣,同时能够给所用用户一种卓越的体验。

As much as possible, avoid displaying a splash screen or other startup experience. It’s best when users can begin using your app immediately.”

因此,要尽可能地避免展现一个启动页或其它启动体验。让用户立即用上你的应用是最好的。

摘录来自: Apple Inc. “iOS Human Interface Guidelines”。 

但是,理想很丰满,现实很骨感啊。现实中,产品启动过程中多数时候是需要一定的时间的,特别大型的app,如绘图软件或是游戏,启动的时间都相对较长。此时,如果不给予用户合理的反馈,就会让用户觉得:

1.app是卡死、奔溃了?还是出什么问题了?

2.界面难看死了,一看就知道不是啥好app。比如启动页是一个进度条。

因此,理论上启动页应该是一种不存在事物,但却成为了一种合理的事物。

三、怎么设计启动页?

既然启动页不可避免,那么就应该设计好它,以给用户尽量好的体验。在这里要强调一句,从某种意义上说启动页是一种不得已的选择。因此,个人的观点是:1.应用设计上,要让启动页展现的时间要尽可能地短。2.由于展现时间短,启动页的设计要尽可能地简单。

以下是几种常见的启动页设计模式:

1.设计与主界面相似的图片,给用户快速启动的感觉。


这是ibooks的启动页。当我们在主屏幕上点击应用程序图标时会立即显示这个启动图像。真正启动后界面会把书展现出来。但由于启动页和真实界面上非常相似,会让你有启动了的错觉,好像应用启动很快。

这种启动页设计方式好像越来越少了。

2.使用应用logo和slogan作为主元素,传递品牌信息。



当然,也有更狠的,只放一个logo,更加简洁。但本质是相同的。这种模式目前比较普遍。

3.使用意境化启动页,引起情感上的共鸣



这种模式的重点在于情感共鸣,其实设计难度是最大的。建议没有必然的信心就别尝试了。

4.使用广告图片,赚钱或宣传其他。



这种模式简直了。不知道该说啥。而且,很多时候,为了能够让用户看到广告图片。app在设计上就故意给启动页留了几秒的时间。这完全让启动页变味儿了。完全不推荐。除非你不在乎用户体验或你的应用是网易新闻这种级别的,那你强奸用户我也没啥好说的。

5.动画。

这种模式以前见过,但一下子没找到合适的。不贴图了。同上一种模式一样,个人完全不推荐这种模式。完全违背了启动页的初衷。属于强奸用户。

四、如果我来设计启动页,那么:

1.在应用设计时,让启动页展现的时间要尽可能地短。

2.使用应用logo和slogan作为主元素,简单有效地传递品牌信息。要知道,很多公司为了让自己的logo和slogan能够出现在用户面前,不断加深用户对自己的印象,往往花费成百上千万只为让其在种种场景下出现。所以,在自家的应用上就不要浪费了。每一次启动都是一次印象的加深,都是增加粘性的机会。

3.从始至终,尽量用同一个启动页。理由同第二条。

4.始终记住启动页只是一个过渡,过渡就意味着应该快、不重要,没必要花费太多的精力在设计上(一次就够了)。

完。

预告:接下来会写一写引导页。

最近对粉丝数比较在乎,欢迎关注!

我的文章也会在微信公众号中更新,大家可以关注公众号“iamyueshanqiu”来订阅。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,458评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,454评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,171评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,062评论 0 207
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,440评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,661评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,906评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,609评论 0 200
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,379评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,600评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,085评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,409评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,072评论 3 237
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,088评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,860评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,704评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,608评论 2 270

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • 最近在整理做产品以来收集到的各种资料,准备针对app的常见功能模块总结下经验,一来加深学习效果,二来供大家学习交流...
    jason_peng阅读 1,644评论 0 22
  • 好久不见,由于换了城市换了工作,两个月零五天没有发布文章,自责加愧疚加难为情,真心的,不要笑。我会反省,之后会定期...
    邹志楠阅读 8,728评论 8 68
  • 1 UI设计基础 1.1 为iOS而设计 1.1.1 iOS包含以下3条设计原则: 遵从,UI应该有助于人们理解内...
    Willry阅读 3,501评论 1 48
  • 我想和你一起生活,为此,在我们暂时不能在一起的日子里,你我要各自努力生活。 2017年9月9日 星期六 雷阵雨 我...
    陈塞恩阅读 441评论 3 9