3种设计类型的App启动页:规范型、品牌推广型、商业需求型

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
查看查看89 回复回复1 收藏收藏 分享淘帖 转播转播 分享分享 微信
查看: 89|回复: 1
收起左侧

3种设计类型的App启动页:规范型、品牌推广型、商业需求型

[复制链接]
射鸡狮 发表于 2016-7-9 01:34:35 | 显示全部楼层 |阅读模式
快来登录
获取最新的苹果动态资讯
收藏热门的iOS等技术干货
拷贝下载Swift Demo源代码

周末在家整理了两天素材,电脑总算干净了。然后把前几天写的关于启动页的文章做了个整理,跟大家一起来聊聊。

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

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

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

由此可以看出,启动页就是一个“过渡页面”,产品根据这个应用的性能来判断在程序开启过程中页面停留时间的长短,可能有1秒,也可能有3秒。

那么很多企业就会利用这个机会做一个营销手段,当然也有为了用户体验而放弃宣传品牌的产品。所以下面我把启动页分为三类,来专门说说它们不同的作用。

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





1、规范型

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

如:

App启动页的3种设计类型:规范型、品牌推广型、商业需求型 1

3种设计类型的App启动页:规范型、品牌推广型、商业需求型 - 敏捷大拇指 -  App启动页的3种设计类型:规范型、品牌推广型、商业需求型 1


这是新版的Instagram,它的启动页面就是首页的框架,去掉了里面所有的内容,除了标题。这样就好像是用户进入了应用,它已经在加载,感觉非常快速的启动了,让用户觉得应用性能好,速度快。

这就是iOS官方给出的关于启动页的定义展示方式,总结来说就是两点:

  • 内容尽量的少;
  • 展现时间尽可能的短;


这样做的目的也已经很明确,就是改善用户体验度。你可能会觉得官方的这些准则会让启动页看起来显得乏味无趣。但他们就是这么想的,在他们看来,启动页不是让你展示什么品牌艺术,而是增强用户使用产品的感知度。

但是慢慢的,大多数人认为如果不把这种绝妙的位置利用起来,都觉得对不起祖国的栽培。因此下面就出现了品牌推广型启动页。




2、品牌推广型

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

如:

App启动页的3种设计类型:规范型、品牌推广型、商业需求型 2

3种设计类型的App启动页:规范型、品牌推广型、商业需求型 - 敏捷大拇指 -  App启动页的3种设计类型:规范型、品牌推广型、商业需求型 2


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

有部分App还会把这块做成一个小动画,但是褒贬不一,有的人认为经常出现太烦,也有的人认为很炫酷,每次打开都感觉产品很nice。

在做这类页面时,要注意风格的搭配,不要太突兀,影响了产品整体的视觉效果。虽然这只是一个过渡的页面,但是它毕竟是用户打开产品之后看到的第一个画面,所以还是值得花点心思做的。

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




3、商业需求型

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

如:

App启动页的3种设计类型:规范型、品牌推广型、商业需求型 3

3种设计类型的App启动页:规范型、品牌推广型、商业需求型 - 敏捷大拇指 -  App启动页的3种设计类型:规范型、品牌推广型、商业需求型 3


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

不过也有一些产品也会做这类启动页,但是要注意,无论你有什么目的,都不要为了广告而在启动页停留过长时间,这样不仅会流失用户,到头来连商家都不找你了。

还有些产品,做到了让人无力吐槽的事情。就是先出现品牌推广型启动页,以为要进去首页了,结果没有,出来的是广告。足足让我等了6、7秒时间才进去。(我果断卸了)

有时候在商业利益和用户体验之间确实很难做到平衡,所以一定要慎重。




4、总结

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

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


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




作者:呆呆丶

都看到这里了,就把这篇资料推荐给您的好朋友吧,让他们也感受一下。

回帖是一种美德,也是对楼主发帖的尊重和支持。

*声明:敏捷大拇指是全球最大的Swift开发者社区、苹果粉丝家园、智能移动门户,所载内容仅限于传递更多最新信息,并不意味赞同其观点或证实其描述;内容仅供参考,并非绝对正确的建议。本站不对上述信息的真实性、合法性、完整性做出保证;转载请注明来源并加上本站链接,敏捷大拇指将保留所有法律权益。如有疑问或建议,邮件至marketing@swifthumb.com

*联系:微信公众平台:“swifthumb” / 腾讯微博:@swifthumb / 新浪微博:@swifthumb / 官方QQ一群:343549891(满) / 官方QQ二群:245285613 ,需要报上用户名才会被同意进群,请先注册敏捷大拇指

嗯,不错!期待更多好内容,支持一把:
支持敏捷大拇指,用支付宝支付10.24元 支持敏捷大拇指,用微信支付10.24元

评分

参与人数 1金钱 +10 收起 理由
Anewczs + 10 推送上首页了~分享到朋友圈微博QQ空间吧~.

查看全部评分

本帖被以下淘专辑推荐:

创客 发表于 2016-7-11 18:43:54 | 显示全部楼层
划分得清晰~~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

做任务,领红包。
我要发帖

分享扩散

都看到这里了,就把这资料推荐给您的好朋友吧,让他们也感受一下。
您的每一位朋友访问此永久链接后,您都将获得相应的金钱积分奖励
热门推荐

合作伙伴

Swift小苹果

  • 北京治世天下科技有限公司
  • ©2014-2016 敏捷大拇指
  • 京ICP备14029482号
  • Powered by Discuz! X3.1 Licensed
  • swifthumb Wechat Code
  •   
快速回复 返回顶部 返回列表