关于App启动页的三种设计类型

这年头设计一个App越来越有讲究,大到一个框架,小到一个按钮,很多时候一个拿捏不好,就会失去所谓的用户了。怕不怕?反正我是怕的,哈哈~

今天跟大家来讲讲启动页。什么是启动页?打开屏幕脑子还没转就第一眼看到的页面,就是启动页。是不是很含糊?

讲的专业点就是:当打开一个应用程序时,在应用启动的过程中或在APP打开的过程中所显示的一个占位符。它存在的目的就是为了让用户在等待的过程中忽略这个开启的过程,其实也就是大家所说的提高了用户体验度,降低用户焦虑感。

由此可以看出,启动页就是一个过渡页面,产品根据这个应用的性能来判断在程序开启过程中页面停留时间的长短,可能有1秒,也可能有3秒。那么很多企业就会利用这个机会做一个营销手段,当然也有为了用户体验而放弃宣传品牌的产品。所以下面我把启动页分为三类,来专门说说它们不同的作用。

规范型
品牌推广型
商业需求型

规范型

什么是规范型?根据IOS和MD的官方定义来说,启动页应该是不打扰用户,利用进入应用后的第一个界面的框架截图来做启动页,这里的截图是去掉里面的内容的。它的作用就跟上面说的一样,降低用户焦虑感。如:

这是新版的Instagram,它的启动页面就是首页的框架,去掉了里面所有的内容,除了标题。这样就好像是用户进入了应用,它已经在加载,感觉非常快速的启动了,让用户觉得应用性能好,速度快。这就是IOS官方给出的关于启动页的定义展示方式,总结来说就是两点:

1.内容尽量的少;
2.展现时间尽可能的短;

这样做的目的也已经很明确,就是改善用户体验度。你可能会觉得官方的这些准则会让启动页看起来显得乏味无趣。但他们就是这么想的,在他们看来,启动页不是让你展示什么品牌艺术,而是增强用户使用产品的感知度。但是慢慢的,大多数人认为如果不把这种绝妙的位置利用起来,都觉得对不起祖国的栽培。因此下面就出现了品牌推广型启动页。

品牌推广型

这类启动页其实就是在规范型的基础上做了一点扩展,帮助品牌做一些宣传。其实在MD的官方定义中,是允许用户展示具有品牌特色的启动页的,但是在IOS中明确说明是不允许的,但是,谁管他呢,哈哈哈。通常来说,这类启动页会包括LOGO、品牌名称、Slogan(Slogan更多的是国内的APP会加入)这三个元素。如:


淘宝在品牌推广这块做的还是相当好的,从启动页就可以看出确实花了不少心思。这种启动页面对于产品而言,可以提高它们的知名度,很好的起到了宣传的作用。

有部分App还会把这块做成一个小动画,但是褒贬不一,有的人认为经常出现太烦,也有的人认为很炫酷,每次打开都感觉产品很nice。在做这类页面时,要注意风格的搭配,不要太突兀,影响了产品整体的视觉效果。虽然这只是一个过渡的页面,但是它毕竟是用户打开产品之后看到的第一个画面,所以还是值得花点心思做的。

我的建议是,如果没有商业需求,有品牌名称和LOGO就足够了,代入感也强,不会犯错。

商业需求型

再来说说商业需求型的启动页,它就是产品利用这块区域为商家做广告,从而获得收益,这种平时应该经常会看到。通常这类启动页的展示时间在3到5秒不等,是用户最不喜欢的一种。如:


腾讯新闻是比较典型的一类,它很好的利用了这块区域来做广告。一般的产品是没办法做到的,毕竟人家是腾讯,不论是用户使用量还是品牌知名度,都是业内名列前茅的。但是有注意到么,腾讯新闻会先弹出左边(上图)的启动页,再弹出右边(上图)的广告,它利用了启动原则加入了广告的页面。让用户以为App已经可以使用了,其实还需要跳过这个广告。

不过也有一些产品也会做这类启动页,但是要注意,无论你有什么目的,都不要为了广告而在启动页停留过长时间,这样不仅会流失用户,到头来连商家都不找你了。还有些产品,做到了让人无力吐槽的事情。就是先出现品牌推广型启动页,以为要进去首页了,结果没有,出来的是广告。足足让我等了6、7秒时间才进去。(我果断卸了)有时候在商业利益和用户体验之间确实很难做到平衡,所以一定要慎重。

总结

最后来做个总结,看看在做启动页时要注意哪些事项:

1.如果你的产品注重体验,暂时还没有商业需求也不需要做品牌推广,那墙裂推荐规范型。
2.如果用了品牌推广型启动页,那么一定不要频繁的更换,要用潜移默化的方式对用户产生影响,让用户深刻记住你的品牌形象。
3.如果你的启动页被商家购买来做广告了,那么一定要控制时间,多注意一些好的App是怎么处理的,比如腾讯,在右上角做了跳过广告。这样不仅做了广告,也适当提升了用户体验。
4.启动页最好是在产品开启的时候才出现,某吧录歌软件每次在录完歌之后切换到其他应用后,再跳转回来就会出现启动页然后再跳转到你之前的页面,这样的体验其实很不好。

随着互联网的发展越来越成熟,相信以后会有更多的展示方式,设计师不仅要站在自己的角度看待问题,还要学会审视一切可能改变结果的因素。确保将商业需求和用户体验限定在可控范围内,为产品和用户做一个更好的沟通桥梁。

以上为本期内容,为你献上,谢谢你的支持~~

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

推荐阅读更多精彩内容

  • 最近在整理做产品以来收集到的各种资料,准备针对app的常见功能模块总结下经验,一来加深学习效果,二来供大家学习交流...
    jason_peng阅读 1,687评论 0 22
  • 本文大纲:1)APP启动页的设计初衷;2)APP启动页的分类;3)APP启动页的设计方法和原则 1 为什么要做启动...
    Tu_卫佳阅读 1,220评论 1 5
  • 好久不见,由于换了城市换了工作,两个月零五天没有发布文章,自责加愧疚加难为情,真心的,不要笑。我会反省,之后会定期...
    邹志楠阅读 8,788评论 8 69
  • 总结反思才会成长,那就开启设计成长之路吧。 好了,今天梳理启动页。提5个问题就能全面地了解启动页。 问题: 1、启...
    阅读思考再践行阅读 979评论 0 3
  • 人们说十周年是“锡婚”,寓意是像锡器一样柔韧,不易破碎。“锡婚”也是“惜婚”的谐音吧?可能也在提示十年婚姻的人们彼...
    楚墨瞳阅读 347评论 0 0