B端

阶段性的学习总结是设计师的必备技能，这样才可以与时俱进，各方面的提升自己的认知，提升自己的能力

学习总结也是设计师的学习归纳能力的一种体现，大家可以多尝试，全面提升自己的能力

这是我前段时间做B端项目时学习的资料笔记加上自己的理解，希望对你有所帮助

一、对B端产品的初步认识

1、 简述

B端产品，也叫To B（To Business）产品，即面向企业或者特定用户群体的产品，B端产品帮助企业或组织通过协同办公，解决一些管理上的问题，例如销售统计，后天数据检测，员工出勤考核，工作流程审批等等，B 端产品可以简单理解为，用来解决企业、商家需求的产品。对于个人使用的B端产品例如PC端百家号、大鱼号、头条号、微信公众平台等，这些是被大众熟知的。ERP、OA、CRM、SAAS、CMS等B端产品是面向对企业内部管理，员工使用的B端产品。

2、功能

B 端产品的设计注重工作效率、成本的，更追求稳定性和安全性。在进行功能设计时，操作流程一定要清晰明了，并且最好做到统一化。即需要更多的考虑业务使用场景，将复杂的业务逻辑转化成高效的操作流程，使得B端用户能够提升工作效率。大多数B端产品都是多功能相互连接的，层层相连，没有明确的主次之分，功能多样化。

3、需求

B端产品的需求一般是工具属性上的需求，即通过设计要满足用户工作业务，用于提升日常工作效率、节省工作成本。其中这些需求往往是企业或者企业管理者或者使用者主动提出的。

4、特点

B端产品的使用场景一般都是较为复杂的，目标用户一般为群体，需要B端产品来帮助他们实现分工协作来完成工作。

B端产品的业务复杂程度高，子业务多样化，所以这就要求B端产品有着统一的操作逻辑，以方便用户进行操作。B端产品的目标是解决企业或者群体的业务问题，所以提升业务效率是最为重要的。

5、B端产品和C端产品的差别

用户不同：B端产品的用户通常是一个团体或组织，C端的目标用户通常是具有某些特质的人群，没有组织架构，群体相对单一。

核心功能性不同：B端注重功能，C端注重体验。B端产品的用户更多关心的是：产品是否满足企业的需求、是否符合实际业务流程、是否提高企业运作效率、是否实现规范化管理等。C端产品在满足功能的同时，也要重视用户的审美和交互体验，构建出能够满足消费者需求的有用户价值产品。

收益量化不同：B端产品要支持、解决业务问题，但业务成效的影响因素非常多，很多时候并非取决于B端产品设计的好坏。C端产品关注的核心指标主要包括DAU、UV、PV、CVR等，任何功能的设计都可以明确考核指标，容易量化和评判项目收益。

目标驱动不同：B 端用户的目的性非常强，不存在模糊不定的内容，用户往往必须要使用这些产品，使用即有任务驱动，完成任务立即结束，用完即走。C 端用户的目的性和对效率追求较弱，通常会根据个人的意愿、兴趣来使用产品，也可能会由于产品的新颖度、趣味性来愿意多花时间来停留，主要是为“碎片化的时间”服务的。

6、B端产品设计要点

了解业务知识，业务流程。

B端后台产品更多是基于已有的“业务”，把传统线下工作，通过系统化、自动化、信息化转换为线上行为，使业务的流转效率更高，办公成本更低。这就要求设计师要了解通透产品的业务流程，知道每一个步骤的目的，真实体验之中，才能更加贴切的设计出效率高、成本低的B端产品。

功能以高效为准则。

高效是B端产品的功能核心，对于 B 端商家角色来说用户的时间就是金钱，大量订单的处理、批量管理和网站运营等方面，对于效率有着极高的要求，如果某个功能的文案表述不清、视觉比重不强、结构引导不明确都可能会影响到商家的直接收益。所以 B 端产品的表达要做到最简单直观，降低用户的认知成本。

合理的功能流程归类。

在做产品功能规划时，需要仔细考虑功能、模块的划分，模块与模块之间的连带关系是怎样的。在做产品增值服务功能，客户需要进行个性化定制的需求，那么怎样组合功能，合理规划呢？所以需要对最基本的用户架构、角色权限、流程设计、档案存储、功能使用等模块，来进行梳理。

通用性设计。

通用性设计，是指产品保持交互和视觉的统一、调性一致。这不仅可以让设计者减少设计规范上的错误，还能提高效率，设计输出也得到了一定的保障。

二、组件化设计

1、什么是组件化设计

组件化最早可以追溯到工业革命时期，福特创造了流水线生产方式。福特将汽车分解成零部件，再把零部件模块化组装，这一创举极大的提高了生产效率。组件是一个个不可再被拆分的基本设计元素，组件化通过对页面视觉元素和功能元素的拆解、归类、重构，基于相对稳定的特性、力求可被复用的目的，最后形成的可被清晰定义属性的规范化组件。

2、组件库的分类

基础组件：指适用范围广、复用频次高，比如标题栏、搜索栏、导航栏、筛选（下拉选项）、banner、金刚区、瓷片区、标签、按钮、卡片、Tab 栏、输入框、Toast、Feed 流（列表流、文字流、视频流）等。基础组件多为界面的细小组成部分，其的统一化有利于用户的识别信息。

基本框架：指网站的信息结构，网站信息结构是衡量网站用户体验好坏的重要指标，网站的信息结构、页面布局、编辑/新增/详情等页面的交互方式等都是框架结构。基本框架的使用有利于帮助用户快速获取所需的信息，提供浏览效率。

共通性模版：指公司、企业内部所使用的各种数据的大盘、订单的数量、销售额提升百分比图表展示等等的模板。共通性模版的使用可以更好的帮助公司内部人员识别信息，提高工作效率，也是一种企业文化的体现。

3、设计中台

设计中台这两年很火，所谓“中台”，其实是为前台而生的平台，它存在的唯一目的就是更好的服务前台规模化创新，进而更好的服务用户，使企业真正做到自身能力与用户需求的持续对接。和组件库类似，但比组件库更加的全面和范围大。

                                                                阿里的iconfont

4、原子设计方法论

原子设计方法论是由国外设计师 Brad Frost 提出的，他从化学元素周期表中得到启发，发现原子结合在一起，可以形成分子，然后形成组织。通过原子设计，我们可以把界面看作是一个连贯的整体，同时也是一些元素的集合，每个元素都不尽相同，互相结合产生更多层次和结构，模块之间相互统一。

它的五个不同阶段是：

原子(Atoms)：为页面构成的基本元素，例如标签、输入框、文字、颜色等；

分子(Molecules)：由原子构成的简单UI元素，例如按钮；

组织(Organisms)：相对分子而言，较为复杂的构成物，由原子及分子所组成；

模板(Templates)：以页面为基础的架构，将以上元素进行排版；

页面(Pages)：将实际内容（图片、文章等）放置在特定模板内；原子设计方法论可以帮助我们更好的梳理自己的设计思维，建立心理模型，树立起连贯的设计思维习惯。5、组件化设计的好处

界面设计之间的设计风格和设计样式统一，有利于用户的信息识别。

产品设计升级优化时，版本和版本之间的差异性就可以得到很好的解决，体验不会发生太大的改变。

界面设计的质量得到了一定的保障，并且提高了效率。

三、总结一下

以上是我对B端产品的简略思考，结合了自己最近查阅的资料，加上自己对B端内容的思考和看法，整合成了自己的设计小笔记，做了一个小复盘。其实无论是B端还是C端，每个产品都有自己相应的价值，C端产品偏重于视觉表现，B端后台产品偏重于业务逻辑，都各自展现着自己的价值。而B端产品最近几年相信也会不断进步下去，以到达企业的更高要求，组件化设计、设计中台也会不断完善，来更好的帮助B端产品的设计。

感谢你的观看，希望对你有所帮助！

(以上图片皆来源于网络，如有侵权请联系我删除）