TO B端视觉设计如何寻找发力点

大厂的职位分工明确，各环节的独立性导致设计师专注地纵向蓬勃发展，独立完成方案的能力相形见绌。而企业发展过程中，不可能一直保证有完整的梯队型团队，大家各自发挥所长完美配合完成项目；另一方面，每个环节角色的思考立场与角度，注定需要每往前一步都让大家注入思考与理解，从而完善和优化输出，最终塑造一个成功的产品。

纵观UED流程里，视觉设计师是对整条链路理解最弱的一环。在to C迅速发展的那些年，用户个性化需求与日俱增，视觉设计对别具一格方案的追求极其适应时代发展的需要。上游环节将只需要在表现层发挥的设计方案传给视觉设计师，一切在“好看”的层面尽情发挥即可。而如今，互联网红利消失，面向to B的工业互联网重新崛起，很多设计师纷纷转战，面对简单甚至无聊的to B产品，手足无措不知如何寻找价值，甚至觉得to B无所发挥。

视觉设计师们，是时候变身了，展现真正的实力吧。

1、to B 与to C 有何不同导致视觉设计师无处发力？

B端用户特色

B端产品特色

在产品与用户这些特征的影响下，B端产品的设计，看起来发挥之处是很微弱的。设计的输出，经常会导致开发成本高、页面加载慢或者好看的皮囊下其实层次混乱。所以，视觉设计师经常会说，B端没什么可做的。在to B体验to C化的浪潮下，涌进B端市场的设计师们，应该如何助力B端体验呢。

2、to B视觉有哪些发力点

随着消费互联网的发展和移动端体验的普及，to B用户的智能设备使用水平已大大提高，用户体验的感受已渐渐深入人心。而B端市场也不再是决策者、购买者和使用者关注重点三足分化。比如仅仅对效率的关注，三个角色之间会互相影响，而不是像以往一样使用者毫无话语权。

使用B端产品的用户已经逐步理解用户体验，那么B端产品又如何来适应这个趋势，且同时不丢失B端产品的规则呢？

降本增效是to B市场的核心目标，而其中的"本"在设计层来说，主要是指学习成本和使用成本。

B端市场历来注重功能层面的满足，加上B端产品具备高度的专业性门槛，两者导致B端用户的学习成本和使用成本非常高。企业引进先进技术和产品的首要目标就是降本增效，但沉重的学习成本和使用成本，恰恰是降低效率的最大阻碍。那设计师可以通过什么改变来满足这个要求呢？

1、建立秩序感

通过理解页面元素之间的亲密关系，设计有序的组织表达方式，帮助用户快速理解和获取界面的信息；

将散落的信息进行组织化、群体化，为元素的不同关系设计对应的表达方式，形成有规律的视觉流，从而完成对用户阅读顺序的引导。

图表化对于B端产品来说，是一个趋势，也是一个重要手段。对于执行层来说，图表化能促进使用者对信息的理解，降低认知成本；同时也能增加页面的美观性，释放更多留白与呼吸空间。对于决策层来说，能引导他们对于产品质量和效果的认可，并能体现创新。

而为内容提炼并设计合适的表达方式，首先需要视觉设计师对于内容本身要有良好的理解、概括与归纳的能力。

2、寻找共性并提取进行模板化

理解和提炼产品业务的基础逻辑，然后构建设计层面的原子，对原子进行组合与组织，形成模块、典型。功能模块化、页面模块化之后，设计产生高度的一致性，用户的认知成本可以被复制，使用效率自然得到提升。比如，在B端业务中有很多表单，而不同业务之间的表头部分各有各的需求，但是通过整理后存在共同的部分。将单个元素进行区块化归类和视觉表现方式的定义设计后，达成页面规律与用户认知的一致性。

3、心理模型与表现模型的一致性体现

视觉设计师在定义风格的过程中，对于产品配色会有清晰的定义，并将之应用到界面的每个角落。所以C端产品已经能够做到既风格突出、又色彩明晰。而转移到B端市场，关于色彩的使用仍旧会面临疑惑。

B端产品还有一个色彩使用频率很高的场景，就是图表。图表的设计，包含以下三个难点：

1）难点1：图表类型多样：折线图、饼状图、面积图、气泡图、柱状图……，多种类型的图表会同时出现在同一个页面中，此时图形形态之间的搭配、不同形态色彩上的搭配都会考验视觉设计师的能力。如何确保整体页面信息层次分明、单个模块信息清晰？

2）难点2：图表还需要考虑是单数据还是多数据，多个数据呈现时，就会涉及到不同数据需要不同颜色来表达，而且数据之间还要保持可读性和差异性；

3）难点3：图表配色与整体产品风格的搭配；图表的一系列颜色如何定义，才能与整体风格保持一致、不冲突也不会破坏整套颜色定义；

为了解决以上问题，视觉设计师需要建立图表中的颜色秩序规范：

1）颜色使用定义

理解内容关系，是内容表达还是信息强调，从而使用对应的颜色。异常是属于信息层次中最突出的，如果状态色使用与常规信息表达中，会误导用户对于信息的快速定位与获取。

2）颜色数量与顺序的定义

除了颜色，让视觉设计师发挥空间更多的还有图形。在以往的to B产品中，除非必要，不然很少采用图形元素。后来随着技术的提升、以及用户认知的改变，图形元素也逐渐增加。但图形仍旧需要慎用，除非变成行业通用元素，否则表意不清的图形元素，只会给用户来带理解上的困惑。而to B产品在界面使用上，很重要的一条规则就是减少思考、杜绝犯错。特别在高频使用的功能上，用户在不需要任何记忆甚至依靠惯性就能执行的任务上，设计元素的使用更加要保证准确性。

那么，到底哪些情况下需要图形元素，且图形的使用又有何要求呢？

1）多维信息表达

文字与图形有各自的表达优势，文字具备准确性，但阅读效率低；图形更形象，但信息传达准确度不稳定。当内容具备空间、时间等维度的信息时，单纯依靠文字说明，用户无法快速获取到关键信息，此时通过图形表达，能大大提高信息阅读和理解效率，从而达到降本增效的目的。

在设计此类图形的时，需要注意：

❶造型做减法：突出文字转化为图形时的关键信息即可，不要过分追求图形的质感和真实性；

❷色彩做减法：除了需要突出的部分，其余尽量弱化，减少用户读取信息时被其他因素的干扰；

2）信息可视化

to B产品的本质就是处理信息，各种类型的信息都有不同的侧重点，所以在B端衍生出很多组件。Jeff Johnson在《认知与设计》一书中提到过，信息呈现方式越是结构化和精炼，人们就越能更快、更容易地浏览和理解。而数据专用控件能提供更多的结构。

小屏体验因为屏幕大小的限制，为了用户仍旧可以清晰的阅读和获取信息，设计师在信息呈现方式上进行了很多改造和转化。如今，势头重新回到大屏，在消费互联网和体验发展的影响下，B端产品的控件也逐步的“去表格化”，而是变得卡片化、图表化、可视化……总之，信息呈现的结果更加简洁明晰、易读易懂、且智能化。

未来，对于可复用控件的设计仍旧是提升B端产品体验的一个重要方向，也是设计师的重要发力点之一。

在设计B端控件时，需要注意：

基于组件化思维进行设计、使用、维护，在提升用户体验的同时，也要考虑开发阶段的成本和效率。最基础的组件可被重复组装，被组装的复合组件可利用与不同领域、不同业务模块，这样的控件价值才是最大化的。

3）情感化表达

为了促使用户的行动转化，C端产品中引入了很多的游戏化设计来促进情感激励，比如徽章体系、排行榜。

对于使用者来说，数据不仅仅记录工作状态，更是人的功劳成果呈现。如果对数据赋予层层递进的外衣，跟随数据的增长变化形态，从而达到设计本身的情感激励，那么界面就像有了生命，是可以与用户实时对话的。

最后

总的来说，随着to B企业数字化转型，视觉设计师不仅要转化思维，将C端经验融合进来，更要从未来产业发展趋势的角度，和行业一起探索设计如何赋能产业发展、用户体验提升。