导引手册

概念:一种利用用户已有知识帮助用户接受新信息的技巧。

引导手册一般位于一款产品给出新信息(如模块、操作等)之前,用于给用户提供口语化文字化图像化的简要说明,帮助用户快速上手,提高产品的易用性。

导引手册一般分为两种类型:说明型比较型。至于选择哪一种,还需要具体看该产品对其主要用户群体提供的是新信息还是旧信息。

导引手册脑图导引手册脑图

说明型
移动端应用十分常见,用户引导就是典型的说明型导引手册,帮助用户快速了解下载的应用以及新增功能,给予用户引导,减少误操作,提高产品的用户体验。

全局型
在主功能页面之前呈现,占据整个页面,去除其***扰用户的因素,使用户注意力聚焦于引导内容。(包括新手导引、操作导引、闪屏导引、弹窗导引)

一、新手导引

关键词:重点,遮罩,阻断,分步

新手导引经常使用遮罩层加提示的方式,是一种阻断设计,目的是为了让用户在学习产品使用时避免误触。

优势:说明性强,视觉效果直观,重点突出,安全性好。可以帮助用户快速上手产品的核心模块,对用户习惯的培养也有很大帮助。

注意:导引切入点一般在触发该功能时;文字简洁、图像重点突出;分步推进,注意逻辑顺序。

京东金融4.9.6.png

京东金融使用阻断型设计的新手导引强制用户观看功能说明,为了让用户快速了解产品功能,减少误操作,加强了金融类产品在安全性维度的用户心智。

新氧7.4.1

新氧使用新手导引进行说明,提前帮助用户理解功能。对于新人用户而言,仅通过图标和标题展示(练习社)的功能入口是难以理解的。

二、操作导引

关键词:分步,操作,加强

引导用户去完成某种指定的操作任务,常用于完善资料、认证身份、充值、收藏、关注、签到等功能流。

另外,在页面中加强视觉表现力,吸引用户操作的设计也属于操作导引。(如FAB按钮、签到功能、icon的动效等)

马卡龙玩图APP在用户「登陆/注册」过程中,通过按钮上的文字、input的placeholder属性值、icon图标颜色的变化,引导用户按照步骤完善信息,从而顺势完成整个「登陆/注册」+「完善资料」流程。

三、闪屏导引

关键词:展示,功能,方法
闪屏导引的主要类型为:常规闪屏、广告闪屏、活动闪屏、节日闪屏、大版本升级闪屏。大版本升级闪屏会被作为说明型导引手册,向用户展示新功能和操作方法。

美团在闪屏中使用视频和文字的形式展示产品的品牌、新元素、新视觉风格和新场景。


游云南在闪屏中使用文字、图片的形式展示产品的定位、主要功能、视觉风格和品牌理念。
四、弹窗导引

关键词:打断,选择

弹窗导引以打断用户操作获得用户的注意力,通常以逼迫用户做出选择为目的。形式多以主要内容+遮罩层出现,可以是系统自带弹窗或者个性化弹窗。类型可分为操作性弹窗、广告型弹窗、提示性弹窗等。

哔哩哔哩5.44
哔哩哔哩5.44

bilibili使用非模态弹窗强势提醒用户新版本的“青少年模式”功能,并附带文字引导用户使用该功能。

局部型
采用弱交互的方式,在用户需要引导的功能周围出现,轻量的吸引用户注意新的新信息。(包括对话式导引、功能性导引、通知导引、红点导引、文字导引、Toast导引)

一、对话式导引

关键词:轻量,不阻断,局部性

对话式导引一般出现在新增功能旁,悬浮在页面上,点击屏幕或等待几秒就会自动消失。视觉效果明显(或带有动效),增加用户的查看欲望。相比新手引导,对话式引导的视觉重量较轻,不会阻断用户操作。

keep运用了对话式导引,用户操作/点击屏幕后导引便随之消失。这样的处理方式在不打断用户操作的情况下,轻量化的提示减少对用户的打扰,又起到了告知用户功能的目的。

二、功能性导引

关键词:重要,预测,效率,防止

功能性导引比较隐蔽,一般安放在用户触发重要功能时,预防用户误操作造成的严重后果。



QQ和BOSS对接表情搜索api以满足用户对“斗图”和“表情”这一类增强情感表达的需要,预测用户会有发送相关图片的行为。而这一功能的触发则需要在聊天栏输入带有关键字(词)且达到一定占比(或独有)的文字。而该导引被触发后用户简单点击就可以实现原本“搜图->保存->发图”,极大的提高用户的操作效率。

三、通知导引

关键词:一次性,轻量

通知导引位于页面主要内容的顶部,通常用户需点击操作进入新信息的内容页面,返回后原页面通知导引消失,起到警示和提醒的作用。



从心理上逼迫用户消除“红点”,点到了它,PM的目的就达到了。

五、文字导引

关键词:简介,醒目

文字导引常出现在列表中,用于补充功能说明/活动说明,一般会使用醒目的字体颜色或是伴随红点,引导用户点击。

QQ8.0.8

QQ通过使用热门IP作为导引文字和图片内容,引导用户点击。

六、Toast导引

关键词:昙花一现

Toast导引较轻量,不操作3秒左右消失,属于弱交互,与传统toast不同在于可以手势操作,引导用户查看新信息。

人人视频和优酷视频的toast导引是活动时期使用的,导引点击进入活动页面;脉脉的toast导引用于提醒新动态,属于常规功能。

混合型
这种模式的表现手法既有全局型,也有局部型。(包括空白页导引

一、空白页导引

关键词:内容,占比

空白页导引有整个页面和局部页面两种表现形式,同时包含跳转按钮,可以继续操作。通过状态描述、内容描述或步骤描述等方式作为立意点引导用户进一步操作。

萌推2.4.15
萌推2.4.15

萌推使用的是局部型空白页导引,占据页面一屏1/3的面积,引起用户的强关注,但是不打断用户操作。

有道词典7.9.4
有道词典7.9.4

有道词典的空白页导引运用的是全局型,阻断用户操作,阐述了当前内容状态/使用功能前提说明/后续步骤说明,引导用户前往了解并选择是否需要开通功能。

比较型导引手册
比较型导引手册在移动端中的应用比较少见,适用于专家用户(对某些领域热爱钻研/互联网从业者热衷于研究APP)。比较型导引手册的重点在于对比,从对比中发现所需的信息,了解产品差异,可以是几个产品之间进行对比,也可以是产品自身的对比。

相互对比导引
这一类对比导引常用于购物场景,用户需要对比不同商品的具体参数,了解哪一种商品更符合自己的购买需求。当所有数据摊开后一一对比,会使得商品之间的差异非常清晰。

中关村在线6.3.5

电子产品的参数繁多,中关村在线的「VS」功能可以满足用户(特别是重度用户也就是俗称的机佬)详细对比参数的需求,这一功能对用户来说十分便利。

淘宝的找相似功能也是比较型导引,找出商品的相似款,帮助用户对比价格和质量的差异,省时省力的找到合适的商品。

自身对比导引
应用商店的「版本历史记录」功能,就是产品自身的对比,进入功能后点击更多,可以看到每个版本提升/新增的功能点。互联网从业者或是喜爱研究各类APP的用户可以更详细的了解APP。

QQ音乐的版本历史记录非常详细,对比每一次的更新内容,可以了解产品的优化点、优化速度、优化方向等信息。