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

相关推荐

  • 界面设计中的动画原理:可理解的变速过渡效果-深入研究加速和减速 交互设计

    界面设计中的动画原理:可理解的变速过渡效果-深入研究加速和减速

    注:“可读性”是说动画绘制者如何定义动画的精准度,用来清晰而容易地理解正在发生的事情。例如:不可读=不清楚发生的事情很易读=它非常清楚,立刻能懂弹跳背后的物理理论:球刚开始被放开的时候,它有一个相对缓慢的速度。在重力的作用下,球的速度持续增长,直到接触地面的那一刻速度达到最大。地面给球反作用力,使它以几乎相同的速度反弹回去。当球移动时,两种力量作用正在球上 - 反弹的力、想把它拉下来的重力。反弹的力量正在慢慢释放,这使得球随着升高逐渐减低速度,直到它耗费掉所有的反作用力,最终到达反弹的最高点。它在顶部停留一微秒,直到重力把它拉下来,使它像之前一样加速下降。我用言语来描述这句话是有原因的。我们试着将一种自然行为分解为具体的步骤,这样我们就可以重新创造它。注:不要羞于“照搬”大自然。你的观众会更快地与动画关联起来,从而更容易读懂动画。注意:这一术语有可能与其它术语混淆。如果你正在阅读传统的卡通书,例如迪斯尼的《生命的幻象》或《动画师的生存工具》,那么这些书会告诉你,当一个物体开始减速然后加速时,这一过程被称为渐慢(ease-out),因为它的姿态在“缓慢输出”。但是,在软件产业(CSS动画,Adobe Edge等),这一过程被称为渐快(ease in)!我不确定这一不同之处是怎么来的,但是不幸的是,这就是它的形成过程。所以,当你在阅读一篇文章时,而这篇文章把它们把“渐快”称为“渐慢”,那么不要觉得困惑。看一眼你所在的网站你就懂了:D。时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :  34
    0.2  :  68
    0.3  : 102
    0.4  : 136
    0.5  : 170时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :   2
    0.2  :  10
    0.3  :  36
    0.4  :  87
    0.5  : 170注意:你会在软件中看到更多用于设置缓冲的选项,例如二次的、三次的、四次的等等。它们只是缓和程度更高的选择,但是概念是相同的。只需记住——缓和的程度越高,你就会得到更多的缓和度。并不是规则,只是工具(There are no rules. Only tools)- Glenn Vilppu

    2017-06-05
  • 按钮体验设计:最佳的感受,形式和状态 交互设计

    按钮体验设计:最佳的感受,形式和状态

      按钮体验设计:最佳的感受,形式和状态 按钮是一个普通的,几乎我们每天都要接触的设计元素.除了这个,由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素,所以它值得我们为按钮这样最基本的元…

    2016-03-24
  • 盘点 Smartisan OS 历代亮点, 罗永浩凭借用户体验翻身? 交互设计

    盘点 Smartisan OS 历代亮点, 罗永浩凭借用户体验翻身?

    #交互学堂#今天为大家盘点一下锤粉骄傲的资本,那些#Smartisan OS# 中具有启发性的系统层优化,从远到近从大到小,从 Smartisan OS v1.3 到 最新的 Smartisan OS 3.1,这算是一份锤子给智能手机操作系统的独特贡献…

    2016-11-01
  • 交互、研发、视觉部门的协作工作技巧分享 交互专题

    交互、研发、视觉部门的协作工作技巧分享

    本文转载自交互学堂公众号,作者阿西UED 交互、研发、视觉部门的协作工作技巧分享 微信号:IxDSchool 本文是图片形式,打开有些慢,请耐心加载完再阅读。这里有原文地址

    2016-01-15
  • 微信热点

    在Sketch中直接画流程图?现在你可以梦想成真了

    静电说:许多小伙伴对Sketch的期许是更多的,他们不仅希望Sketch是一个绘图工具,更希望它能变成一个交互工具,一个动效设计工具。比如这样一个需求:“在Sketch中画流程图箭头”,之前是不可以的,但插件为我们带来了无限可能性。今天静电就要来介绍这款User Flows插件。User Flows可以来创建图层到页面(Artboard)之间的连线,也可以用它来导出设计流程图,User Flows提供多种语言选择,为我们提供了不少方便。...

    2018-04-17
  • 写给产品经理和设计师的用户体验知识4(大结局)

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,当时的写作提纲如下:第一部分:先纠结两个概念「用户体验」和「设计」第二部分:设计原则概览原则1:符合用户使用需求原则2:基于用户的心理模型设计原则3:一致性原则4:及时有效的反馈和解释原则5:形式追随功能原

    微信热点 2018-02-12
  • 微信热点

    设计热点 x【交互设计】

    文I橙燃今天小编想介绍的是交互设计,这个似乎早几年就已经流传到爆的似乎很高大上的职业,我也尝试过去接触过,但前几年就有很多人和我说此 “物”这些年已它饱和了,由于较其它设计类工作工资高很多,又是新生职业,遂很多人转行做交互了~而我现在想对那些人说:滚!因为他们年年在说,根本也不懂个啥~依然有很多人转UI。刚毕业。最近听说我的两个同学去南京学UI了,然而学费,我想说真的交互设计真的贵,一万八~~我想我还是干点别的吧~我不适合。好,言归正传...

    2018-04-08
  • 请记住,视觉设计远不止“好看”这么简单 交互设计

    请记住,视觉设计远不止“好看”这么简单

    设计师和理发师其实有点像,理发师基本分为三种:一种是只会搞基础发型的,比如寸头、中规中矩的长发、老太太卷头等;一种是只会剪流行发型的(这种发型师还很容易 摇身一变成为造型大师,告诉你你应该改变,应该剪目前最流行的某款发型,但实际上可能是他只擅长这款发型);还有一种是最可遇不可求的,他根据你的脸型、 性格等,用最简单的手法量身设计发型,让顾客的气质度立刻得到提升。

    2017-06-03
  • 交互设计七大定律之Tesler's Law 泰思勒定律(复杂性守恒定律)

      最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从…

    交互设计 2015-08-27
  • 进阶必读的15本交互与用户体验设计经典书! 交互专题

    进阶必读的15本交互与用户体验设计经典书!

    今天小创整理了交互设计与用户体验设计领域的经典书单推荐给大家,不过真的想要在交互、用户体验领域的学习有所提升,除了读书外,多下载APP,多研究热搜榜上的应用,同时iPhone、Adroid等各类设计规范,是最好的交…

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

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