IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

从2种形式和4种附加价值,来浅谈APP启动页

Catherine • 2017-05-05 23:22 • 交互设计

当应用程序被用户打开时,在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。
——摘自苹果官方对于iOS启动页的设计说明

文章目录[隐藏]

  • 启动页形式
    • 静态图片
    • 动态图片
    • 短视频
  • 启动页目的
  • 启动页附加值
    • 广告页
    • 商业合作
    • 品牌效应
    • 引起共鸣
  • 关于启动页细节
    • 跳过按钮位置
    • 启动页滞留时间
    • 启动页更新频率
    • 新颖的启动页
  • 总结

当应用程序被用户打开时,在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。

从2种形式和4种附加价值,来浅谈APP启动页

在我们使用过的APP中,多数APP在被打开时,都会有启动页。不同APP的启动页也各有不同,有的是带有logo的静态图片、有的是一定时间内的动态图片或者是简短的动画等。那么为什么会有不同类型的APP启动页?它们又有什么价值呢?下文主要介绍一下APP启动页形式及其附加值。

启动页形式

静态图片

按能否跳过启动页分类:

  • 不可跳过:打开APP出现2-3秒的启动页图片,此时用户点击操作均无效,强制用户浏览结束启动页。
  • 可跳过:启动页右上角或右下角存在跳过、关闭等按钮,用户可自行选择是否关闭启动页,便于快速进入首页。

按启动页页数分类:

  • 一张启动页:以2-3秒的图片启动页为主,启动页展示的信息多种多样。
  • 多张启动页:常见的以2张启动页为主,第一张是带有企业logo和slogan的启动页,随之第二张是带有广告宣传色彩的图片页。

按启动页更新频率分类:

  • 低频率:该APP启动页基本上不更新或每次版本迭代时进行更换或每次更换活动内容时更新,基本上更新频率是大于1天。
  • 高频率:每次打开APP启动页展示内容均不同,或者是按照一天的维度进行更换启动页,都可理解成高频率的更换APP启动页。

按照是否跳出启动页分类:

  • 不可跳出:简单理解就是该启动页不可点击跳转到其他页面,多数APP启动页都不可以跳转,原因是增加首页跳出率。
  • 可跳出:基本上广告类启动页可以点击,一种是跳转自身APP活动详情页,另外是跳转商业合作提供的广告详情页。多见于工具类APP,例如有道词典。

动态图片

动态图片类型的APP启动页,多见是企业logo或slogan动态加载,例如滴滴出行、优步。

短视频

短视频形式的启动页,时间基本上已经超过2-3秒,故很少有APP启动页是采用短视频的。

启动页目的

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

——摘自苹果官方对于iOS启动页的设计说明

根据上述内容可见,设计APP启动页目的是为了充当首页加载完成前的过渡页,视觉上进行平滑的过度,来提高用户体验。其实APP最好的启动页就是没有启动页,打开APP即出现首页完整内容。不过现在应用市场上的APP普遍存在启动页,一方面它是作为过渡页,另一方面能利用它给企业带来额外的价值。

启动页附加值

广告页

这类广告性质的启动页常见于电商行业,启动页的内容基本上是目前企业在热推的促销活动,一般该启动页都属于不可跳转页面,即呈现2-3秒后进入APP首页,并且有些启动页上增加用户跳过启动页的按钮,使得用户快速进入首页,避免滞留在活动页。

从2种形式和4种附加价值,来浅谈APP启动页

商业合作

商业合作类的启动页可以理解成是其他企业广告页或者宣传页,一般是所属不同行业的A、B企业,多见A企业会将B企业的促销活动设定为本企业的活动页。或者是工具类APP会与电商行C企业进行商业合作,帮助C企业进行广告宣传,这类启动页一般是可以点击打开活动页,也会存在引导用户去下载C企业APP。

从2种形式和4种附加价值,来浅谈APP启动页

品牌效应

启动页展示该企业的logo和slogan,多数以APP首页主色调为底色,一方面能凸显企业品牌和服务宗旨,另一方面视觉上能平滑的进入到首页。这类启动页多数受用户欢迎,原因是这类启动页展现时间较短,另外不存在盲目引导用户进行消费,一般盲目引导用户消费的行为多半会受到用户的心理抵触。若根据用户历史行为进行精准投放的话,那用户是比较乐于接受的

从2种形式和4种附加价值,来浅谈APP启动页

引起共鸣

通过APP启动页引起用户共鸣,一方面表现能表现企业愿景,另一方面抒发情怀,吸引用户关注,这类APP启动页多数走文艺路线,启动页文字简洁、元素简单,但又能表达出情感。

从2种形式和4种附加价值,来浅谈APP启动页

关于启动页细节

跳过按钮位置

若启动页存在跳过按钮,那显示的位置在右上角还是右下角更符合用户操作习惯?

启动页滞留时间

多数APP启动页滞留时间均在2-3秒之内,这个时间是用户浏览当前页的时间亦或是在这个时间内APP首页能完全加载完成?

启动页更新频率

启动页更新频率应该如何设置,是按照时间周期还是打开APP次数来统计更新?

新颖的启动页

