引导页

一、定义

Onboarding英文入职指引,个人翻译成——新用户欢迎页(新手引导页),指的凡启动App的开行页(Launch
Screen)之后的欢迎页面,是用户对活之第一印象。
Google Material
design定义的以状况无非限于新用户以利用商店下充斥完成,第一次等运行App的体会。
Apple Human Interface
Guidelines定义之光景还包被重返App的用户建立联系。

迎页面

二、作用

抓住急切体验的初用户熟悉界面,欢迎用户,帮助用户明显询问App的用,激励用户用,提高参与度和留存率。

三、模式

Material design定义了三种植模式

1. 自主挑选模式——允许用户从定义体验

采取状况:UI可以因用户个性化定义,App有安与需用户同意的呼吁;此处不合适传达App正在解决一个初的挑战或者提供平等栽新的裨益、用途,也毫无通过此告知用户要UI的变型
亮点:暗示用户如何和UI交互,个性化定制给了用户控制感,并给用户感兴趣,期待后续内容

注意:

  • 也用户提供针对性优化体验有义之,影响显然的选料;
  • 请求无法透过正常使用得用户信息和宠爱;
  • 保障选择项精简,每个屏幕不超过10码,尽量控制以一屏上还是受大多屏幕看起相互连接
自选设计模式1



自选设计模式2



自选设计模式3
2. 飞快入门模式——介绍设置,直接吃用户开始感受

利用状况:App已经计划好了推波助澜用户与和存在的运作为;不适用于处理新挑战与供新劳动的气象
长:快速启动中心职能

注意:

  • 鼓舞用户操作,避免出现空白页(关于空页面的互设计指南详见
    https://www.jianshu.com/p/d54ec8733bf1);
  • 提供帮扶与点,通过UI提示,为用户提供上怎么行使App的机遇
  • 先呈现极端重点的操作,突出和用户参与度最细心相关的操作,或者坐提示的样式为用户介绍中心职能。
核心操作
3. 超级福利\极要命便宜模式——简洁的轮播卡或动画突出展示采用之利

动状况:处理新挑战与供新劳动,告知用户要UI的变;不适用于群众已很熟悉的界面、益处以及利用模式
可取:突出展示采用App的老三个第一的好处

注意:

  • 择是的跟个体相关的利益点,而休是单独描述功能,陈述App可以缓解之题材,创造的关键利益,常因此特色
  • 运用电动切换页面,旋转木马卡片样式每2s要么3s机动切换3摆放,再添加分页导航,用户就是明白欢迎页不是单纯屏幕,当用户触控页面时,自动切换应该停止;
  • 屏幕可是通往左右滑动,提供被或初步感受按钮
  • 视频内容只有囊括一个上马按钮,没有分页点
  • 保障视觉的连续性,在角色、风格、排版、和按钮颜色等方面注重保持视觉连续性
  • 尽心尽力采用插画和直观的光景,不要见UI界面
旋转木马卡片

季、设计指南

1. 考虑承接的上一屏页面和下一屏页面
当欢迎页之前提供启动页(launch
screen),具体但参见启动页设计指南(https://www.jianshu.com/p/fe4bbd9ed423)
免以欢迎页之前要求安装信息,尽可能从设备安装、默认设置中取,或者经联合服务得。如果要要告设置信息,可以首浅提醒,让用户后期在安装中改。
一般而言欢迎页之后会连续到登陆,用户大轻按照刚刚学到的情节开展操作。

2. 快响应
避免闪屏、菜单和下令影响启动速度,让用户迅速到达内容,开始以App。
若发生学科以及介绍,提供超过了的计,不要为重返用户提供这些内容。

3. 预期用户之辅需要
当仁不让寻找可能遇到困难的用户并提供辅助。比如入娱乐加载中要么中断游戏时,可以提醒中的操作。

4. 课内容不能够离开要点
为新用户提供点,保证应用之直观是最好要的,指导了多之先后设计要重新考量。

5. 同意用户重看教程
供回放教程入口,以防第一破去某些信息。

6. 吃上变得有趣味性与而发现性
建议采取动画片及交互方式。

7. 再开程序时回升原先状态
封存并恢复程序, 帮助用户回到原来位置、原态。

8. 确定呈现趋势(横屏/竖屏)
在时屏幕方向呈现欢迎页,如果App同时支持竖屏和横屏模式;
倘若不得不当一个屏幕方向直达显现,就尽维持该方向;有必不可少之语句可以引导用户旋转设备。

9. 免显示应用内许可协商和免责声明
以使用下载前,应用商店呈现协议和免责声明。

10. 担保2018正版葡京赌侠诗一致性和可识别性
保持页面布局在富有平台和屏幕上的一致性,确保文字与背景颜色可最小但是认识别的对比度。

参考来源:
https://material.io/guidelines/growth-communications/onboarding.html\#onboarding-top-user-benefits
https://developer.apple.com/ios/human-interface-guidelines/app-architecture/onboarding/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图