经常在网上看到「B 端产品 C 端化」的讨论。
一开始我以为这个概念是说 B 端产品以前做得太差了，但随着竞争越来越激烈，以后也要像 C 端产品那样注重用户体验，更加轻量化、趣味性和人文关怀才行。
当时我还挺不以为然，感觉像是噱头或者自嗨。
把用户体验做好虽然重要，但是这对 B 端公司的实际业务（钱）未必有什么直接影响。
因为对于绝大部分客户来说，功能、效率和价格才是真正的硬指标，而且光是能找到能同时满足这三点的产品就很不容易了！
然而，我最近刚开始参与一个 B 端项目，为了做竞品调研，我试用了国内外十多款产品（国外为主）。
做完之后，我深刻反思了自己过去对「B 端产品 C 端化」的理解还是太肤浅。
其实 B 端产品 C 端化，并不是因为传统的 B 端产品没 C 端好用（不是这么比的）。
其实关键还是获客模式的转变。
传统的 B 端产品是销售驱动，销售人员通过电话、上门拜访等形式促使客户下单。
一旦成功卖出，只要后续的服务不太差，客户就没必要更换迁移。
现在 B 端市场越来越大、行业信息越来越透明、客户的判断能力越来越强，传统销售模式开始变为互联网营销。
B 端产品在网上发布信息并投放广告，吸引客户自己前来试用并购买，只需提供少量客服人员即可。
这与以往的 B 端业务模式有很大不同，所以就需要变革。
所谓「B 端产品 C 端化」，表面上是学习 C 端的用户体验，背后的真正意图是要学习人家 C 端的互联网获客能力。
我发现 B 端产品的 C 端化程度，和他们的互联网广告投放力度成正相关。
例如我在油管上经常受到 Monday、GoDaddy 这两款 B 端产品的轮番轰炸。
先不说好不好用（毕竟我也不是目标客户），我发现他们用起来真的很有「C 端感」，和传统的 B 端产品果真不一样。
倒不是什么“轻量化、趣味性和人文关怀”，而是因为他们在我打开网站的那一刻，就开始不断吸引我探索使用。
我拿 GitLab 和 Monday 的官网首页对比一下，也许你就能感受到了：
前者像是一板一眼的「老实人」，后者则像是对你笑眯眯的「绿茶妹」，高下立判。
“轻量化、趣味性和人文关怀”这些东西，并不足以打动用户试用和购买，顶多只能算是「低段位」手段。
只有「高段位」手段，才能让用户不自主地地被吸引，心甘情愿地掏钱。
可是要做到「高段位」真的很不容易，我今天就总结几个技巧吧～
1. 直接坦诚
遇到两个陌生人：一个打官腔又遮遮掩掩的；另一个说话友善接地气又诚实，你会更喜欢哪个？
可能大多数人跟我一样会喜欢第二个。
C 端化做得好的 B 端产品，会把自己的产品预览图直接放到首页供人观看，而不是搞一张概念图外加一堆高大上的广告词。
前面放过的那张案例，这里也可能拿来用：
GitLab 的官网画了一些很抽象的概念图，写了一些很抽象的描述，给人感觉很模糊。
Monday 的官网明确把自己的业务类型列了出来供用户选择，还把每种业务对应的图标和展示方式画了出来，感觉很明确清晰。
2. 有效互动
遇到两个健身房销售：一个上来就说一个劲地介绍服务；另一个则先确认你平时的健身习惯，再根据你的情况介绍服务，你会更愿意听谁说话？
我肯定更喜欢第二个。
C 端化做得好的 B 端产品，不是简单地展示信息，而是先了解用户，再根据用户的需求提供不同的信息甚至服务。
Zendesk 的网站，会把自己的功能列出来给用户，给的图像和描述又很抽象，毫无互动感。
而 Asana 会让用户选择自己需要的功能，并直接给出具体案例的界面展示图。
3. 降低门槛
遇到商场逛街时遇到两个陌生餐馆，一家在二楼；另一家在一楼，你会愿意尝试哪家？
肯定是第二个。
很多 C 端化做的好的 B 端产品，会把表单用弹窗的样式放在产品上面，让用户感觉只要填写完就能立即使用了。
比起 Trello，Smartsheet 只是在表单展示了一下产品内部，就让用户感觉门槛低了好多。
即便 Smartsheet 的新用户后面发现背后那张图真的这是一张图而已，要填的一点不少，但这时都已经快填完了……
4. 循序渐进
两家陌生的两家餐厅都把菜单摆出来了，一家的菜单写得密密麻麻；另一家的菜单虽然菜品不多，但是推荐菜品和菜式分类很清晰，你会更愿意尝试哪家？
我相信很多人都会更愿意尝试后者。
C 端化做得好的 B 端产品，不会太在意自己的产品是不是看起来功能齐全，而是更在意用户是否能够很好的理解产品，不要造成心理负担。
上图来源：Figma 这些交互细节，B 端设计也值得借鉴
Sketch 和 Figma 的属性面板在功能上其实没有很大的差异，但是后者看起来却清晰简洁许多，对新用户更加友好。
B 端产品 C 端化这个理念其实很好，但如果被误以为只是向 C 端学习用户体验那就可惜了。
用户体验只是手段，关键目的是在没有销售人员参与的情况下，如何从互联网获客。
这次的经验的提醒我，以后如果再看到一些很火概念，不要简单的从表面理解，而是要站在决策者的角度，多思考背后的真实意图。
转载请注明：优设网
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
更多精彩文章：
Cs界面设计之二：如何区别B端与C端的产品设计差异？我总结了26条对比！
“组件”是平台级产品非常重要的组成部分，设计组件不仅可以节约设计和开发成本，更是设计理念的约束性体现。但是，随着平台级产品业务场景的复杂度不断增加，过往沉淀的设计组件的交互模式和视觉形式，却跟不上业务发展的诉求。因此，我们思考：如何建立和迭代一个优秀的组件库——不仅能保持良好的普适性，解决全平台产品的体验一致性的问题；并且能够保持各个业务线的特色和定制化需求，即所谓平台级组件的“和而不同”。
随着近两年业务的发展，早期沉淀的组件渐渐无法满足业务诉求，一部分组件的使用率和覆盖率很低。
因此我们决定对贝壳平台组件进行一次全新的升级。我们的目标不仅是针对“基础组件”进行优化，保持其良好的通用性，达到“和”的目的；更希望能够承载业务线（二手房、新房和租房）更多体验场景的需要，做到服务于业务的“不同”。
为了更好的实现升级目标，我们思考了以下几个问题：
1. 设计组件库的使用人员有哪些不同的角色？他们的诉求是否有区别？
在我们眼里，设计组件是对设计工作的一种管理，而设计工作从产出到落地的完整链条上，主要有三种角色的人群：
贝壳平台设计师和各个业务线设计师：平台设计师穷举组件使用场景的同时，提炼业务诉求，帮助业务线设计师通过组件更省时省力的高效完成设计工作。
开发团队：通过设计师的输出，明确组件开发的具体框架和自由度（例如按钮颜色是否支持不同业务自定义等）
产品团队：通过设计组件文档明确设计的标准，在各角色有共同标准的认知下，需求中可使用组件搭建的部分无需重复提需求，节约各方成本。
因此，设计师需要产出的并不是一份简单的组件库源文件，而是一份以不同角色合作伙伴的视角，都能看得懂的设计组件表达文档。
△ 图 1 给设计、产品和开发不同的文件样式
2. 组件真的是越多越好吗？
我们给出的结论是：面面俱到反而无从下手。在做设计组件时，大多数同学都会有患得患失的心理，认为组件足够多，就可以应对更多的使用场景，规范也足够细致和统一。
但是这是一个比较理想的状态，过于低微的颗粒度下，设计反而会失衡。这里的失衡是指，创新和规范之间的平衡被打破，显然不是我们想要的。并且平台级组件库是具备再生和持续发展的生长能力的，因此不必一味追求数量。
3. 采用什么方法可以合理的控制组件的质量和数量，挑选出通用度高的组件呢？
我们优先梳理了贝壳平台流量 TOP30 的核心关键页面，依据数据圈定范围，然后进行组件的整理。如下图，我们发现使用率最高的前十名组件，按照降序排列依次为：tabs 选择>Navbar>房源卡片（业务通用组件）>经纪人展位（业务通用组件）>按钮>通知与提示>弹层>搜索框>操作菜单>标准悬浮球。
△ 图 2 贝壳平台流量 TOP30 页面组件应用情况
这样，我们就可以按照以上优先级，优先设计和代码化使用频次较高的组件。
我们将贝壳原有组件库的全部组件打散，重新定义后分成三大类别：
平台基础组件：指不具有业务属性的元件及基础组件，例如：按钮/表单/列表/搜索栏/系统反馈弹层/操作栏/Navbar 等。
业务通用组件：指横跨多业务，但在不同的业务场景中略有变化，有公共元件可提炼，例如：经纪人展位/房源卡片。
业务特性组件：指只属于某一业务应用范畴的组件，无公共元件可提炼，但是在单一业务线复用率较高。
组件的明确分类，可以帮助我们在日后每当有新增组件时，以统一的标准和原则进行归纳和整理。
除了优化平台基础类型的组件外，我们还对其中使用频率很高的业务通用组件——房源列表进行了优化。
房源列表是在贝壳平台通常以线性结构呈现的。用户通过纵向扫读来获取房源宏观信息，横线浏览来了解单个房源条目的细节信息并进行相关操作。它在二手房、新房、租赁、海外等等业务线，都会经常被使用到。贝壳平台原房源列表样式，由于业务的发展，需要展示的信息逐步增多，依次罗列在列表中，导致展示效率变低，无吸引用户的亮点，最终导致用户对房源列表的“决策效率降低”。
而想要提升决策效率，并且优化后的列表能够在各个业务线使用，我们先要了解，在不同业务场景中，房源卡片都要展示哪些内容？这里我们应用到了先前研究得出的结论——用户浏览房源列表的心智模型。
△ 图 3 用户浏览房源的心智模型
在心智模型的指导下，我们进行了“元素穷举”。
△ 图 4 元素穷举
得到了具体展示哪些元素后，我们开始思考，一个包容性强的列表底层结构应该是什么样子？经过几次的反复推敲和尝试，我们得出如图所示的三层结构：容器背板层、可交互操作层、内容展示层。
△ 图 5 房源列表的三层结构
容器背板层：它是承载列表内部所有内容的盒子，我们在这一层，定义了容器的形状，圆角等属性，使它成为一个统一的底层模版。
可交互操作层：这一层放置的是用户关于列表可进行的全部操作，例如关注，查看 VR 图片等。并且，我们针对具体每一种操作行为，定义了统一的交互方式。
内容展示层：这一层涵盖所有用户可以查看的具体信息，包含房源标题、楼盘名称、房源详细信息和价格的动态浮动变化信息。
通过三个层次的划分，我们可以清晰的定义每个层次的具体的职责是什么，这有利于我们后期面对复杂业务场景和海量信息内容时，可以更好的去归纳和组织信息的呈现。
在完成了元素穷举和结构分层之后，我们绘制了一个基础框架模版，如下图：
△ 图 6 房源列表基础框架
然后我们将不同业务线的具体细节信息，嵌入模版中，设计成各个针对不同业务和不同场景使用的房源列表。带着这样的设计结果，我们与业务线的产品经理和设计师同学进行了一次深入的探讨，并且确定可推行迭代的节奏。
综合 14 天数据，二手房改版后，CTR 由原来的 44.65%提升到 51.35%。这对于房源列表来说，是非常难得的。
△ 图 7 改版后的数据结果
以上就是本文的全部内容，相信大家已经掌握了 C 端组件库建立的基本方法，这里我们总结一下组件库的创建流程：
△ 图 8 C 端组件库的创建流程
组件库是每一位用户体验设计师，在日常工作中积累的设计资产。组件要做到“和而不同”，“和”是指用规范化的底层容器，将抽离出复用率高的元素包裹起来，形成体验一致，交互一致的封装模块。“不同”是指，每条业务线可以根据自身具体的使用场景，去定义各自在内容展示层要展示的元素，保证了一定的自由度和各自生长的能力。
房源列表在贝壳平台首页已经上线有半年左右的时间了，通过改版，用户使用房源列表时的决策效率有一定程度的提升，业务覆盖也逐步扩大。在研发老师的协同下，实现了 Native 和 Flutter 组件的封装，大大缩短了开发时长，从而提升了产品整体的研发效率。
希望能给同样正在建立组件库的设计师同学们带来一些启发，贝壳用户体验团队也会继续致力于更多业务特性组件的深挖，期待你的关注。
转载请注明：优设网
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
更多精彩文章：
Cs界面设计之二：如何区别B端与C端的产品设计差异？我总结了26条对比！
前些日子，笔者在知乎上被邀回答该问题，忽然想起了自己在面试设计师的时候，会问他们：“B 端和 C 端的设计有哪些区别？”由此可以发现，B 端和 C 端的比较，从来就是一个热议的话题，不曾停歇，未来也不会停歇。今天，笔者就“做交互选 B 端还是 C 端”，谈谈自己的看法。
百度百科定义：交互设计（英文 Interaction Design，缩写 IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析，关注以人为本的用户需求 。
国际交互设计协会（IXDA）定义：交互设计师以创造有用且实用的产品及服务为宗旨。以用户为中心作为设计的基本原理，交互设计的实际操作必须建立在对实际用户的了解之上：包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发，同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系，交互设计师为复杂的设计挑战提供解决方法，同时定义和发展新的交互产品和服务。
由上可见，交互设计的关键条目为：创造和建立人与产品及服务之间有意义的关系，创造有用且实用的产品及服务，以用户的目标、任务、体验、需求为基础，平衡用户需求、商业发展目标和科技发展水平之间的关系。
由于 B 端和 C 端，交互设计核心是设计基于 PC、移动端的用户界面，解决人机交互的问题，因此，可以说，交互设计是设计师在了解产品战略，目标用户目的、任务、体验、需求，及了解设备和技术相关信息的基础上，创造有用且实用的产品，若有可能，定义与发展新的交互模式。
据上，笔者回忆平日的交互设计工作，在拿到需求后，主要分为如下：
交互设计是串联产品战略、用户体验、技术可行性的关键节点。它的核心任务是挖掘符合用户需求、商业发展目标和科技发展水平的用户体验。
在分析 B 端与 C 端产品设计上的共同点与差异点前，我们有必要先了解下什么是 B 端，什么是 C 端。B 端产品是为企业提供服务、解决企业痛点的产品，例如财务系统、项目管理系统，B 端产品的决策者是老板，使用者是员工。C 端产品是解决用户在生活中的需求和痛点的产品，例如饿了么（外卖）、马蜂窝（旅游）、淘宝（网购），C 端产品的决策者和使用者都是用户自身。
对于 B 端与 C 端产品来说，其整体设计与研发链路是一致的。以用户体验五要素模型来说，都需要经过战略层、范围层、结构层、框架层、表现层（由抽象到具象，由底层到顶层）。交互设计师涉及到的工作范围在范围层、结构层和框架层，核心的工作范围在结构层和框架层。
B 端和 C 端由于业务不同、服务的目标用户群体不同，在产品设计的思维上会有差异。
B 端注重决策者思维，C 端注重纯用户思维
对于 B 端产品来说，其付费用户是企业的决策者，因此 B 端产品在设计上不仅要考虑如何让用户（即企业员工）用的满意，还要考虑决策者的付费思维。C 端则不同，C 端的使用者与决策者身份是同一人，皆为芸芸众生，因此 C 端产品设计上主要考虑用户的感受。C 端产品同质化严重，且用户的替换成本很低，C 端产品更需要使用各种吸引用户的方法来留住用户。
B 端注重效率，C 端注重粘性
在产品设计初衷上，B 端希望用户通过使用产品，能快速完成任务，而不是在产品上花费过长的时间。但对于 C 端产品来说，C 端很希望用户能经常打开它们的产品，在产品上多花费时间，因此 C 端的会有用户活跃度的指标，而 B 端一般没有。
B 端注重稳定，C 端注重多样性
在用户体验上，B 端不会经常出奇招，而是追求稳为主，通常具有行业性质的软件会形成一定的行业特性。当然这也给 B 端交互设计师带去了一定的困扰，交互的发挥余地不大，交互设计师的价值体验不出来。C 端在用户体验上实际是引领设计界的，高德、淘宝、饿了么等用户量较高的 APP，不断将用户体验做到极致，探索和突破用户体验的边界，给用户带去多样性的体验感受，也在不断刷新用户的心智模型。
B 端注重素静，C 端注重个性
在用户界面视觉上，B 端以素静为主，原因在于，B 端是为企业员工服务的，员工需要通过软件快速完成任务。素静的界面没有过多无用的元素干扰，任何色彩和布局的使用，都是为了协助用户快速完成任务服务的。在 B 端界面设计上，格式塔原理、排版原则、W3C 原则是设计师更为看重的。而对于 C 端产品来说，面向的用户是具有个性化的个体，想要吸引住不同性格不同爱好的用户，就需要在界面设计上花费力气。
从交互设计本质、B 端 C 端的差异点等方面我们可以知道，作为一名交互设计师，不论服务于哪个领域，工作职责是一致的，即“挖掘符合用户需求、商业发展目标和科技发展水平的用户体验。同时定义和发展新的交互产品和服务。”
但由于 B 端和 C 端业务属性和目标用户的不同，交互设计师在这两个领域的工作也会有差别。服务 B 端的交互设计师更像带着脚镣在跳舞，某种交互形式可能是合理的，但不符合行业特质或用户习惯也会被放弃掉。做过 B 端交互的小伙伴有一句话应该经常从产品经理的口中听到：“我知道这个交互不错，但原来的交互已经成为用户习惯了，我们不要随意更改，有风险。”而 C 端的交互设计师是光着脚在跳舞，谁更相对自由，是显而易见的。C 端的交互设计师重新定义某种交互方式的空间会大。所以有很多交互设计师，会更加倾向于服务 C 端的产品。
但是笔者认为，想要成为一名优秀的交互设计师，都最终会在制约下，发挥其价值，而这种价值会更经得起时间的洗礼和推敲。优秀的 B 端和 C 端交互设计师，都是行业不可获缺的人才。如果没有特殊倾向，笔者认为选 B 和选 C 是一样的，在一个纵深领域带着思考去沉淀，在哪里都会开花。
笔者服务于 B 端，笔者想对 B 端交互设计师说，我们大部分人看到了冰山上的 B 端，但没有看到冰山下的 B 端，冰山下的 B 端是一片未曾开发的处女地，它的价值无限大。B 端的交互设计师们，你们准备好探索和突破了么，未来 B 端的体验是你们定义的。
转载请注明：优设网
分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司
