B端产品如何做新手引导设计?我总结了7个方面

推荐阅读

B 端产品由于特殊的业务功能和行业特点,经常会听到使用者说“我不会用”,“某个功能我找不到”“系统有点复杂”等等一系列问题。而帮助体系的建立可以使用户快速了解系统功能的操作和结构,引导用户使用系统、快速上手。避免在使用初期就出现焦虑情绪。

日常的功能迭代,设计优化都能提升系统的用户体验,提高工作效率。但是帮助体系也是非常重要的一环。通过设置新手引导、内容培训、提供在线支持和文档、建立用户交流群、提供客服、提供激励和奖励等资源来帮助用户解决问题并学习系统的使用。提供用户所需的信息和支持,使他们在使用系统时更加自信和满意。

本篇文章介绍帮助体系中的新手引导,新手引导主要的作用有四点:

  1. 快速了解功能;
  2. 快速熟悉系统交互;
  3. 展示产品的专业度;
  4. 帮助用户建立信心,避免焦虑。

B端产品如何做新手引导设计?我总结了7个方面

新手心智的建立是一个循序渐进的过程,需要不断的对用户进行引导,给用户以信心,给用户“我可以”的心理感受,进而完成对功能的使用。结合我设计的项目从以下 7 个方面进行介绍:

  1. 公域搜索;
  2. 核心功能流程介绍;
  3. 模态弹窗;
  4. 核心功能拆分引导;
  5. 典型页面功能引导;
  6. 操作反馈引导;
  7. 空状态引导;
  8. 功能、插件缺失提醒。

一、公域搜索-完善信息

尽管 B 端产品多通过销售人员触达到客户,但是公域环境下网站基本信息的维护也必不可少,必须保证客户能够通过搜索入口完成对系统的进入和使用,避免负面情绪产生。

虽然 B 端产品可能是付费的,但是公域中的信息维护能够帮助用户快速的了解平台核心的功能亮点,这些内容可以作为补充素材,使得宣传和营销活动的成本更加可控。

B端产品如何做新手引导设计?我总结了7个方面

二、核心功能流转

核心功能,顾名思义就是系统的主要用途和性能,也通常是产品区别于其他竞品的地方。是用户经常使用的功能,也是系统开发过程中最优先考虑的部分。

用户初次登录系统后看到的页面通常是没有数据的,需要一系列的基础权限配置、功能开通。如果没有引导会变的无从下手。

B端产品如何做新手引导设计?我总结了7个方面

而增加功能流转图,可以快速对系统功能有所了解,做到心中有数。

B端产品如何做新手引导设计?我总结了7个方面

三、模态弹窗

模态弹窗是一种较强的引导方式,主要用于重要信息录入、需要用户做出决策、重要公告等情况。

介于 B 端系统功能的多样性和复杂性,为了更好的了解用户,让用户和系统之间快速建立联系,部分情况下需要提前获取用户的信息,所以会使用模态弹窗的方式来引导用户的使用和信息的录入。

提前获取部分用户信息,更好服务用户

B端产品如何做新手引导设计?我总结了7个方面

需要用户做出决策

B端产品如何做新手引导设计?我总结了7个方面

四、核心功能拆分介绍

面对每个核心功能细分的众多子功能,初次浏览,大概意思都能明白,但到具体使用也难免发懵。

例如下图聚水潭订单包括 9 个模块,51 个子菜单,很容易眼花缭乱。

B端产品如何做新手引导设计?我总结了7个方面

核心功能拆分展示就是将众多的子功能根据流转动线进行串联,采用图形化的方式呈现在用户面前,降低理解成本,加强用户感知。

B端产品如何做新手引导设计?我总结了7个方面

五、典型页面功能引导

典型页面是指系统中出现频率高,可以承载不同功能的同类型页面,这类页面在功能布局、界面交互、视觉设计、操作反馈等多个方面相似程度很高。用户二次使用时会有天然的熟悉感。

对界面功能的引导通常采用漫游式引导,让用户首次进入后能够快速对各个重点功能进行了解,方便后续的操作。

Ant Design 漫游式引导

B端产品如何做新手引导设计?我总结了7个方面

Ant Design 漫游式引导

B端产品如何做新手引导设计?我总结了7个方面

Ant Design 漫游式引导

具体应用:用户首次使用时弹出,引导用户快速对各个重点功能进行了解。

B端产品如何做新手引导设计?我总结了7个方面

六、空状态引导

使用系统前期,数据不多,会有较多的空数据页面,为了让用户的操作路径形成闭环,避免流失,空状态的引导也非常重要。

例如:“暂无达人直播计划”改为“暂无达人直播计划,立即新增”;

“暂无数据”改为“暂无数据,去首页查看热门款式”

B端产品如何做新手引导设计?我总结了7个方面

七、功能、插件缺失提醒

用户对于系统的使用是一个逐渐熟悉到深入的过程,部分功能的使用需要单独付费、二次开通或者三方插件配合才能完成使用。在用户不明确的情况下,使用这些功能就可能对流程造成阻断或者无法使用。所以针对部分功能、插件的缺失提醒设计必不可少。

功能过期提醒

B端产品如何做新手引导设计?我总结了7个方面

打印插件缺失提醒

B端产品如何做新手引导设计?我总结了7个方面

以上就是使用复杂 B 端 ERP 系统初期为了帮助新用户能够更好的使用系统所搭建的新手引导体系,希望对大家有所帮助,谢谢。

欢迎关注作者微信公众号:「西城门设计」

B端产品如何做新手引导设计?我总结了7个方面

收藏 19
点赞 14

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。