复杂B端产品如何做 用户引导设计?
-
2017-11-21
Bryan
产品上线3个月有余,正处于功能快速迭代和客户积累的过程中。难得一些闲时,想和大家分享一些关于2B产品中用户引导相关设计的一些心得。产品名叫“轻流”,有兴趣的可以前往体验一下。
B端产品有着天然的复杂逻辑,强大的功能让界面保持简约变得困难~过于扁平化的页面结构使得功能平铺,反而降低了功能触达用户的概率;过于层级化的页面也会使得用户路径错综复杂,用户置身其中就好比在巨大的商场里寻找厕所,处理不好反而使得气急败坏,体验糟糕。
良好的用户引导,一定程度上可以平衡这样一个天平,提升功能触达用户的几率以及提升用户任务的完成率和效率。
新手引导
用户需要看到什么? 你想让用户看到什么?
很简单的两个问题。作为一个完全不了解产品,甚至不知道产品可以用来做什么的新手,他需要看到什么才能更好的入手呢?通过链接或者搜索引擎登录。
大多是第一次接触产品,“流程应用”对于他们来说是一个陌生的词汇。为了更好地让用户理解轻流的产品逻辑和使用方法。我们并没有引导用户直接进入Dashboard页面,而是通过引导直接让用户前往应用创建。
用户通过选择感兴趣的模版直接进入应用创建。在应用创建后台,用户可以更直接地感受轻流的服务逻辑。数据显示,这个弹窗上线后的一个月,新用户创建应用的比例增加了将近40%,新用户的留存率则整整提高了60%。
规划新手的行进路线,以最快最清晰的方式让产品核心触达用户。
视频是个好东西
2B产品一个往往拥有复杂的逻辑,往往一个简单的功能就需要长篇大论的讲解。但是通过GIF或者视频,可能只需要短短的20秒。
对于一个新手来说,视频的吸引力远远比文字大多了~
一分钟,认识轻流
强扭的瓜不甜
有的时候,由于种种原因用户决定放弃执行当前步骤,而取消按钮让用户在决定放弃的时候,有安全的退出路径。
对于个人用户来说,并没有企业信息需要填写,一个简单的小设计可以免除不必要的麻烦。当然了,提供一个返回操作,在一些场景里也是锦上添花的~
一句话都讲不清楚,那就别讲了!
功能说明的文案真的是一门功课~
当出现一句话无法解释明白的时候,不妨问问自己这几个问题吧:
新用户真的需要知道这个功能吗?
还能再删掉一个字吗?删掉后,别人看的懂吗?(找几个人问问看不看得懂)
真的需要在这里提示用户吗?可不可以链接到帮助中心
......
如果答案都是肯定的话,那就只有一个办法了:“继续优化文案”。
经常用到的小方法是:
一个字一个字的修改,每次改动都找到人询问一下是否能够看懂和理解。定一个小目标,先删掉一半,然后再删掉一半。
想象自己是个新用户,面对一大堆不知所云的文案时内心是多么的奔溃吧~
空数据页:
用户使用的过程中,不可避免的会产生各种各样数据为空的页面,有时候是一整个页面,有时候是一个小弹窗,甚至是下拉选择框也会出现意料外的空数据页。
使用产品的初期因为一些操作不当或者数据的匮乏,用户需要面对大量的空数据页。
为了防止一脸蒙哔的用户一个不开心就拉进黑名单,处理好空数据页也是尤为关键的一步~
解释这个页面是干嘛的
轻流的数据报表空数据页引导用户使用新功能
大多数的空数据页产生于用户使用初期,还没有在使用过程中产生足够的内容。
一个好的空数据页不仅可以告诉用户面对的是什么,更是可以转为积极地向用户介绍全新的功能。鼓励用户去尝试和使用。
创建报表时,空数据页引导用户进行下一步操作
而当用户开始使用时,空数据页则可以转而引导用户下一步的操作。
公式可以选择也可以输入,通过空数据文案教育用户
提供出路,拒绝死胡同
当整个交互和操作都走入了死胡同,页面没有提供前进或者后退的选择,这种糟糕设计所带来的无效操作以及它极低的易用性让用户对产品所产生的失望情绪,才是最致命的。
总之,无论如何,空数据页面从来都不应该是空的。
它应该作为用户引导流程的一个起点,整个产品体验的重要一环而存在,推动用户前进,是你的产品服务的重要入口。
错误反馈引导
岔路越少,越不容易走错方向
首先,当然还是越少的错误越好啦。预估用户的行为,为用户去除尽可能多的出错选择,将报错概率降到最低。
如图,SUM函数用于计算所选字段的总和,但是只有数字字段内的值才可以进行计算,其他字段的值则会造成公式计算错误。
所以我们在字段的选择列表中只显示了数字字段,而不是将全部字段一起显示,防止用户设置不支持的字段类型后公式无法使用而造成出现报错。
直白清晰,高可读性的小白文
并不是所有的错误都可以被避免,尤其是在2B产品复杂的业务逻辑下。
错误反馈应该清晰地传达错误的原因,看似简单,但却有大量的产品在这上面翻跟头,比如:
某同类型产品的报错文案
作为一个代码小白,看到这样的提示的时候,真的是很无奈,尝试了好几次都没有成功设置一个可用的公式。
提供解决方法
复杂功能的错误原因往往也会比较复杂,仅仅通过错误提示,是无法帮助用户完成操作的。
这个时候,我们往往需要提供相应的解决方法来协助用户一起完善。
如图:当设置公式出现错误时,轻流首先通过简单的警告色以及文案提示用户出错,再提示简单的解决方法,并且提供了帮助中心的链接入口,用户可以通过帮助中心中全面详细的介绍公式用法从而掌握公式这个复杂但强大的功能。
轻流也为此准备了全面完善的帮助中心。
写了很多,都是一些日常设计中的思考~
好的引导设计就好比一个随身导游,在你需要的时候可以告诉你正确的方向。
提供好的互动模式,奠定了良好体验的基础。
当然用户体验设计没有正不正确,只有合不合适~如果你觉得对你有帮助,点个赞吧~
如果你对轻流这款产品有兴趣~也可以前往体验一下哦~
-
本文作者:Bryan
本文来源:牛透社
-
分享到: