7个步骤，5个原则，教你设计一个合格的“新手引导”思维导图

饮尽岁月

2023-03-01

浏览量: 3

周推荐,

新手引导

对于一个产品来说，“新手引导”可以说是一个“第一印象”的展示机会。这个第一印象，既是使用者的初步用户体验，也是影响后续留存的一个关键因素。

树图思维导图提供《7个步骤，5个原则，教你设计一个合格的“新手引导”》在线思维导图免费制作，点击“编辑”按钮，可对《7个步骤，5个原则，教你设计一个合格的“新手引导”》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：969429c2e2b1358b54c66166578e63bd

思维导图大纲

“新手引导”可以降低用户的使用门槛，减少摸索时间，但用户自行探索操作更能够获取到产品里的乐趣和surprise。一个好的“新手引导”应在这两者间找到平衡，应该立足于用户体验，追求并优化用户留存，“适当”非常重要。

本文就讲一讲合格的“新手引导”应该怎么做，从以下7个思考和操作维度去讲：

1、思考做“引导”的目的

2、确立目标用户

3、模拟场景

4、哪些交互行为触发“引导”出现

5、“引导”在产品端的表现形式

6、“引导”页设计原则

7、“引导”的数据指标

一、思考做“引导”目的

对于用户而言，有什么好处？—— 可以让用户更快捷、清楚的认识产品，了解功能，减少摸索时间，降低使用门槛。

对于产品而言，有什么好处？——“适当“的引导可以达成某些目的，比如电商产品会让用户领红包然后引导去商品列表页浏览以促进订单转化，游戏产品（页游居多）会让用户体验基础功能后送武器/增值服务，再一步步引导用户氪金。

二、确立目标用户

一是先确定用户画像，二是确定用户分类

不同产品用户画像不同，对于目标用户人群学习能力较弱的，应给到单一路径引导操作；

新用户、轻度用户、活跃用户的引导也有区别，需要根据用户的情况和产品特性，思考不同的引导路径。

三、模拟场景

什么样的场景下需要有引导？

——新用户首次打开App

——产品迭代后新功能的上线

——某些交互说明或功能说明（保留用户的好奇心，让用户自主操作，在遇到问题时再主动去获取引导信息）

四、哪些交互行为触发“引导”出现

在某些交互行为发生时，触发引导信息，比如微信发语音时，长按“按住说话”后会有“松开发送”的提示。

——PC端行为 Hover、单击左/右、鼠标按下后状态、鼠标按下后弹起状态、Soft_touch、鼠标滚轮滑动、鼠标按下后拖拽等。

——App端行为点击、双击、长按、重按、拖拽、滑动、放大/缩小等。

五、“引导”在产品端的表现形式

1、新手引导页

这是大多数产品的选择，出现的场景是新用户首次打开App。主要目的是介绍产品功能和亮点，方便新用户了解产品。优点是简单直白，信息清晰，缺点是静态页面感知体验不强，绝大多数用户在此都会直接划过（手动）。

所以如果选择了新手引导页这种方式，那么画面设计及内容选择一定要深思熟虑！尽可能的使页面简洁，信息明确，又有一定创意感，在吸引用户的同时让用户轻松获取信息（UI同学表示鸭梨有点大）。

<毛滚滚日常>

2、蒙层遮罩式引导

针对场景是用户首次进入产品某个界面或功能时的引导或者是用户需要帮助时的引导，主要目的也是介绍产品功能、对按钮位置标注、文案解释等，能够减少用户摸索时间，更快的上手。优点是蒙层对背景的遮罩可以使配图更加清晰，聚焦，确保了信息的有效传达。

<少年得到>

3、气泡/浮窗式引导

一般来说，这种形式的引导相对比较轻，对用户的体验影响较小，但是目的性较强，多采用toast的形式表现。应用范围比较广，如引导用户评价，引导用户使用核心功能，告知用户产品位置等。

强引导，对用户体验影响较大，一般会打断用户当前行为路径，多采用Dialog对话框的形式。使用该形式的引导时应仔细考虑舍与得，牺牲部分体验的同时希望向用户传达什么，达成什么样的效果。

5、“站内信+图文/视频”引导

社群类，社交型产品使用的情况较多。一般会在聊天/消息icon上利用未读消息红点引导用户点入，进入消息列表页后，点开“新手引导”的对话框，图文或视频的形式展示给用户。用户的接受程度上，视频>音频>图片>文字，所以建议以短视频/短动画的形式做指引，时间控制在15s内，用户可以根据动态演示更快更直接的了解产品。

<soul> 聊天页soul官方信息，点开后视频介绍，视频结束页引导用户选择前往主功能区