用户引导
2021-09-02 09:42:51 3 举报AI智能生成
用户引导
作者其他创作
大纲/内容
定义
引导：通过某种手段或方法，干预目标对象的决策和发展，促使其更快地接近目标
用户引导不是针对结果的设计，而是带领既定的目标对象快速、愉悦地达到目标的过程
设计疑问点：要以什么样的形式将功能告知用户？如何让用户按照设计师的预期顺利使用产品？
目的
对于用户而言
降低学习成本，迅速上手使用产品
被告知有价值的信息，减少额外的时间和精力开支
预知帮助内容，愉快地学习使用产品
对于产品而言
让新用户快速了解、使用产品，缩短探索周期
吸引用户发现新功能或操作指定对象
提前给予用户帮助，提升产品体验的愉悦度
引导类型
信息提示类
用信息展示的方式，帮助用户理解产品的功能和需要执行的操作
最常见的是“小红点”、“未读提醒”、“更新提示”这样的提示
举例
网易云音乐账号页中的红点和数字标识
网易严选购物车的商品数量提示
功能提醒类
有些Icon达意不明确、有些功能被收起或隐藏在手势中、主打功能希望被用户快速掌握等，产品需要加以引导，以降低用户的学习成本
举例
百度云盘的“..."（文件夹）功能
微博首页中故事模块的切换手势操作
操作引导类
分为强制性引导和非强制性引导两种
强制性引导：主要用于登录、注册、安全认证、激活等相关流程，需要完成（例如验证身份）后才能继续进行后续的操作
非强制性引导：多用于鼓励用户操作（例如完善资料、关注更多好友、分享转发等），这类引导最好给予一定的激励
如果是复杂的任务流程，每一步都要给新用户讲清楚，这一步处于哪一个环节，该怎么操作，有什么作用
举例
闲鱼引导用户开通闲鱼号，好处——可看到谁在关注你
Facebook引导用户授权访问通讯录，好处——可以找到更多的好友
内容推广类
除自身功能之外，产品中也会包含一些额外的推广性引导，最常见的就是产品中植入的广告
举例
网易云音乐启动页广告
网易新闻信息流中插入的游戏广告
三要素
目的
我们想达到的目的是什么？
用户能从中得到什么好处？
产品能从中得到什么好处？
用户
目标用户是谁？
新用户还是老用户？
活跃用户还是轻度用户？
有效引导的前提是确定目标人群，对症下药
举例
改版后的网易云音乐，将“歌单新建与管理”按钮从页面吗左上角移动到歌单分类栏的右侧后，给予相应的引导提示。这样做是为了防止老用户因使用习惯而找不到功能，对新用户则没有必要提示
场景
用户的使用场景
被引导对象的使用场景是怎样的？在什么场景下用户需要引导？
举例
微信扫一扫中的照明功能，微信对场景进行了细分处理，光线理想是什时不显示照明功能，当设备检查到环境较暗时，“轻触照亮”按钮便会出现
设计师需要确认
这个功能真的很有必要引导和提醒用户吗？
这个功能希望被谁看到？是所有用户还是部分用户？
在什么场景下提醒用户最合适？
生命周期
引导的生命周期为：触发➡️展示➡️消失
触发
引导出现的时机和方式
用户打开程序/系统时触发
到达特定页面后触发
操作指定功能后触发
到了某个时间点或达到了某个指标后触发
举例
支付宝转账，当检测到用户输入了纯数字时，在键盘上方触发一个“给对方转账n元“的提示
微信预知引导发图的提示，当app检测到相册里有新增图片时，一定时间内点击微信的“+”按钮，会触发一个发图的小浮层
展示
引导展现在用户眼前的方式
简单地拿“点点点”或图文单向传递的形式
互动性较强的教学引导方式
举例
各类成功的手游，让用户在开启后在最短时间里了解游戏规则、知道操控游戏的交互方式
消失
分为自动消失和被动消失，区别在于是否需要额外的干预（即便同为被动消失的引导，用户对其干预程度也不尽相同）
举例
网易云音乐的播放页右上角对歌曲的分享引导，气泡会在几秒后自动消失
Facebook改版后对新增Tab的引导，用户点击任何区域都可以消除当前的遮罩提示
火山小视频中拍摄作品的引导，只有当用户真正创建一个视频后，提示才会消失
引导形式
引导页
app下载/更新完成、第一次打开后，用来向用户展现产品中的功能和操作方法
通常用户对信息吸收的效率并不高，更希望赶紧体验产品而不是看这些引导
引导页的数量一定不要过多，页面信息简明扼要、中心明确才是王道
举例
网易云音乐新手引导
toast提示
极为轻量的提示方式，通常作为功能操作后的反馈
toast出现的时间都很短，不要指望用户能真正注意到你在讲什么，不要将其用作重要对象的引导形式
toast大多可有可无或会反复出现，因此，语言精练也是必要的
举例
网易考拉
气泡/浮层
量级很轻但目的性很强，设计模式一般是半透明浮层结合文案
大部分浮层模式带有指向性箭头，可以用来提示重要功能或者隐藏操作
气泡/浮层通常是非模态的，显示3～5秒后自动消失，对用户的干扰较小
也有一些重要功能使用模态浮层，需要用户明确操作后才能隐掉
举例
ofo小黄车中的红包车，红包区域内开锁任意小黄车骑行10分钟即可获得现金红包
页面遮罩
比较强势，直接盖住界面来强调当前需要引导的内容
一般遮罩为半透明，在此图层上，通过各种图形结合被盖住的界面内容，引导用户聚焦到重要的信息
遮罩式浮层无法自动消失，需要用户操作（指定操作/非指定操作）后才能隐掉
举例
考拉搜索框引导
考拉商品页，考拉专辑精选商品引导
嵌入式
分为局部嵌入和整体嵌入两类
局部嵌入：在当前页面内容上增加引导提示（为了保证对象不被埋没在信息流中，有效地引起用户注意，需要从视觉上做处理）
整体嵌入：将引导作为一个整体代替页面内容的显示（很多app最初使用时，许多界面都呈现除“空状态”，所以很有必要将空状态纳入用户引导流程中
嵌入式引导可以让用户有所期待、体会到内容的重要性，满足用户获取内容的需求
子主题
操作示意
采用简短的动画向用户展示操作方法，也不乏静态图片配以描述的方式
这种方式的好处是很直观，用轻松浅显的手法就能传达给用户新鲜的功能和趣味的用法，比生硬的文字更体贴
举例
网易云音乐歌曲播放页，查看歌词示意动效
互动式引导
通常比较隐蔽，在用户与产品互动的过程中引导用户完成操作
在用户使用过程中（进入特定环节、进度时）触发，不会按照固定的顺序出现，不同的用户碰到这些提示的时间、场景不尽相同
举例
下拉刷新、底部上拉等手势操作
语音操作：用户使用麦克风时，界面随着用户的声音输入而产生互动
弹窗
与遮罩相同，也能达到很强的引导效果，且对当前操作具有很大的阻断力
通常以文案搭配具体操作的形式呈现，可辅助搭配图片烘托
需要用户有明确的选择后才能关闭弹窗
举例
网易云音乐，（列表页中）点击进入某歌曲，但歌曲被下架后，进行弹窗提示“应版权方要求，该页面暂时无法使用”
MONO，每日下午茶提示
自体变形
元素本身发生改变，可以是纯视觉上的，也可以配合动画效果
没有额外增加其他元素，只是通过效果变化实现与同组其他元素产生区分
举例
阿里产品logo平铺在一个页面中，天猫国际的logo，通过改变自体形态的动画效果，达到吸引用户注意力的目的
引导的强弱
根据出现时是否有阻断、消失时是否需要操作，可以划分出强弱不同的引导
强引导会阻断用户当前的使用，需要有指定的操作才能消失，以此来获取用户百分之百的注意力
若引导出现时不一定能让每一个用户都注意到，或者不需要让所有用户都完整地了解，这样的提示不会阻碍用户当前的阅读（查看）和操作行为，还可以自动消失
单从形式来说，互动参与>视频/动态图文>静态图文>文字
实践项目中，需要综合考虑产品的各个功能业务，业务信息越复杂、越重要的选择优先级越高的形式
千篇一律的过于强势或保守的弱势都会引起方案或被用户忽略
有效的提示并非只能从形式上做文章，类似toast、浮层这种稍纵即逝、很容易错过的引导，可通过增加出现的次数和频率来提升引导的强度
频率：单位时间内完成周期性变化的次数，是确定了引导的触发点和形式后，另一个不可忽视的思考要素
可以根据功能的重要程度和记忆负担两个维度去思考使用怎样的引导设计，分成四象限来考虑
举例
网易云音乐新版，加入了截屏分享的功能
虽然分享浮层出现3秒后会自动消失，但为了防止每次截屏都出现浮层给用户带来干扰，在设置页里加入了功能开关，如何告诉用户有这个开关呢？
这个提示功能属于重要程度低，但用户容易遗忘的象限，做法是：功能上线后针对所有用户，首次手动取消浮层时（点击浮层右上角的"x"、点击半透明遮罩）即toast提示“可在设置中取消截屏分享提示”，之后每累计手动取消3次提示1次
注意事项
保证引导的有效性
引导是对产品内容以及形式的辅助说明，存在既要有意义
触发场景准确
根据场景触发相应的用户引导，寻找正确的时机（用户在浏览某页面/进行某操作时），提供当前最重要的引导提示
简单易懂，突出核心
降低认知和学习的门槛，让用户容易理解和掌握（复杂繁琐的内容会使用户失去耐心，内容页很容易就被遗忘）
与产品基调一致
用户引导的视觉风格、语言表达要与产品定位、产品理念一致
在因地制宜的前提下，要保证全局的一致性，切忌没有克制地随意发挥
让用户在看到引导时，对产品有一个大致的基调认识和感受
总结
引导是存在于被引导者和目标之间的桥梁，使二者建立关系从而让被引导者快速接近目标
是应用设计流程中一个非常重要的环节，承载着用户和产品之间不同的愿景和目标
一定要
考虑好目的、场景、用户三个要素之间的关系
因地制宜选择合适的出现、展示、消失方式
根据被引导内容的重要程度和记忆负担，来权衡引导的强弱与出现频率
用户引导是什么：在对的时间遇到对的你
0 条评论
下一页
