设计是要经历从无到有的过程

成长之路亦是如此

从C端到B端的设计之路

设计——总结——感悟——再出发

借引，冯仑先生的一句话：

“伟大不是管理别人，而是管理自己”

设计之路亦如此

学得再多，看得再多，不去总结

也不是自己的知识

成长之路，我们一起学习、成长……

一、前言

对于很多设计师来说，也许之前一直奋战在C端产品（移动端APP）的前沿阵地，但经过两年市场的洗牌、拼杀，能存活下来的项目，到目前为止也已经拥有了一定的用户量，也开始盈利。彼时，互联网已经进入下半场，C端产品市场量已经饱和，流量红利逐渐消退，很多企业转向了B端服务，也有大企业防止敏感数据裸奔，开始部署自己的服务器，搭建内部系统产品，随之而来的是B端产品的井喷。有市场就会有产品，也越来越多的C端产品设计师开始迁移到B端后台产品的设计，这是两个不同的领域，你需要认识到这2类产品的差异，才能快速吸收新领域的知识。

从C端产品迁移到B端后台产品的设计，期间我做过的后台产品，有通过产品来卖数据服务的，也有专门卖软件产品的，整个产品从无到有或者在原本的基础上进行更新迭代都做过。与C端产品相比，在B端后台产品设计过程中，可能不需要像C端产品要求很强的视觉表现，但B端后台产品对于设计师而言要求在逻辑思维会更高一些，因为它的商业属性决定了产品的性质，要求设计师要有更强的产品细节把控，功能规划，业务逻辑，理解的能力。所以今天我想通过这次总结，在B端后台产品设计之路上的感悟进行一次梳理、复盘。

二、B端产品是什么，有哪些类型？

C 端产品，是面向终端消费用户的产品，对与使用者而言主要是用来满足自己的日常生活实际需求，例如娱乐、消费、学习、出行等等。

 B 端产品，是面向企业用户的产品，用户通过它进行日常商业活动管理，例如企业库存管理，销售统计，员工出勤考核，工作流程审批等等，用来解决企业需求的产品，都可以说是 B 端产品。对于个人使用的B端产品例如PC端百家号、大鱼号、头条号、微信公众平台等，这些是被大众熟知的。

还有一种面向对企业内部管理，员工使用的B端产品，例如ERP、OA、CRM、SAAS、CMS等，这些都是在企业内部业务类型的产品，所以我简单解释一下这几种产品。

ERP-企业资源计划

是企业对资源进行调动，商品的供应链，销售审计，库存管理，成本核算等，集成一体化的企业管理软件，是今天实业领域常用系统。

OA-办公自动化

企业通过程序的形式，使办公流程自动化，使企业内部人员实现群体协同工作，改变过去复杂、低效的手工办公方式，实现迅速、全方位的信息采集、处理，是一个企业除了生产控制之外的一切信息处理与管理的集合。

CRM-客户关系管理

企业专门用来管理客户的工具，常用于零售服务行业，能更好的维系和客户之间的关系，来提升销售额和复购率。例如：会员卡的人员填写的资料、消费额度、消费记录、消费数据，以及手机收到品牌短信推广。

SAAS-软件服务

第三方提供给企业的线上软件服务，企业通过互联网向厂商定购所需的应用软件服务来付费，企业用于活动经营管理。

CMS-产品后台

产品后台，是B端后台产品中最常见，数量最多的管理平台。通过这个后台系统对前端的产品进行管理，包括发信息，辑内容，处理用户，统计数据等。

三、B端后台产品与C端产品的差异

在互联网大潮的冲击下，不仅仅是C端产品的井喷爆发，除了我们日常生活领域的改变以外，对于商业领域的渗透和企业的管理模式也发生着变化。互联网市场的多样性，也让越来越多的企业开始使用数字化的解决方案来助力企业发展，包括日常管理、运营、统计等，或者通过互联网的方式开发出新的业务形态，进行产业升级，行成企业互联网化。那么B端后台产品与C端产品有哪些差异呢？

我通过一张表格来展示两类产品的差异：

四、B端后台设计要点

很多设计师，在刚开始接触B端后台产品设计的时候，都会有一种迷茫感，因为B端后台产品不同于C端产品，有着丰富的竞品可以借鉴，只要下载APP注册登录就可以了解到整个产品的布局、框架、使用的体验感等，反之B端后台产品的竞品是缺乏的，企业内部后台系统很少有注册用户，绝大部分是管理员开账号才能进入系统，所有内部功能、操作方式，是不知道的。也有很多设计师，在网上搜罗一大批界面设计稿，感觉信心满满，硬套布局和功能，到最后，返工率极大，这种抄袭式，应用到B端后台设计是不可取的，因为我们距离用户太远，偏离了真实业务的场景，很容易导致我们赋予给用户无用的功能。

