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

相关推荐

  • 微信热点

    全面解读!人工智能如何改善五大用户体验?

    点击【阅读原文】,即将IPO独角兽,抓住上市前最后的机会!最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨...

    2018-05-05
  • 场景化体验设计的新思路:语音交互 交互设计

    场景化体验设计的新思路:语音交互

    语音交互在场景化的体验中能发挥更好的效果,是因为语音本身就是一个对话的过程。当你置身于特定场景下时,你的语音指令才具备特殊的意义!当你在骑行的时候,Siri在你耳边提醒你临近会议的准确时间和地点,并为你语音导航,同时为你口述刚刚收到的短信息—所有的动作都没有打断你的骑行运动。第二个倒计时设定40分钟,现在开始倒计时。你的倒计时已经运行,还有9分42秒,想要更改它吗?引导强于记忆。User: Alexa, add milk to the shopping list.
    Alexa: I’ve added milk to your shopping list.
     
    User: Alexa, add eggs to the grocery list.
    Alexa: Eggs added to your shopping list.
     
    User: Alexa put butter on the shopping list.
    Alexa: I’ve added butter to your shopping list.
     
    User: Alexa add cereal to the shopping list.
    Alexa: I’ve added cereal to your shopping list.
     
    User: Alexa put cheddar cheese on the shopping list.
    Alexa: Cheddar cheese added to your shopping list
     
    User: Alexa put sugar, flour and salt on the shopping list.
    Alexa: I’ve added sugar flour salt to your shopping list.

    2017-05-17
  • 微信热点

    广告与用户体验如何共存?

    今天给大家分享的是来自UI中国会员-海舟Ocean关于广告营销相关设计的一些经验总结。最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体...

    2018-04-20
  • UI设计入门必会:Axure及Adobe系列软件如何安装

    UI设计最最基础的-软件如何正确安装且永久免费试用1、Axure 8.0正确安装、汉化、破解2、UI设计之通过CreativeCloud安装Adobe软件

    微信热点 2018-05-07
  • 微信热点

    中国交互设计“教父”辛向阳老师首次线上分享会来啦

    应集创堂的邀请,中国交互设计“教父”辛向阳老师将在4月20日为大家带来首次线上分享会!辛老师是卡耐基梅隆大学设计哲学博士,是目前很少数在美国获得设计哲学博士、并首个回到中国内地的华人之一。有着跨多个学科的教育和工作背景,包括机械、建筑、平面设计、油画、交互设计以及艺术史。同时,辛老师还是IXDC(交互设计国际大会)大会主席,提出了“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法,并在香港理工大学成功创办了中国首个交互设计专...

    2018-04-17
  • 交互设计

    摧残人类的交互

    特仑苏:积分系统 购买每箱牛奶都会有一张积分卡片,上面有一行验证码。如果你认为在官网输入验证码就能获取积分,那就想的太简单了。你要拿起手机,编辑短信“CZ+长长的16位数字的验证码”,发送到长长的16位数字的…

    2014-12-24
  • APP交互设计,需要注意五点事项 交互设计

    APP交互设计,需要注意五点事项

    交互设计这个词最早提出来是在1927-1970年,那个时候只是个初创期。后续随着时间推移,互联网和机器的发展,这几年开始被人重视这个交互设计。很多公司专门成立个部门叫UED,听起来很吓人,设计师没有接触过,不知道是什么东西,具体里面有哪些核心内容?其实说白了就是把人,机器和界面相融合,做到顺其自然,顺理成章,不要反其道而行,逆天反人类。

    2017-05-13
  • 微信热点

    12家公司2018春招开启,内推进行中!20W高薪岗位面向18/19届!

    春招现已全面开启cherry整理了春招开启以来还可以内推的公司请大家仔细浏览遇到心仪公司把握住机会不要错过拿到offer才是要紧事注:以下所有公司均可通过互联派内推,后台回复【内推】即可获得内推方式!可内推公司公司:今日头条面向人群:2018届&2019届工作地点:北京、上海、深圳、武汉职位分类:研发类产品类运营类市场类职能类网申时间:2月12日起网申地址:https://job.toutiao.com/2018/公司:蚂蚁金服面向人群...

    2018-03-03
  • 体验的情感之谈

    来源:Johny Holland Magazin 当体验设计的范畴在不断延展的时候,也正是其面临着一种设计挑战的时候,即体验设计师希望给用户传递一种可独立于情境或频道、具有相关性(延续性)和一致性(稳定性)的设计。 如同在…

    交互设计 2015-10-20
  • 从“注意力”的角度,谈交互设计如何避免入坑 交互设计

    从“注意力”的角度,谈交互设计如何避免入坑

    前段时间UIMAX团队在做“新浪新闻客户端用户画像项目”时,用研人员访谈用户的过程中,发现一个这样的问题:多数用户完全没注意到过页面上的“长按可排序或删除”这段文字,反馈“不知道可以对新闻频道进行排序” 设计师…

    2017-06-05
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

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