打造完善的新手引导： 4个设计要点和8种常见分类
2024-01-30 10:50:57 0 举报AI智能生成
打造完善的新手引导： 4个设计要点和8种常见分类
作者其他创作
大纲/内容
新手引导<br>设计要点
<b><font color="#e74f4c">引导作用：</font></b>熟悉产品操作，寻找降低学习成本、提升上手效率；
<b><font color="#e74f4c">引导场景：</font></b>【产品特色】、【产品操作】、【产品新功能】
出现时机
<font color="#e74f4c"><b>首次打开产品时，结合实际场景，在需要用到的时候出现<br>比如【点击、滑动、摇一摇、长按】</b></font>
<b><font color="#e74f4c">针对特定用户群体<br>的特定功能</font></b><br>
<b><font color="#e74f4c">功能性引导：</font></b>用户第一次进入的新功能引导
<b><font color="#e74f4c">指标性引导：</font></b>以提高指标的方式，引导目标用户使用指定功能
<b><font color="#e74f4c">结果性引导：</font></b>多用于已使用的基础上激活引导，唤醒沉睡意识
用户主动查看使用手册时，点击帮助与反馈时
设计要点
文案精准，通俗易懂，最好控制在9个字以内<br>（一个人的短时记忆一般只能记得5个字，最多记得9个）<br>
<font color="#e74f4c"><b>内容不要过多，明确显示进度，<br>确保只提供给用户最适时和必要的帮助</b></font><br>
引导的一致性，趣味性，让用户有成就感，<br>引导中的任务或操作时，给予用户及时的反馈<br>
<font color="#e74f4c"><b>注意出现时机，频率，退场时机、互斥机制、</b></font>
8种常见<br>的引导<br>
蒙层引导
<b><font color="#e74f4c">适用场景：</font></b>展示新功能、界面中功能位置改动、<br>特定的手势交互划分说明，界面相对复杂或完整交互流程比较长<br>
<b><font color="#e74f4c">注意事项：</font></b>帮助用户聚焦到具体的页面元素和功能，<br><font color="#e74f4c"><b>会打断用户原有操作流程强引导</b></font>。<br>
常见形式：<br>
<b><font color="#e74f4c">分步引导</font></b>
<b><font color="#e74f4c">单页蒙层</font></b>
<b><font color="#e74f4c">弹窗引导<br></font></b><br>
气泡引导
<b><font color="#e74f4c">适用场景：</font></b>新功能上线、不需要过度打扰到用户的引导，<br>只需要在用户所需时进行弱提醒，<br><b><font color="#e74f4c">注意气泡数量和出现时机和退场机制。</font></b><br>
对话式引导
<b><font color="#e74f4c">适用场景：</font></b><font color="#e74f4c"><b>用户通过与机器人或者其他人工智能交互式对话的方式进行引导的设计方法，常用于收集信息，登录注册，客服会话等。随着AI的兴起，这种对话式引导会越来越常见。</b></font>
教学式引导
<font color="#e74f4c"><b>适应场景：</b></font>常见用于工具类产品和游戏
滑动式<br>引导页<br>
<b><font color="#e74f4c">出现时机：</font></b>下载app之后有3-5屏的滑动引导页，<br>有醒目的跳过/关闭按钮和进度条显示<br><b><font color="#e74f4c">作用：</font></b>宣传产品功能和亮点或告知用户最核心的操作方式。<br>
预加载任务
<font color="#e74f4c"><b>适用场景：</b></font>用户进入产品后，自动为用户创建了一些和产品形态相关的示例、最常用于工具类产品，比如：原型工具、设计软件、文档、任务清单等产品。
缺省空白引导<br>
<font color="#e74f4c">适用场景：</font><font color="#000000">缺省页面为空，<br></font><font color="#000000">引导用户从无到有的去创建内容</font>。<br>
互动式引导
<b><font color="#e74f4c">适用场景：</font></b>用户触发功能后出现的引导，指引用户完成后续操作行为。<br>例如下拉，滑动，按住等交互<br>
学习资料
《8种引导方式，7个设计要点，让你全面了解新手引导！》作者：Sophia
《阿里设计：如何优化人机对话对引导，促成用户满意度增长》作者：周铭汉
0 条评论
下一页
