2B 产品的用户体验都值得从新一遍

我从07年开始打仗2B产品，刚好我所在的鞋服零售行业是传统行业中信息程度相比拟较高的行业。

2B项目有个很大的困扰，所有2B产品都要对办公职员做2-3次以上的用户培训，用户才能逐步上手。

而对店铺员工，培训次数每每更多。

我自认为在培训前，自己对业务及系统都已烂熟于心，且只管即便用大家都熟习的例子，让大家更易理解系统每步操作的浸染及意义，但还是会碰到多次培训后，依然对系统操作不得要领的用户。

到了移动互联网时期，涌现了智好手机、ipad等C端产品，我们成年人在孩子面前对着屏幕指指示点，孩子们很快就自己懂得怎么操作了。
这包括3岁的孩子都能搞定这些移动产品的基本操作。

于是，我深刻地思考：为什么会差别这么大？

我们一样平常认为，2C产品看重体验，2B产品看重流程。
这的确是这两类产品的先天性差异，但2B产品真的就做不好体验吗？

一、互联网巨子进军2B产品1. 巨子2B产品上线

2015年被称为2B元年，一个很主要的缘故原由是互联网巨子势力的加入。

阿里钉钉正式入场，并以一向的生态策略起步，拿出10亿元生态发展基金搅动2B沉着的发展态势，让此前不受关注的2B领域创业引起市场关注以及重新思考。

浩瀚人才涌进企业做事创业，大量资金进入市场展开投资布局。
如2015年1月钉钉上线，有赞微商城上线。

2. 定义设计标准

2015 年，Ant Design 发布第一个版本。

Ant Design是由阿里蚂蚁金服体验技能部经由大量的项目实践和总结，沉淀出设计措辞 。

这可不纯挚只是设计原则、控件规范和视觉尺寸，还配套有前端代码实现方案。
也便是说采取Ant Design后，UI设计和前端界面研发可同步完成，效率大大提升。
目前有阿里、美团、滴滴、简书采取。
Ant Design有Web版和Moblie版。

2019年，ZAN Design推出。

ZAN Design是由有赞推出的设计措辞。
一贯以来，有赞产品的设计，无论是UI风格还是交互体验在行业均有着不错的口碑，不少商家对有赞产品人性化的体验津津乐道。

但随之而来的，有赞的产品风格也被某些同行争相模拟。

对此，有赞在内部谈论后决定，与其怕被模拟，不如开放这些风格的理念与组件代码，让业界可以无障碍的相互学习；推动社交生态内的用户体验同等性。

三、为什么2B产品的用户体验都值得重新一遍

2B产品可以从哪些方面提升用户体验？

注：以下2B产品的举例包含PC端和部分移动端

1. 将业务流程对应到系统流程

B端用户如果熟习公司的业务，打开系统看到类似上图的系统流程图，随意马虎产生亲切感。

用户通过流程图知道：我在哪？我要去哪？怎么走？

这10字决是任何一套好的用户体验的产品的第一屈服的设计原则。

《用户体验要素》一书中讲到构造层，在这里便是指：产品怎么样带领用户从出发点顺利地到达终点，就跟我们玩电子游戏环环相扣，丝丝顺滑一样。

用户登录一个产品，对付一个只有一条主业务流程的产品（比如电商产品），不须要有系统流程图。

这类产品从功能树上，已经分好常见的商品、订单、客户、营销等模块，熟习业务的用户，很快就可以上手操作。

而对付一个ERP系统，则每每多达5-10个业务流程。
虽然系统做到按用户角色分配了权限，但用户还是很困惑：我做了这个操作后，下贱部门的人看到了吗？我怎么知道他操作了没？

这时就可以考虑在系统中加入系统流程图。

这时问题就来了，系统流程图该当怎么放？放在哪里最得当？

思考了下，我认为有两个地方可以放上系统流程图：

1）在功能树有个菜单显示全体系统的所有流程图，通过流程图可以直达对应功能。
如下图：

2）我们打开一个功能的详细页面，在顶部可以看到与这个功能干系的系统流程。
当这步操作完后，可以看到后续流程的状态。
如下图：

2. 页面布局应遵照人的视觉习气

范例的2B产品，如下图：

2C产品经理或者对产品体验有追求的用户，一看到这类图，就很无语。

请见告我，你的信息布局规则是什么？到底哪些是我要关注的信息？哪些是次要信息？这一堆按钮到底哪个先点？哪个后点？

……

我们像个宝宝，满头雾水。

