功能浅析-B端新手引导

上海/UI设计师/2年前/304浏览
功能浅析-B端新手引导

B端新手引导文章相对较少,并且大都是介绍引导的弹窗样式,在实际开发落地时,有很多交互规则上的细节需要考虑。

一、新手引导的价值

当新用户注册进入B端后台,或者后台产品更新功能后,需要通过新手引导让用户快速认知平台、感知平台功能变化。

1、降低学习成本、提升上手效率;

2、解决使用中的问题,更好的完成目标任务;

3、提供用户次日留存率

二、新手引导分类

从用户使用场景出发,新手引导可分为【概览式菜单引导】、【渐进式流程引导】、【功能更新引导】三大类。

2.1 概览式菜单引导

何时使用:

新用户注册后进入后台,需要对后台菜单、布局有一个快速认知,提高用户上手效率。

说明:

1、一般采用多步骤蒙版说明引导,允许用户跳过(跳过可用文字按钮或右上角关闭按钮);

a. 预期流程:用户不断点击下一步,完成所有引导步骤。

b. 特殊流程:用户中途点击跳过按钮,直接结束当前流程。

2、弹窗中的文字介绍应该尽量简洁易懂;

3、需要显示步骤进度;

4、弹窗宽度需要规定最小宽度和最大宽度,高度需要规定最小高度,随文本长度自适应换行撑开高度;

5、弹窗的样式可自定义,由前端做成组件。

6、需要定义新用户:如新手引导功能上线当天 23:59:59 之后注册的用户。

7、需要考虑老用户新增子账号的情况,此时子账号也应当属于“新用户”

2.2 渐进式流程引导

何时使用:

完成【概览式菜单引导】后,蒙版消失,此时用户可以点击查看各个页面,用户的行为无法预测。但无论用户进入哪个菜单,都可以触发该菜单页面的【渐进式流程引导】,引导用户熟悉页面功能或流程。(一般只用做菜单一级页面的引导,其他页面应该尽量做到 selfserve,让用户自行探索也能快速上手起来)

说明:

1、根据页面信息的多少,可选用不同的引导弹窗样式

a. 页面信息少:非步骤式引导弹窗

b. 页面信息多:步骤式引导弹窗

备注:非步骤式引导弹窗因为缺少遮罩,用户可以点击页面其他按钮。只有点击弹窗中的关闭按钮(类似“我知道了”这种),才会永久关闭弹窗,点击页面其他按钮只会使得弹窗短暂消失,刷新页面,弹窗会自再次出现

2、页面功能点很多时,需要做出取舍,颗粒度不用太细(建议当前页面的引导弹窗不超过5步)

3、需要考虑到不同页面之间可能存在的联动关系,写明各个页面引导弹窗的触发条件和结束条件;

2.3 功能更新引导

何时使用:

功能更新时,无论是新用户还是老用户,对更新(含新增)的功能都是不熟悉的,需要引导。(若页面没有引导,用户很难感知到功能有变化,会导致功能开发出来没人用的尴尬情况。)

说明:

1、站内信或邮件的通知方式也属于功能更新引导的范围,不过本文主要讲页面弹窗的引导方式。

2、功能更新引导弹窗的触发方式和结束方式不同于新用户注册的引导弹窗:

a. 触发方式:当前版本上线后的所有用户都会看到功能更新引导弹窗

b. 结束方式:用户点击弹窗中的关闭按钮后,弹窗不再出现(刷新页面、后续版本更新都不再出现)

3、根据更新的功能的重要性,可选择徽标(小红点)、Tooltips提示、Modal弹窗等不同样式。

三、其他注意点

1、新用户注册后的引导弹窗遮罩层级 高于 首页系统通知弹窗的遮罩层级,先触发新手引导弹窗,流程结束后触发首页系统通知弹窗;

2、后续当菜单和页面布局发生变化时,需要考虑新手引导流程是否需要更新(因为一个账号新手引导结束后,基本不会再测新手引导页面是否有变化);

3
Report
|
5
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
一梦大唐·长恨歌
Homepage recommendation
相关收藏夹
新手引导
新手引导
新手引导
新手引导
作品收藏夹
leaning
leaning
leaning
leaning
作品收藏夹
ux
ux
ux
ux
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in