树立产品第1指南的良好印象

2021-01-23   扫描 时间   来源: 每个人都是产品经理   出版也许重印:jgginfo

 a1.jpeg

1、定义

Onboarding英文参赛指引,个人翻译成——新用户欢迎页(新手引导页),指的是激活App的启动页(Launch Screen)在那之后,欢迎页,是用户对产品的第1印象。

Google Material design定义的使用场景仅限于应用程序商店中下载的新用户,第1轮App经验。

Apple Human Interface Guidelines定义的方案还包括返回App的用户建立联系。

 a2.png

二、效果

吸引渴望体验熟悉界面的新用户,欢迎用户,帮助用户清楚地理解App使用,激励用户使用,提高参与率和保留率。

三、模型

Material design定义了三种模型

1. 自主选择模型——允许用户自定义体验

使用情景:UI可以根据用户个性化定义,App有用户同意的设置和请求;在这里交流是不合适的App是应对新的挑战还是提供新的利益、使用,不要告诉这里的用户UI变化

力量:提示用户如何与UI相互效果,个性化定制给用户1种控制感,和感兴趣的用户,期待后续内容

看:

  • 为用户提供优化体验的有意义的东西,有重大影响的选择;

  • 请求不能开始正常使用获得用户信息和首选术语;

  • 使所选内容简明扼要,不超过每个屏幕 10 术语,尝试在1个屏幕上控制它,也许者使多个屏幕看起来相互连接

    a3.pnga4.pnga5.png
  • 2. 快速启动模型——设置简介,让用户直接开始体验

    使用情景:App使用行为旨在促进用户的参与和保留;不适合应对新挑战和提供新服务的方案

    力量:快速启动核心功能

    看:

    • 鼓励用户操作,避免空白页

    • 提供帮助和指导,开始UI提示,为用户提供如何使用App机会

    • 最关键操作的优先级呈现,突出显示与用户参与关系最密切的行动,也许以提示符的形式向用户介绍核心功能。

 a6.png

3. 最佳福利\最大效益模型——简洁的旋转卡片也许动画突出了应用程序的好处

使用场景:应对新挑战和提供新服务,通知用户UI变化;不适用于公众已经非常熟悉的接口、效益和使用模型

力量:突出显示App的三大好处

看:

  • 选择正确的个人福利点,而不是简单地描述函数,故事App可以解决的问题,创作的主要好处,共同特征

  • 使用自动切换页,每个旋转木马卡样式2s也许3s自动切换 3 开,加上寻呼导航,用户知道欢迎页面不是1个屏幕,当用户触摸页面时,自动切换应停止;

  • 屏幕可以来回滑动,提供“开始”也许“开始体验”按钮

  • 视频内容只包含1个“开始”按钮,没有分页点

  • 保持视觉连续性,在这个角色中、颜色、布局、看在按钮颜色等方面保持视觉连续性

  • 试着用幻觉和直观的场景,不存在UI界面

    a7.png
  • 四、设计指南

    1. 考虑接受上1页和下1页

    在欢迎页面之前提供启动页面(launch screen),有关详细信息,请参阅启动页设计指南

    在欢迎页面之前避免询问信息,从设备上尽可能多地设置、获取默认设置中的,也许者开始同步服务。假如 你必须请求设置信息,,你可以第1时间 提示,让用户在稍后阶段在设置中进行修改。

    通常欢迎页面将连接到页面后登录,用户很容易了解他们刚刚学到的东西。

    2. 快速响应

    避免闪烁屏幕、菜单和指令影响启动速度,让用户快速获取内容,开始使用App。

    假如 有教程和介绍,提供跳过的方法,不要向返回的用户提供此内容。

    3. 预期用户对帮助的需求

    主动寻找和帮助可能遇到困难的用户。例如,当您输入游戏加载也许暂停游戏时,您可以提示输入有用的操作。

    4. 本教程的内容不应偏离要点

    为新用户提供指导,确保应用程序的直觉是最重要的,指导太多的编程需要重新考虑。

    5. 允许用户重新访问教程

    提供回放教程条目,以防你第1时间 错过1些信息。

    6. 使学习具有趣味性和可识别性

    建议使用动画和相互效果。

    7. 恢复程序重新启动时的前1状态

    保存和恢复程序, 帮助用户返回原来的位置、原始状态。

    8. 确定演示方向(水平筛/垂直筛)

    按当前屏幕方向呈现欢迎页,假如 App支持垂直和水平屏幕模型;

    假如 你只能在1个屏幕方向渲染,,1直朝那个方向走;假如 有必要,您可以引导用户旋转设备。

    9. 避免显示在应用程序中的许可证协议和免责声明

    在下载应用程序之前,,应用商店演示协议和免责声明。

    10. 确保1致性和可识别性

    在所有平台和屏幕上保持页面布局的1致性,确保文本和背景色与最小可识别对比度相匹配。

    作者:Meowmaid

    来源:

 

更多
特区总站135hk,.com   四川公共网络安全51010702000428号  QQ:170969402 
Tel:13896133459 地址:中国.四川省成都市1环路南段20没有Pley大楼B站立711
域名注册