大略进行下分组、排序优化。
如下图：

这里总结几个核心原则：

人的视觉习气一样平常是从上到下，从左到右。
信息布局应按人的视觉习气。
如果一个页面的信息量多，首先考虑分组，每个分组的信息排列你要能说出为什么是这样排。
其次考虑分页，什么信息放第一页，什么信息放第二页。
末了要考虑按钮怎么放？特殊提醒一点：如果按钮有先后操作顺序，请按点击的先后顺序（如保存、提交 这类先后顺序的按钮），在用户可操作区域一次只涌现一个按钮。
不要一字排开（如取消、确认 这类并列关系的按钮才可以同时涌现），否则这很让人摸不着头脑。

如果你打开淘宝、微信这类2C产品看看，或者存心不雅观察下钉钉、有赞这类2B产品，都会找到上述设计原则的影子。

3. 不断地给用户积极的反馈

熟习2C产品的朋友，存心会创造2C产品连登录时一个图形滑动验证操作，都会跳出一个提示文案：太棒了，2秒的速率超过了全国90%用户（为了上述的截图，我特意打开了10多个APP，好不容易碰到一个刚好不在登录状况下的）！

我们再回到2B产品。
最常见的第一个问题是登录后的首页大多没吸引住用户的眼球，毫无用户思维可言。

试想下，首页便是一个产品的门面，是给用户的第一印象。

用户每天都在往产品中录入数据，那么数据便是一套系统最大的资产。
首页可以考虑合理地展示用户的事情成果，显示用户最关心的经营数据，如下图：

一样平常用户录入数据后，常常有困惑：我到哪里看干系报表？

与其等待用户来问我们，不如我们第一韶光就呈现出TA关心的问题。

通过首页的数据展示，用户可以层层穿透找到每个数据是怎么来的？

做到心中有数。

第二个问题是，用户一个操作后，等待系统反应半天，不知道到底系统是挂掉了还是还在运行中？

这里我们先不考虑系统性能等问题，就上面说的这类常见情形，批评下2B产品。

你可以通过一个进度条见告用户：我很努力在打算中，请稍等；而不是一片空缺，或者全体界面卡在那边，让用户干焦急。

如果超过一定的预设韶光打算不出来，该当见告用户失落败缘故原由，用户有什么办理办法；而不是哐当一声，跳出一串吓人的代码报错提示。
如下图：

前段韶光我特意看了下一个外包开拓的项目的弹窗提示，每处的提示规则都不一样。

有的只见告你结果（成功或失落败），有的见告你失落败和失落败缘故原由。
后面我哀求对方，凡是失落败的，按统一的提示规则：结果+缘故原由+办理办法 让用户在碰着问题时，心中有数。

这里同样适用前面的10字决：我在哪？我要去哪？怎么走？

4. 说人话，让用户没有产品间隔感

白鸦在有赞内部培训中说：说用户能听懂的话，做用户能用的产品，不耍专业，不设置门槛。

永久保持同等的表达办法。

上面这两句话同样是诸多2B产品的旧调重弹问题。

诸多软件供应商在功能、字段、按钮等命名，要么是领导层想当然，要么是开拓职员按照自己的专业术语；每每都是站在自己的视角。
打开自己的软件，以为哪哪都好，没问题啊，如果有问题那是用户的问题。

再说表达同等性的问题：A模块到B模块，C功能到D功能，同样一个字段，有的叫客户名称，有的叫商家名称；同样一个按钮，有的叫保存，有的叫确认。

甲开拓按照自己的命名习气，乙开拓也按照自己的命名习气。
全体系统的文案，叫人不忍直视。

建议办理办法：

到用户的行业中，理解他们的业务术语，统一系统的功能、字段命名将命名母版化，所有新开拓都优先利用命名母版，母版一调度，影响全局。
做到一改则全改。

三、小结

本日我们聊了2B产品在用户体验上的诸多问题，也提了一些自己的肤见。

从2015年以来，2C的乏力，让巨子们开始关注2B这个更大的市场。

2B产品可以分为办公自动化这类不分详细行业的通用产品，以及深入到详细业务领域的垂直产品。

原来海内的2B软件玩家们，上市公司屈指可数。
随着巨子们大举进入2B通用产品，我们原来的2B软件玩家们，该当多去看看人家的长处，因循守旧，只会离用户越来越远，市场越来越小………

本文由 @追梦人 原创发布于大家都是产品经理，未经容许，禁止转载。

题图来自 Unsplash，基于CC0协议