那么在产品规划的进程中，设计师&产品经理，应该考虑以下几点：

1、了解业务知识，业务流程

B端后台产品更多是基于已有的“业务”，把传统线下工作，通过系统化、自动化、信息化转换为线上行为，使业务的流转效率更高，办公成本更低。所以更要求产品设计者能熟练掌握相应的行业知识、捋清业务逻辑，如果流程涉及到跨部门协同，还要了解部门之间的工作方式（企业各部门职能不一样，每个部门老大都有一定话语权，想要的功能不同）。在做前期收集需求的时候，尽量要对每个业务流程要深入得挖掘，以免流程缺失，这样有利我们在思考、设计功能的过程中避免很多错误，同时也能满足各部门之间的要求。当我们在了解业务的同时，也要着手整理业务所涉及的到流程，一般企业本身已有一套标准的流程，例如财务审批、物品领用、费用报销等等，我们要将这些流程场景转化为流程设计，当在系统上设计功能时会涉及哪些场景，这些都需要整理，需要找到相应的使用角色充分挖掘相应的功能流程，有了严谨的业务流程，有利于业务流程的完善，系统功能的完善。

2、功能以高效为准则

如果说，一款B端后台产品不能帮助用户提高工作效率，那产品是失败的。B端后台产品业务复杂，数据量大，用户操作产品会本能目的是快速完成工作下班，所以在B端产品中，效率比用户体验更重要（他能直接影响你今晚是否加班，或者是明天下班）。以高效为准则，减少用户不必要的操作＆页面的跳转，操作后的准确反馈等，用户通过你的产品来完成工作，例如一些大的数据可以做导入、导出功能，数据导出时，可以做多种导出格式（按模板导出PPT格式，直接行成例会报告）。说到这，之前就有一个项目做全流程的，第一版设计稿完成后要跟公司每个部门老大进行核对讲解，问到最多的问题是“能否减轻我的工作量”，所以产品的功能要让工作效率得到最大化，反而比次要的界面优化重要得多。

3、合理的规划功能与模块

因为B端后台产品与C端产品的核心功能不同，C端面向的是单一个体用户，而B端面向的是企业，是群体性用户，所以需要的功能密集、复杂具有关联性。在做产品功能规划时，需要仔细考虑功能、模块的划分，模块与模块之间的连带关系是怎样的。在做产品增值服务功能（交钱才能使用的功能），客户需要进行个性化定制的需求，那么怎样组合功能，合理规划呢？所以需要对最基本的用户架构、角色权限、流程设计、档案存储、功能使用等模块，来进行梳理。

B端后台产品，一般会有角色权限的需求，这是系统产品的一个重要组成部分“组织架构”。组织架构换一种说法是“企业管理层的组成形式”，根据角色的主要任务和任职的不同，权限也会不一样，在不同权限的人员登录时，界面上显示有哪些不同，以及功能的可见性设置等。在做设计时要考虑有权限和无权限的界面显示的区别，尤其是涉及到复杂权限时。比如我发起一个费用申请，以“同意”和“打回”作为流程结点，根据企业制度设定，这个流程中会根连3种角色：发起人(我)、审核人(财务)、集团领导(副总及总经理)就涉及三个角色的权限，权限设计几乎串联着整个产品的脉络。

在B端后台产品中，提醒功能（预警）是较为重要的一部分，也是设计师容易忽略的地方。提醒功能就像生活中打电话通知一样，比如用户完成某个任务或达成了某项协议，需要上层领导审阅、审批，如果提醒不到位，直接影响到工作的时效性，所以要考虑好任务的预警方式、预警频率、提前预警来入手。

4、设计的统一性

设计的统一性，是指产品保持交互和视觉的统一、调性一致。即可以让用户操作感到熟悉、亲切，又能预知操作后带来的结果，在系统产品中表单、控件、选择器、弹框这些组件在整个系统的复用率占比很大，我们可以在复用率高的功能做好交互的统一性。做过后台系统设计的应该经历过，开发可能直接购买现成的框架或者节约成本使用开源的框架（框架底层代码有些是不开放的），接入外部的插件和功能，因为没有底层代码，组件改动局限小，就会涉及到部分组件在视觉和交互上很难保持统一性，就要需与开发协调沟通。设计师也要了解前端的一些基本组件规范（Ant Design、Dropbox、）有利于与开发更友好的协同。

五、提升B端后台产品设计指南

1、减少阻碍&功能引导

B端后台产品是满足用户工作需求的提效工具，功能的完善和多少决定着能否满足用户完成工作的覆盖率。整个系统有着复杂的商业逻辑，相互协同的业务流程，以及用户的层级权限的不同，对新用户来说在短时间内熟悉产品是有一定的难度，所以在设计的过程中合理的信息安排、模块布局是非常的重要的。复杂的字段尽量精炼，让用户看起来更直接，在一些容易混淆的功能或字段，添加注释，并且加入一些功能引导，让用户对功能有更快的认知，用户在操作系统的时候，感受到的是一个“自助学习”的过程，可以减少用户焦虑和认知成本。

2、干净、简洁、清晰的界面设计

在C端产品设计里，是以视觉效果来吸引用户眼球，而B端后台产品对应的是某类行业的提效工具，是以提高工作效能为主，界面多数展现数据、表单、结果，以内容为要点。我们在做页面设计的时候，功能操作要简化，减少干扰，减少过于夸张的设计，产品整体调性应该尽量简洁，避免视觉过于突出，干扰了内容。B端后台产品设计特性是：以功能为王，视觉服务于功能。

在色彩的应用上，主色尽量使用视觉疲劳度低的颜色，为什么市面上B端后台产品喜欢使用蓝色系，因为蓝色给予用户一种安全、稳定感，同时颜色上也不会过于强烈、刺激，在舒适度上也能减少用户视觉疲劳。

3、二次确认&操作反馈

B端后台产品讲究严谨的流程设计、贴近现实的场景、低风险、高效率、数据精准，是为了解决工作上的问题而生。在B端后台产品删除数据、文件的时候，二次确认显得尤为的重要，严谨度高的系统还设置权限审核才能删除，在进行一些重要的操作时，以免误删，所以进行二次确认是很有必要的。在操作过后，成功与失败的准确反馈是产品能否得到用户信任的标准，产品中会涉增删改查，文件上传，数据导入的操作，这些都需要准确的反馈给用户结果，如果没有反馈，可能直接导致用户的工作任务无法完成，或是某个重要审批不能进行。所以有反馈是必须的，如果不能立刻反馈出结果的，可以用进度条，让用户知道操作正在进行中，减少等待的焦虑。

4、轻微的情感化设计

B端后台产品使用的场景和目的相对C端产品有着很多的差别，前者是为了工作而使用这个产品，因此他们必然要长时间使用产品，而且是沉浸式使用，他们不能带着个人喜好去决定这个产品用还是不用，所以B端后台产品在用户的观念里是枯燥乏味的工具。为了改变这种枯燥、乏味，在不影响产品功能、高效、稳定的前提下，设计师可以尝试让产品有更多新意、让功能更贴心。例如，在一天的关键时间给予温暖的问候语，或者在节假日前给予祝福等等，让古板僵硬的工具变得有情感。

六、从事B端后台产品设计我得到哪些提升

1、产品的逻辑思维更完善

B端后台的界面设计也许并不像C端产品需要很强的界面表现来吸引用户，而是在于追求产品功能的完善、效率、稳定，这就需要设计师对整个产品的功能进行梳理，收集需求、分析、规划、设定开发优先级等。B端产品所要实现的功能，是来自外部客户或者企业的各个部门，能接触到不同人群提出需求的方式，沟通方式需要不同的转换。例如：BOOS与基层员工之间满足需求就不一样，BOSS都喜欢看一些大盘数据，监控，大局的把控，而基层员工在想是否更快的完成工作，能否给他带来便利，减少工作量，这就需要产品设计者具有更理性的思考方式和处理手段。B端产品在使用场景、功能、业务流程、信息架构、行业专业性比较强，要求都比C端的高，严谨性也更强。说到这，我很感谢团队的老大，在很多不懂得地方给与我指导，在设计上给了我很大的空间让我发挥，从最开始的需求，功能规划…到最后的产品PPT宣讲的制作，从无到有的全过程。

2、知识面更广

这个就不用多说了，随着物联网的快速发展，企业要把“线下流程”搬到“线上”行成系统化，如果你是在外包公司做B端后台产品，可以接触到来自不同企业的内部流程，设计不同行业的后台产品，了解到各种行业的知识，丰富行业知识面，也是一种认知。

3、行业垂直领域更深

相对C端产品而言，B端设计师对行业、业务、应用场景了解得更深，他们要对整个业务流程赋予准确的功能来解决用户要完成的任务，还要了解该功能在整个产业链的位置、功能、对其他业务环节有什么影响等，B端做的不止是框架层和表现层的东西，重要的业务流程的逻辑层。只有对行业了解的更深入，面对复杂严谨的B端后台产品才游刃有余。

结尾

以上是我的个人复盘，在两类产品设计中，C端产品偏重于视觉表现，B端后台产品偏重于业务逻辑，这根据你个人喜好来选择，不管如何选择，保持一颗进取的心态才能走得更远。

Powered by Froala Editor