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

相关推荐

  • 微信热点

    用户体验五要素

    01战略层什么是用户体验:用户在使用产品过程中建立起来的一种纯主观感受。用户体验的重要性:给用户一个积极、高效的体验,他们会持续使用你的产品,产品满足用户某方面的需求并来盈利,帮助人们提高生活质量,提高工作效率,改善人际关系,等等。五要素:战略层、范围层、结构层、框架层、表现层用户体验要素的作用:要素之间相互作用完成任务,创建一个总体的用户体验设计。适用场景:设计:战略层→范围层→结构层→框架层→表现层用户体验:表现层→框架层→结构层→...

    2018-02-06
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念 从零开始学交互

    在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 表单页面功能元素设计攻略:字段种类及属性说明 交互设计

    表单页面功能元素设计攻略:字段种类及属性说明

    本文参考了一些表单编辑平台的字段功能,基本上涵盖了平时常用的所有表单字段。

    2017-05-10
  • 交互设计不是你以为的那样,思考过这些才能入门 从零开始学交互

    交互设计不是你以为的那样,思考过这些才能入门

    作者:UI中国会员 呆呆丶, 交互设计师转载请务必注明。原文链接:http://www.ui.cn/detail/138186.html封面题图 by 设计师 Ken Lo1  新手对交互设计的几个误区  交互设计是做动效的(如果你是这么认为的…

    2017-07-31
  • 为什么我推荐使用Flinto做高保真交互设计稿? 从零开始学交互

    为什么我推荐使用Flinto做高保真交互设计稿?

    静电说:其实Flinto并不算一个新鲜的工具了,但是感觉在设计师中的流行程度并不高,可能是这个工具一直很低调的原因吧。在16年初,Flinto还只是个可以做连连看的工具,跟其它同类型的工具并没有太多的区别。但是随…

    2017-08-01
  • 微信热点

    用户体验进一步提升!微信官方将优化小程序授权

    序多多小程序无需开发,轻松上手,小程序极速免费生成!十分完美的事物中在这个世界上是不存在的,每个事物需在近乎完美的道路上苛求自己,不断完善。小程序亦是如此,它是互联网时代进步的产物,被互联网大佬们追逐,被用户用完即走。但它也有被人诟病的地方,即会在用户首次启动时直接要求授权,甚至有的小程序会出现若用户不授权,小程序将会出现异常,或进入死循环的情况。相信很多用户都遇到过不授权便会出现死循环的小程序,最后只能退出微信重新进入,造成用户体验很...

    2018-04-21
  • 微信热点

    UX小白 | 不谈它?算什么用户体验设计?

    这其实只是个引你进来的标题,我今天真正想说的事情其实是它——你在做一款产品的时候考虑过它的无障碍性(Accessibility)吗?无障碍性(Accessibility):在图形交互界面为基础的交互方式中,无障碍性也往往被称为可访问性。“无障碍性(accessibility)意味着产品设计应用时应考虑到,无论是因为年龄、事故或疾病而有认知、感官或者移动障碍的人,还是没有此类障碍的人,都应能够有效使用这个设计。”——《About Face...

    2018-01-31
  • 六个步骤,细说电商banner图设计之色彩的奥秘 交互设计

    六个步骤,细说电商banner图设计之色彩的奥秘

    我们常常会说到做设计需要知道三大构成(色彩构成/平面构成/立体构成),设计又可以分很多个类别,比如网页设计/UI设计/电商设计/室内设计/工业设计等等,那对于电商设计有没有专门的三大构成呢?至今好像没有看到,所以我想尝试着梳理一下我脑袋里的知识点,专门讲解一下三大构成在电商设计中的运用,而今天我先从色彩在电商设计中的运用开始说起。

    2017-05-21
  • 微信热点

    【实习精选】网易、中信、博彦科技、雅培、太平洋证券等名企实习汇总(04-02)

    序列               实习单位工作地1德国电信咨询北京2腾讯北京3中信研究部北京4东亚银行(中国)有限公司上海5雅培中国上海 嘉兴6太平洋证券上海7广州越秀金融控股集团有限公司广州8广东南方都市报经营有限公司广州9国金证券股份有限公司深圳10博彦科技股份有限公司西安11网易雷火游戏部杭州12科锐国际大连01德国电信咨询一、企业和团队介绍德国电信国际咨询公司(DETECON),德国电信集团的全资子公司,是全球领先的ICT行业专...

    2018-04-08
  • 微信热点

    【新锐玉商风云榜】颜传赞:以‘用户体验’为支点 撬动家装行业“一键式”转型升级

    在父辈创造的奇迹上,是传承、是创新、是开拓,每一位新生代年轻玉商都在给出自己的答案。——“新锐玉商”专栏总题记新锐玉商风云榜他是“2016浙商年度创新人物”;他提出“构家”如“构车”的“一键式”整体家装新理念,推动家装行业从传统的手工作业升级为家装工业4.0;他的公司“构家”获得复星集团数亿A轮投资。他就是坊间广称为“船长”——杭州构家创始人兼CEO颜传赞。在经济创新这条漫长的大道上,颜传赞以玉环人海派的作风和追求卓越品质的韧性,谱写“...

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

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