提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
全面的解析一个APP 启动页/ 闪屏 / 引导页这样的设计过程
APP 启动流程
启动页Launch Screen
官方建议:
1、不建议过多设计
2、不要做广告
3、仅仅用以传达给用户,应用快速响应认知。
启动页是应用每次冷启动过程中展示给用户的一个过渡页面,用于减缓用户在打开应用时等待的交流情绪。
特点:
通常是一张背景图片,无法进行交互,不可点击页不可跳过,展示时间不可控。
注意点:
1、避免包含太多文字字符
2、不要过于吸引用户的注意
3、不要做广告
闪屏Splash Screen
启动页形似闪屏但拥有交互功能,通常用于展示营销活动广告图片并引导用户点击。
特点:
展示运营活动广告,时间较长,有交互行为,
可点击进入,可点击跳过
引导页Onboarding Screen
用户安装或更新后首次启动时展示的数个页面,常用于介绍应用的核心概念,功能玩法,使用场景,核心变更。
特点:
可交互,左右滑动切换页面,最后一页有进入按钮。
注意点:
1、轻易不要使用引导页,以免阻碍用户快速的使用体验。
2、为了降低用户反感程度,引导页数通常越少越好(小于5个)
3、尽量提供“跳过”按钮
4、每页的文案不要超过9个字,如果更多内容可以用小号文字进行辅助说明。
启动页设计技巧
启动页设计思想是一句话告诉用户产品定位是什么(我是谁?我是做什么的?)
设计三要素
强化品牌感
使用品牌元素(logo、slogan、IP形象、品牌色等),强化用户对品牌的认知
意境图片
非洲大陆是人类起源的开始,有人的地方就有沟通。
启动页总结
1、不可交互
2、配置在安装包中
3、每次启动APP都展示
4、展示时间不可控
5、不可跳过
6、logo+产品名称+产品定位
闪屏设计技巧
闪屏设计时也有三要素,记住关键词哦~
常见的闪屏样式
广告闪屏
1、展示平台重要活动或者资讯
2、广告主业务需求产生推广收益,后台需要支持广告主可以查询推广数据
节日闪屏
向用户传递节日祝福、渲染节日气氛,同时能带给用户新鲜、有趣的情感,帮助产品拉近与用户的距离,增加用户对产品的粘性。
设计区别
布局思考
需要考虑到平滑过度,设计时预留固定广告位置和品牌位置,启动页和闪屏会顺滑无违和感的过渡。
特点总结
1、可以交互
2、后台配置,前台调取
3、非每次展示,根据需求
4、可设定固定展示时间
5、可跳过
6、logo+图片内容+读秒跳过
启动页和闪屏总结
1、启动页是应用每次冷启动过程中展示给用户的一个过渡页,不具备任何交互功能
2、大部分应用的启动页使用品牌元素,加强用户对品牌的认知
3、闪屏在启动页之后,非必要出现,根据需求而定,有交互功能
4、启动页设计布局时需要考虑是否要与闪屏平滑过渡,共用布局
引导页设计技巧
引导页设计思想:宣传产品的核心功能与优势(我该怎么使用?我有什么亮点?)
引导页也需要设计三要素:
案例展示1
介绍产品的功能亮点或版本变化
案例展示2
表现企业愿景,引发用户共鸣,吸引用户的关注
案例展示3
生活情感化,代入感非常强,自如这套引导页很有感染力
页面形态
引导页总结
1、是否必须存在,存在需要理由,不是为了做而做
2、需不需要跳过按钮,找到用户体验和品牌运营的平衡点
3、选择动态图还是静态图,哪一种更适合产品的调性,考虑开发成本
4、注意页面的焦点,也可以选择图只动一小部分,更容易突出焦点
5、引导页页数一般在3-5页即可
设计思路
- END -
如果觉得有帮助,请关注我的公众号,每天推送小知识
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册