To B 组件库-初识B端

B端产品也叫2B（To Business），使用对象是企业或组织。帮助企业或组织通过协同办公，解决某类经营管理问题，承担着为企业或组织提高收入、提升效率、降低成本、控制风险的重任。

C端产品也加2C（To Consumer），使用对象是大众用户。产品往往是直接对接一般消费者，直接为消费者和用户提供产品或服务。

产品形态

B端产品：SaaS平台、客户端、多为PC端产品。

C端产品：APP、小程序，多为手机端产品。

产品架构

B端产品：多个核心功能模块

C端产品：一个核心功能

设计侧重

B端产品：关注业务功能和使用场景

C端产品：关注用户体验及感受

视觉风格

B端产品：界面简洁、布局清晰、信息的有效表达和操作的便捷性

C端产品：视觉为主，营销活动

总结：B端以价值经济为导向，基于场景、数据驱动做设计。可用性大于体验。

B端分类

如何成为一个优秀的B端设计师？

• B端以秩序、规范为主，需要设计师具备业务思维、逻辑思维，去理解业务。

• B端产品的付费者，并不一定是使用者，所有用户分析很重要。

• 岗位职责决定用户目标和使用场景；不同人物、角色之间存在差异；

• 要保证整体产品的一致性（整体样式、框架、组件、场景、走查）；任务效率（功能使用率、任务完成率、用户行为监控）；易用性（易见性、易操作性、易学性、易用性量表、启发式评估）；满意度（功能使用及过程、满意度问卷评分）。

B端产品虽然没有C端产品注重视觉，但同样可以融入情感化设计，可从品牌基因的融入、增强物理世界感知、富有温度及和趣味的插画来入手。

组件化设计思维，能够提升设计团队的生产力统一产品设计体验，提升团队协作效率，降低开发成本。

组件库都哪些人使用呢？设计人员、开发人员及相关需求人员

页面的交互布局

前端组件库组件分类

以下组件仅供参考，具体要以自己业务为主

组件维护工作是一个漫长的工作，组件能力需要去适配业务场景。

• 组件库工作流程：需求分析——交互方案设计——设计评审（需求、设计、开发）——开发进度跟进——开发验收——版本上线

• 工作中需要提交的文档：需求说明书、版本发布说明书、版本优化说明书

• 组件维护：视觉、交互、基础能力、可配置能力、自定义能力

  
  

推荐大厂组件库：

TDesign：https://tdesign.tencent.com/vue/components/popup

Fusion：https://fusion.design/pc/component/button?themeid=2

视图更新：https://www.iviewui.com/components/tooltip

Ant Design：https://ant.design/components/overview-cn/

Element：https://element.eleme.cn/#/zh-CN/component/tooltip

arco.design：https://arco.design/vue/docs/start