是否可以考虑启动页上动态显示每个用户过去一段时间内的行为?比如已登录多少次?上周完成什么内容等?

总结

应用市场上APP启动页类型和形式花样繁多,那么如何设置符合本企业APP的启动页呢?可以考虑近阶段本企业想提升哪方面价值,是用户量、收益、还是为了推广品牌等?不管采用何种形式的APP启动页,在上线后可以统计相关数据,如启动页UV、点击跳过率、内置广告页UV、促销活动收益等数据,来证实当前APP启动页是否是最有价值的展示。

 

本文由 @董小白 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23576/

appiosiPhonelogoVR产品产品经理动画启动页图标用户用户体验视觉设计转载附加值
赞 (0)
CatherineCatherine
0
生成海报
提示信息的情感化设计,做一个有故事的淘宝
上一篇 2017-05-05 22:27
快速学习时序图:时序图简介、画法及实例
下一篇 2017-05-06

相关推荐

  • 做好用户体验,掌握这些要素就够(三) 交互设计

    做好用户体验,掌握这些要素就够(三)

    用户体验这系列的文章要素,已经写到第三篇了,前面写的两篇《做好用户体验,掌握这些要素就够(一)》和《做好用户体验,掌握这些要素就够(二)》,更多的是偏向交互设计。而从这篇开始,会更多的偏向情感,也就是从人的情感、欲望、感觉方面来聊用户体验。

    2017-05-17
  • 个性化赋能电商转化率的四个基本方法【UXRen译#173】

    作者:DAVID MANNHEIM |  翻译:xiuxiu,校审:Gogi   相关性可以提高用户体验,这不是什么秘密;用户体验的改善能带来转化率的提升,从而进一步提升用户忠诚度和留存。 那么问题来了:如何提升相关性? 答案在于个…

    交互专题 2017-08-07
  • 交互设计

    用户体验设计中的用户故事和场景

    翻译校对:晓黑 原文:http://usabilitygeek.com/tag/user-experience/ 有一段时间,最好的网站设计是一个装了一些很酷的新功能,一个怪异的导航和其他任何设计师认为不错。我们信任设计师的品味和意见往往甚至比我…

    2015-12-29
  • 汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计 交互设计

    汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计

    从交互设计的角度来看待汽车仪表盘信息系统设计,文中所用的交互设计观点是来自他人的各种总结。

    2017-05-11
  • 2016年网页设计趋势:卡片式设计如何在占尽优势? 交互设计

    2016年网页设计趋势:卡片式设计如何在占尽优势?

    在现实生活在,视觉信息总是很吸引人的眼球,卡片设计的应用不仅仅只是一种趋势。

    2017-05-26
  • 微信热点

    Axure原型管理与展示

    因为墨刀是自带生成分享链接以及分享二维码功能,这里主要写关于Axure的原型管理与展示。AxureShareAxureShare是Axure RP官方的免费原型托管网站,可以直接在Axure中共享发布。发布后Axure的源文件也会保存在官网的地址中,在其中还可以设置访问密码。But, 这么好用为什么用的人少呢?因为访问的时候,会慢的你心碎。2. 产品大牛产品大牛是济南公司开发的产品托管网站,解决了Axureshare连接速度慢,访问体验...

    2018-03-24
  • 4款视频app交互设计浅析 交互设计

    4款视频app交互设计浅析

    作者对腾讯视频、爱奇艺、搜狐视频和芒果TV进行界面的整体对比,希望能给各位带来一些收获和启发。

    2017-05-10
  • 抽屉式导航怎么用?这4种场景教你正确的设计姿势 交互设计

    抽屉式导航怎么用?这4种场景教你正确的设计姿势

    …上图的 APP 将选项卡(tab row)变成抽屉式导航菜单(drawer menu),用户在相应功能间的切换率急剧下降。…很多用户还没有建立起相应的心理模型(尤其是抽屉式或者汉堡包菜单)尽量将 APP 的核心功能放在用户可以看得到地方。
    ——能露出来, 就别藏着触摸操作中,手势永远要比点击优先级低。现代触摸操作习惯毕竟只流行了几年,然而传统PC上的操作习惯已经实行了将近20年。所以通过滑动来切换Tab不会比点击切换来的直观。
    ——石头们

    2017-05-30
  • 微信热点

    Axure RP 8软件安装视频教程

    Axure RP 8下载地址:链接:https://pan.baidu.com/s/1smi2vvf密码:l2oj安装中有问题请咨询私人微信:152374906801、双击打开此文件2、点击next3、选择i  agree然后点击next4、点击bowse更改存储位置建议不要放在C盘然后点击next5、点击next6、点击next7、等待安装8、取消勾选Run Axure RP 8,然后点击Finish9、打开软件的安装目录把复制的la...

    2018-03-04
  • 中国App设计真好!—— 一个美国人到中国当产品经理的心得 交互设计

    中国App设计真好!—— 一个美国人到中国当产品经理的心得

    导读:应用软件层出不穷,各个国家的人为自己生活的便利设计出各款的应用。然而,同样的应用,是否会因为中西方文化的差异,或者是生活方式的不同,导致相同应用的设计有所不同吗?是的,有的!Dan Grover 现在是腾…

    2015-02-10
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress