B端产品如何设计

深圳/设计爱好者/5年前/726浏览

版权

B端产品如何设计

全面解析B端与C端区别，以及应如何着手B端设计

最近面试大量的UI设计师，好多面试者表示B端产品很枯燥、无趣、不需要太多视觉设计，UI就是一个画图仔、没地位、页面太简单没视觉表现空间，没意思等等。引发了当初自己做B端的思考，B端与C端产品的区别，B端产品你会从哪几个方面着手？这里总结了一下，也给自己一个思考的沉淀。

首先什么是B端产品？

简单点说B端产品是面对企业平台的一种产品，目的是为了提高效率。

产品的本质或者说存在的价值是能够解决“目标用户”的“问题”。内容为王，产品调性强调简洁，功能为主的设计原则。比如：京东云、阿里云、腾讯云、ERP系统等等。

下面罗列了一些B端与C端的区别？

1-用户群体

B：企业客户（付费者），一般是多角色群体、多维度，一般是三个维度，决策者（老板）、管理者（财务、业务部门负责人）和执行者（使用的用户）

C：群体相对单一，一般是单一维度

2-业务形态

B：业务场景复杂：角色多对应的业务场景多，流程差异大：不同的行业不同的客户，需要不同的专业解决方案

C：业务场景、逻辑简单、流程相对标准化：用户群体比较固定，场景相对简单，产品要求简单，流程要求相对统一标准化

3-产品的关键

B：让客户赢

C：让用户爽

4-盈利方式

B：收费，为功能付费、维护费用

C：以免费为主，内容付费、广告费用、平台抽成、增值服务（VIP、权限、卡券等）

5-最终用户

B：用户群体较明确，通常可以按岗位、角色划分。

C：用户多样化、跨度大

6-需求

B：面向客户的痛点，需求明确

C：面向用户的痛点—需求不明确，需要探索挖掘需求，在不断试错中接近正确方向

7-开发周期

B：长（往往以月、年为单位）

C：短（往往以周为单位，很多互联网产品1—2周更新一个版本）

8-产品侧重点

B：注重功能、效率、安全性、稳定性、可靠性，交互一致性

C：极致用户体验，基于核心功能深挖用户诉求，追求情感化、品牌创新

9-使用场景

B：固定时间，办公室、会议室、工位等

C：各种生活场景下，自由度比较高，碎片化时间

10-产品形式

B：表格、表单、菜单、流程、权限·····

C：多样化

11-产品规模

B：大而全

C：小而美

12-行业领域

B：按行业区分，如ERP、云计算

C：按应用类型区分，如工具、娱乐、电商

13-市场

B：半开放

C：开放竞争

14-壁垒

B：由于其服务的特殊性，容易建立壁垒，客户切换成本很高

C：相对建立壁垒不容易，转换相对容易，用户切换成本相对低

15-口碑传播与渠道

B：行业内传播，比较有局限性，与客户关系、渠道息息相关，难以规模化、批量复制

C：社交圈，可以快速传播、扩散

16-产品设计

B：更注重业务的梳理，例如实体关系模型图，抽象理解线下业务、流程，把业务实体模型转换成物理模型

C：相对B端没有这么复杂的业务设计，但也不是不需要

那B端常存在的展示方式？需要注意什么？

B端产品主要在pc端，就会涉及到屏幕大小，自适应/响应式设计的调整，这里就牵扯到内容展示的多少，屏幕适配问题。

那在实际的设计中，踩过什么坑？

以前做C端产品的时候，可以找大量的竞品来分析，对功能、配色、排版、风格等进行梳理，找到各自的亮点。但是在做B端产品的时候，竞品很少，往往需要自己对业务理解，对原型进行梳理，需要很强的逻辑。

B端有一个很大的难点，对字段的考虑，界面对字段过多、过少的适配舒适度，有些时候我们设计的很理想、很完美，但是等到上线的时候，发现和自己的设计稿根本不一样，信息展示不全面等等各种问题。

角色权限，B端就会涉及到权限问题，根据设计需求的不同，自然在页面体现上也会不一样。

用户习惯，在界面设计上多强调简洁，符合用户习惯，导航的设计让功能全部展现出来，方便用户一眼看出产品的主要功能，用户在使用产品时，主动性、目的性更强。比如我今天要报销，直接找到报销入口，发起审批流程。

B端设计中的“套路”

设计规范

B端设计离不开组件，有组件规范后，会节省大量重复时间，这里推荐一些比较常见的设计规范，有需要的可以自取

1-UXPIN收集各大国外网站的设计规范，比如Dropbox, Pinterest, Mozilla, Trello, Envato等 https://adele.uxpin.com/

2-蚂蚁金服：https://ant.design/docs/react/introduce-cn

3-金融云：http://antd-cloud.alipay.net/#/layout?_k=bm8gld

4-蚂蚁Motion: https://motion.ant.design/

5-蚂蚁图表规范：https://antv.alipay.com/zh-cn/g2/3.x/demo/index.html

确定了自己使用的规范，接下来就是根据自己的使用场景选择适合的控件，比如在设计过程中该选择toast还是弹窗，根据场景、提示信息的重要性来划分，如果是需要操作的，或者需要引起用户高度重视的，当然是用弹窗。如果只是一个反馈提示，比如保存成功，提交成功等这些都可以用toast来提示，这样就不会中断用户的操作，还可以给用户反馈。

考虑场景来决定使用什么样的组件，是给人用的，要符合用户习惯的，对用户来说是友好的。

兼顾业务和体验之间的平衡

在B端的设计中，往往“内容为王”，要维持功能为主的设计原则，视觉服务功能的产品素养，避免使用过于浮夸的设计来干扰用户，B端就是为工作而生，需要使用者沉浸进去，需要利用这些功能来完成枯燥的工作。一般都会把精力放在提升产品性能和流程体验上。他们需要的就是高效、极速。

合理的业务流程

C端要揣测引导用户、要留存，而B端则不需要去考虑这些，它是一款工作软件，使用者是有目的的，他知道要做什么，需要什么。他们使用的时间就是工作时候。设计需要对该行业和产品有一定的理解力，在理解产品原型的时候，需要针对不同的使用场景、分析客户的具体需求，最后产出合理的流程方案，如果不理解客户的需求以及工作业务，就不能产出他们满意的方案。所以做B端产品需要了解目标客户的工作流程、业务知识。