B端总结！实战案例告诉你如何进行体验优化（上）

写在前面：

大数据可视化V2.0是to B的一个企业级定制化项目，支持连接各种数据库，获取数据库的数据，通过图形等可视化的方式展示和共享复杂数据。

数据可视化通过图形要素来优化信息的表达速率，让需要决策的人员有更多的心智进行理性思考，二者协同提高整个决策流程的效率和结果可靠性。根据数据的特点，如时间信息和空间信息，应建立数据可视化，例如图表(Chart)、图(Diagram)和地图(Map)等，将数据直观地展现出来，以便直观地显示数据，帮助人们理解数据，同时发现海量数据中包含的规则或信息。数据可视化是大数据生命周期管理的最后一步，也是最重要的一步。

体验升级的目的：

大数据可视化V2.0现有界面视觉风格偏旧，组件样式不统一，层级不够清晰，交互步骤复杂，用户体验有待提升。目标是提升产品整体可用性和易用性，简化操作步骤，提升用户体验。

设计师角色：

体现设计价值，项目中我们如何运用专业知识帮助产品解决问题。

这里其实很有感触，设计师要学会赋能，在设计的角度去从「具有功能价值」往「赋予体验价值」去发力，将更多的「能」和「可以」，转变为「方便」、「简单」和「轻量化」等，来提升各个流程阶段中的体验，比如：从「能添加」到「方便添加」，从「能编辑」到「方便编辑」。

这其实也是跟「B端C化」趋势的一个呼应，以前人们普遍认为B端是给公司内部人员用的，功能为主，能用就好，但随着近年B端的崛起，越来越意识到，使用体验和C端一样，是需要我们去关注的。在我看来，不管B端还是C端，使用对象都是「人」，应该遵循大众用户对于事物的认知和符合用户的操作习惯；都需要关注用户的使用体验、流畅的使用流程、清晰的信息展示及有效的功能引导能帮助用户「更快」、「更方便」的完成任务，从而给用户带来更好的使用体验，这一点无论是B端还是C端，都是相通的。「B端C化」其实简而言之，就是要提高公司对于B端产品的重视程度，正视B端产品在设计中的重要性。

体验优化的点一般存在于具体的点上，接下来我将以我自己遇到的具体情况和具体对应的解决方案来展示体验优化的过程。

注释：因公司保密协议和安全规章制度，对部分界面内容做了处理，仅做展示说明用。

体验优化具体过程：

以数据源-编辑数据源界面为例——

旧版的问题：

 · 放置了很多已有数据源，鼠标移入并没有任何反应，交互体验不友好；

 · 用户要点击进入下一页面，才能进行删除、编辑、测试链接等操作，操作步骤略繁琐，功能不够直观；

 · 一级页面展示内容较少，不能给用户直接的引导；

 · 二级页面内容不多，并且开启新页面会导致用户焦点丢失、注意力分散

新版解决方案：

通过与产品经理沟通，对界面信息进行了提取和重组，重要的信息提取并放到较明显的层级位置，直观展示给用户，引导用户操作。

 · 把「编辑」和「删除」从二级页面提取出来放到卡片上，用户可在第一层级的界面上直接删除不需要的数据源；

 · 点击「编辑」，弹出弹窗，不用调到二级页面，用户操作更流畅

 · 根据功能重要程度，把「测试链接」功能放于「确定」按钮前面，并添加「取消」按钮，方便用户操作

 · 统一组件及交互方式，减少用户的认知和操作成本

写在后面：

B端项目的特性是操作步骤比较多，页面层级嵌套，像俄罗斯套娃一样，容易导致误操作，经常点着点着不知道自己在哪了。这个时候我们就要通过了解功能逻辑关系，优化交互方式，减少页面跳转，让操作流程更扁平，可操作的功能要尽可能罗列出来，悬停、跳转等要有对应样式，给用户带来更准确的操作感受，保证信任感和安全感。

下篇我将继续通过项目中另一个更复杂的实战案例告诉你如何进行体验优化。

设计工作本身是由方方面面的细节构成的，每一个具体项目中优化的点都值得总结起来，积少成多。

以上是我在做B端项目设计中的一些思考和解决办法，欢迎沟通交流，一起进步。

一个人可以走很快，但一群人可以走很远。

共勉。