用法
应根据用户对应用的熟悉程度，提供更具针对性的引导。
用户情境 | 欢迎流程的目标 |
|
|
增长与沟通– 新手引导
新手引导
新手引导模式
新手引导是漫长旅程中的一个节点，从应用商店开始，结束于：
- 首次运行体验（FRE），或
- 用户的首次应用体验
设计新手引导时，需考虑其前后的界面。
仅向首次使用的用户显示新手引导，切勿向老用户显示。
Material Design 提供了三种新手引导模式：
自定义选择
“自定义选择”模式允许用户通过一系列简短的选择来自定义首次运行体验。
这种体验提供隐性教育，让用户对即将出现的界面拥有控制感和期待感。
登录界面
“自定义选择”模式
呈现正确的选择
为用户提供的选择会影响新手引导的成功与否。
选择应具备以下特点：
- 含义明确且突出
- 能提供新的信息
- 形式简洁
含义明确且突出
提供对用户体验有明确且显著影响的选择。这些选择会隐式教导用户如何与你的 UI 交互。
推荐做法
选择要绑定的内容会对用户体验产生明确的影响。
不推荐做法
了解用户查看信息流的频率不会影响其体验。
询问未知信息
勿询问可从正常使用中推断出的偏好。
推荐做法
正常使用难以明确用户希望绑定的内容，因此询问其偏好很有价值。
不推荐做法
勿要求用户选择那些随应用正常使用而显而易见，且不会实质性改变首次运行体验的内容。
保持简短
将选项限制在一个屏幕内，或使多个屏幕间保持连贯性。
每个屏幕的选项应少于十个。
推荐做法
单个“自定义选择”屏幕
不推荐做法
多个“自定义选择”屏幕
设计新手引导时，应考虑其与用户首次运行体验的衔接。引导结束后，用户应进入便于实践所学内容的界面。
设计
“自定义选择”屏幕的设计应与应用功能相关。专注于内容消费的应用可询问兴趣主题，而资讯订阅类应用则可询问需订阅的主题。
常见的“自定义选择”设计模式包括：
绑定列表
网格视图
列表
快速开始
在“快速开始”模式下，用户将直接进入应用主界面，期间不会出现其他形式的新手引导（登录和必要的设置步骤除外）。
“快速开始”模式具有以下特征：
- 让用户快速上手应用的核心功能
- 通常优先处理最关键的操作
- 也可提供了解详情或寻求帮助的可选途径
最佳实践
给用户事情做
界面应鼓励交互，而非让用户面对空白屏幕。
推荐做法
提供选项以帮助用户开始。
不推荐做法
勿让用户无事可做。
提供引导
若在平均首次运行体验接近结束时（首次会话约 90% 处），用户仍不清楚如何使用应用，可展示界面提示，提供学习机会。
推荐做法
为用户提供更多了解应用的机会。
不推荐做法
勿强迫用户进行前置学习。
优先处理最关键操作
选择与前七日互动最相关的操作，或将核心功能作为用户尚未尝试操作的提示引入。
推荐做法
引导用户执行最关键的操作。
不推荐做法
勿让用户无事可做。
核心优势
“核心优势”新手引导模式包含简短的自动轮播或动画故事板，突出应用的最多三个主要优势。
选择正确的优势
“核心优势”模式应展示应用的最多三个主要优势。这些优势应将应用定位为在关键时刻相关且个性化，而非提供说明或描述功能。
确定展示哪些优势时，请考虑：
- 应用解决的问题
- 应用创造的主要优势
- 应用的“牙刷功能”（即每天使用一两次的功能）
集成选项
自动轮播
最多三个插图应每两到三秒自动轮播一次，并显示分页导航。第一屏应更快自动前进，以明确这不是单屏内容。用户触摸轮播时，应禁用自动前进功能。
整个动画过程中始终显示“开始使用”按钮，并持续循环播放动画，直至点击“开始使用”。
屏幕应支持向前或向后滑动。
按钮和分页导航固定显示。文字排版动态变化，位于与插图分开的区域，但海拔高度相同。
视频
最复杂的“核心优势”体验包含精心制作的视频。
此时应包含“开始”按钮，但不显示分页圆点。
视频实现
最佳实践
保持视觉连续性
在角色、环境、样式、排版和按钮颜色方面保持视觉连续性。
推荐做法
在整个体验中使用一致的视觉效果和颜色，通过为按钮和圆点创造统一背景来统一故事叙述。
简化
简化视觉效果至传达概念所需的基本要素。
推荐做法
直观展示了将文件保存到云的寓意。
不推荐做法
此图片无重点。
勿机械展示界面
若用户尚未体验应用界面，勿直接展示。应先展示用户收益。
可在后续相关情境中展示特定界面的使用指导。
推荐做法
此插图有助于传达使用指南的优势。
不推荐做法
展示实际应用界面会使用户难以分辨图片是插图还是交互元素。
设计与首次运行体验衔接的新手引导。引导后显示的界面应便于用户实践所学内容。
设计
“核心优势”的设计应配合文案。若想法用文字表达更佳，则应使用文本而非图像。
此布局旨在使宽高比为 1:1 的插图能始终适配所有平台屏幕。确保背景和文本颜色满足无障碍的最低对比度要求。
竖屏手机和平板
在插图下方放置居中对齐的文案和交互元素。
竖屏手机
竖屏平板
横屏手机和平板
将左对齐的文案和交互元素沿插图右边缘放置，垂直居中。
横屏手机
横屏平板
桌面端
将插图、文案和交互元素放置在居中卡片中。卡片两侧显示“下一页”和“上一页”按钮，下方显示分页指示符。
桌面端
可穿戴设备和电视的欢迎体验采用不同的交互方法，应区别对待。
平台红线
竖屏手机和平板
文案和界面元素在屏幕中水平居中，从屏幕底部向上构建，底部内边距为 24dp。
- 标题：字体 24sp，行高 32sp
- 副标题：字体 15sp，行高 24sp
- 行高：32sp
- 按钮顶部与文案中心间距 56dp（可容纳 1-3 行文本）
- 垂直间距：24dp
横屏手机和平板
文案和界面元素与插图左边缘对齐，垂直居中。
- 标题：字体 24sp，行高 32sp
- 副标题：字体 15sp，行高 24sp
- 行高：32sp
- 按钮顶部与文案中心间距 56dp（可容纳 1-3 行文本）
- 垂直间距：24dp
桌面端
- 标题：字体 24sp，行高 32sp
- 副标题：字体 16sp，行高 24sp
- 行高：32sp
- 按钮顶部与文案中心间距：56dp（可容纳 1-3 行文本）
- 图片与分页点之间的垂直间距：24dp
- 图片与箭头之间的水平间距：48dp