9个章节，帮你快速入门B端设计

推荐阅读

五一期间，我阅读了一本设计界的宝典——《B端产品设计精髓》，它系统地向我展示了B端产品设计的世界，我被其丰富的内容和深入浅出的讲解深深吸引，每一个章节都像是一扇窗，让我窥见了B端设计的精彩和复杂，现在我迫不及待地想要把这份感想、收获以及启发分享给大家。我相信这些宝贵的知识能够帮助每一位对B端产品设计感兴趣的朋友，就像它帮助了我一样。

一、B 端产品的定义

B 端产品本质上就是营造、设计一个高效的、安全的、便捷的“用户使用过程”，帮助用户完成在特定场景下的一系列任务目标。它解决了信息如何在系统内、系统间，以及人与系统间，进行有效、高效的生产、组织、呈现和流动的问题。

B 端产品，它不只是冰冷的软件或系统，而是一把开启高效、安全、便捷体验的钥匙。它精心设计了每一个用户旅程，确保在各种特定场景下，用户都能轻松地达成他们的目标，仿佛有一个无形的助手在默默支持。 在这个信息如海的时代，B 端产品更是扮演着指挥官的角色，它智慧地组织和管理信息，确保数据在系统内部、不同系统之间，以及人与系统之间的流动，既高效又有序，极大地提升了我们的工作效率和决策质量。

二、B 端产品出现的背景

1. 企业电算化

想象一下，在古老的账房里，算盘的声音此起彼伏。但随着 1946 年电子计算机的诞生，这一切都被改写。这台由美国军方定制的‘电子数字积分计算机’，不仅计算着复杂的弹道，更预示着一个新时代的到来——电子计算机时代。 中国虽然起步较晚，但在20世纪80年代，我们开始拥抱这一变革，并在90年代迅速普及。这不仅仅是技术的飞跃，更是企业管理方式的一次革命。

会计电算化，就是将繁琐的手工记账工作交给了聪明的计算机。它不仅提高了会计工作的准确性和效率，还让会计人员能够从数字的海洋中解放出来，专注于更有价值的财务分析和决策。这是一次从手工到智能的巨大跨越，也是我们迈向现代化管理的重要一步。

2. 企业信息化

企业信息化，就像是为企业的运营装上了智能的大脑和灵活的神经。它拆除了企业内部信息孤岛的无形墙，建立起一个畅通无阻的信息高速公路，让数据在各个部门、组织、业务之间自由流动。 这种无缝的信息对接，让企业各部门的协作更加紧密，就像乐队中的乐器，虽然各自独立，却能合奏出和谐的乐章。企业信息化的最终目标，就是通过优化资源配置、提升业务管理、实现数据的互联互通，来提高企业的整体合作效率，让企业在激烈的市场竞争中，能够更加灵活、高效地应对各种挑战。

比方说我们日常的 OA 办公系统，一个出差报销的申请正常都会有五六个流程，每个流程都对应一个负责人，如果要是内部没有这种 OA 的办公系统，申请人要挨个挨个去找相关的人签字审批，会占用大量的上班时间，也给员工带来了很多的不方便，有了 OA 系统，申请人只需要把相关的资料一次性提交到系统，然后等待相关的审批通过即可。

3. 企业数字化

在移动互联网、大数据等新兴技术的推动下，企业正站在数字化转型的风口浪尖。这不仅是一次技术的升级，更是一场深刻的管理革命。面对技术的浪潮，企业没有选择，只能乘风破浪，进行数字化转型。

未来的企业将分为两种：一种是从出生就带有数字化基因的数字原生企业，它们在水中自由穿梭；另一种是通过数字化转型重生的企业，它们浴火重生，焕发出新的活力。 而现代的 B 端产品，不仅要服务于产品的直接用户，还要像一位社交能手，连接更广泛的社会网络，满足外部用户和非使用者的信息传输需求，打破信息孤岛，实现信息的自由流通。这不仅是 B 端产品的挑战，更是它们在数字化时代中的重要使命。

三、B 端产品设计的目标

在 B 端产品设计的世界里，追求的是简洁而不简单。产品应该像一位贴心的助手，用清晰的任务目标和直观的界面设计，引导用户一步步完成工作。它简化了操作流程，让工作变得像流水一样自然顺畅。面对复杂任务，它又能提供清晰的指引，确保用户在每一个关键步骤都能得到及时的反馈。

我们知道，在企业中，有这样一群员工，他们充满探索精神，渴望解决更深层次的问题。对于这些奋斗者，产品设计不仅要满足他们的需求，还要激发他们的潜能，让他们在产品中找到成长和创新的空间。

此外，现代的 B 端产品不再是孤立的岛屿，而是相互连接的大陆。功能之间的关联性，信息的穿透力，让产品成为了促进企业内部协作和信息共享的桥梁。这样的设计，不仅能够满足奋斗者的需求，还能够提高整个组织的运作效率，让企业在激烈的市场竞争中保持领先。

四、B 端产品面对不同场景时的两个注意事项

1. 面对专业性高的职业，产品需要严格符合职业习惯

例如，我参与设计过的一个项目“能调平台”，它的目标是打造一个专业人士的得力助手，追求的是为专业人士提供一个他们能够立即识别和使用的工具。这些工具可能对外行人来说像天书一样难以理解，但对于专业人士而言，它们就是清晰明了的指令，能够迅速指导他们完成任务。

2. 对专业性不高的职业，产品需要给予更多的关怀，产品需要浅显易懂，不那么“专业”反倒更加重要

例如，我们电脑里面自带的画图软件，它就非常的平易近人，每一个功能模块的摆放，每一个图标的设计是任何小白都能理解的方式，降低了普通用户学习的成本，加速了用户快速上手使用的时间。

五、设计一个优秀 B 端产品的四个要素

设计一个产品，本质上是设计用户在一些特定场景、特定目标下的使用过程，是设计一系列分散的或者聚合的服务；用户不是为了“用产品”而用产品，更不是为了漫无目的消磨时间，而是通过产品来获得必要的服务，高效的解决和处理其在业务上、管理上、商业上的问题，帮助他们降低成本，增加效益，最终帮助他们获得商业上的成功。因此想要做好这个服务，我们需要具备以下几个优秀的品质。

1. 敬畏用户，理解用户

用户永远是最好的老师，任何一个产品设计师都应该努力抓住各种接近真实用户的机会，真正理解用户，挖掘和分析业务场景。

① 了解用户工作内容

了解用户平时工作的内容、机制、处理方式、完成方式、评估方式以及相关岗位。评估方式尤为重要，因为在某些方面用户对产品体验可能有特殊的要求。

② 了解用户工作场景

了解用户何时工作、在哪里工作以及怎么工作；尤其要搞清楚用户怎么工作，并且要了解用户工作的困难、压力、强度、周期等重要指标。例如，收银员大部分是收银工作，每隔一段时间，就处于高压、高强度的工作状态。

“一个场景=若干人物角色+若干用户情境+用户体验地图+……”,把可能出现的角色与情境进行搭配，形成若干个“真实”场景的组合，是设计之旅的开始；理解需求和对接设计不再只考虑功能点，更多的面向用户而非面向系统进行设计，从一个个场景出发，思考和完善产品的设计，使这些场景对应的需求得到满足。

2. 积极沟通

在工作中多多沟通，把产品经理当成自己最好的伙伴，优秀的 B 端产品经理往往都是一个领域或者行业的专家，有着很深的业务背景和大量的实践经验，对相应业务的发展有着很深刻的理解和洞察，对产品的客户、用户都有着很深入的了解，是 B 端产品设计师最好的老师。

3. 具备同理心

描述一个场景，本质上是以某种代入感的形式，使应用场景的人产生强烈的参与感，从而理解真实用户使用产品完成一个任务目标的真实感觉，产生相应的同理心，这是产品设计中设计师较高境界的追求，是一种深层次的用户研究方法，也是实现卓越用户体验的关键。

4. 积极进行竞品分析

在创新的道路上，盲目冲刺可能会让我们迷失方向，甚至跌入陷阱。因此，尽早开展竞品分析，就像是在出发前仔细研究地图，它能够帮助我们规避风险，找到通往成功的捷径。通过深入了解竞争对手的产品，我们不仅能够学习他们的长处，还能够洞察他们的短板，从而为我们的产品定位和设计提供宝贵的参考。 正如古语所说：“知己知彼，百战不殆”。在激烈的市场竞争中，只有深入了解自己和对手，才能在每一次对决中占据优势。竞品分析，就是我们在这场没有硝烟的战争中的侦察兵，它能够帮助我们洞察市场动态，把握用户需求，从而制定出更加精准有效的产品策略。

六、B 端产品中的六个一致性规范

一个好的设计规范有助于提高产品的一致性、减少错误出现的可能性、提高开发和实施效率、减少用户学习成本、方便后期追溯检验等。同时，也能统一向用户、客户传递一致的印象，形成一定的品牌价值。

1. 一致性的价值

一致性有很多众所周知的好处，如降低认知成本、减少用户学习时间、提高工作效率、提升研发效率等。

2. 产品一致性应该包含以下几点：

① 布局一致性：保持某一种类似的结构，因为新的结构变化会让用户思考，而排列规则的顺序能减轻用户思考与记忆的负担。

② 色彩一致性：产品所使用的主要色调应该是统一的，用来传递一致的品牌印象和风格，而功能性色彩也能形成固定的规则，方便记忆与识别。

③ 操作一致性：降低用户的学习成本，提高开发效率 。

④ 反馈一致性：系统对同一种功能和同类信息传递的呈现方式一致，使得用户与系统的沟通更加顺畅。

⑤ 文字一致性：产品中呈现的文字大小、颜色、布局、语言风格等都应该是一致的。

⑥ 声音一致性：产品中各种操作过程的声音，正向的如确定等提示声，负向的如警告等提示声。

联想电脑管家在优化加速、垃圾清理、安全中心、硬件驱动四个模块中都保持了相同的画风，布局、文字和反馈方式也都一样，很好的体现了产品的一致性。

七、B 端表单设计的两个原则及 12 个思考点

B 端业务以场景的多样性和复杂性著称，但也是有规律可循的，经过长时间的实战，我发现大量的业务都是以“表单+流程”的方式进行处理的。这些表单和流程的设计都有着极强的公共属性，这些公共属性进行梳理之后，可以形成一些公共的设计模块，不仅节约了设计和开发的成本，还让系统在操作、布局等上的一致性大大的增强，便于用户理解和操作，当然，随着智能化程度的提升，这些经典的设计模式也在不断的发生着变化，甚至可能消失。

1. 表单设计的原则

① 表单信息力求简约

表单不能设计的过于繁复，要本着以用户实际工作为中心的原则，妥善分组、分区，经过分组、分区后的功能信息会使操作变得更有逻辑性，并根据角色、权限、状态以及使用场景来决定具体的显示方式，默认将不重要的信息隐藏起来，尽量给用户展示一个简单清晰的信息结构。

搜狗输入法在输入法显示器的文字旁边有个问号的小图标，鼠标触碰到这个图标就可以看到对输入法显示器一个完整的解释，看完之后这段注释语又隐藏了起来，让界面看起来更加的简洁。

② 要兼顾多角色多场景

在企业日常生活中，几乎每个员工都会跟表单打交道，为了给不同目的用户在查看和处理表单时有更好的体验，我们需要使用“场景驱动的设计”方法，根据不同角色、不同场景，设计不同的方案。

例如，我日常工作中遇到的一个项目，它在同一个页面需要对 IP、端口、地址映射进行颗粒非常精准的搜索以及新增的需求，基于这样的需求，我对每个功能点都做了分门别类的设计搜索及新增功能，这样就圆满的满足了业务的需求；在 B 端的表格设计中，它更多的是要满足多场景多角色下的功能需求，而不是为了视觉的彰显，在这个模块的设计，功能的实现、页面信息的清晰是第一位的。

2. 表单设计的 12 个思考点

1. 需要展示的字段还可以更少吗？界面可以更简单吗？
2. 用户光靠自己，是否能顺利填写单据？
3. 怎样才能让用户填写更少的信息？
4. 是否能帮助用户避免大量机械化的录入？
5. 当无法避免大量录入时，怎样帮用户提高录入效率？
6. 用户是否频繁在多种录入方式间切换？
7. 怎样帮助用户尽量少犯错，并在出错的时候尽快纠正错误？
8. 哪些角色在使用同一张表单？
9. 在什么场景下使用表单？
10. 他们主要完成哪些任务？
11. 他们关心哪些信息?使用哪些功能？
12. 他们在使用中有哪些特殊需求？

八、常见的五个 B 端类型产品

1. ERP 系统

① ERP 系统的定义和功能

ERP 是英文 Enterprise ResourcePlanning 的缩写，即企业资源计划。在当今复杂多变的商业环境中，企业需要一个能够全面掌控资源的智能系统，它就是 ERP 系统。它不仅涵盖了财务管理、供应链管理、销售与市场、客户服务等核心功能，还包括了制造管理、库存管理、人力资源等关键领域，为企业打造了一个无缝整合的管理平台。

ERP 系统的应用范围广泛，它不仅服务于生产制造业，也广泛应用于金融投资、质量管理、运输管理、项目管理等领域。它通过整合企业的所有资源，帮助企业在各个环节实现优化管理，提升运营效率，降低成本，增强企业的市场竞争力。

ERP 系统，就像是企业的指挥官，它用智慧和策略，协调着企业的每一个部门，确保企业的资源得到最有效的利用。在 ERP 系统的辅助下，企业能够更加灵活地应对市场变化，把握每一个商机，实现持续的发展和创新。

这是我体验过的一个项目管理的系统平台，在这里面可以清晰的看到一个项目的搭建到完工的整个流程以及它的进展，对于管理者来说，这是一个很好的项目管控平台。

2. CRM 系统

① CRM 系统的定义和功能

CRM 是英文 Customer RelationshipManaqement 的简写，即客户关系管理，通过满足客户个性化的需要、提高客户忠诚度，实现缩短销售周期降低销售成本、增加收入、拓展市场全面提升企业盈利能力和竞争能力为目的。

客户，是企业最宝贵的资产。而 CRM 系统，就是企业守护和增值这份资产的智能管家。它通过细致入微的客户关系管理，帮助企业倾听客户的声音，记住客户的喜好，从而建立起稳固而长久的客户关系。

CRM 系统的功能强大而全面，它不仅能够维护老客户，寻找新客户，避免客户资源的流失，还能提高客户的忠诚度和满意度，降低营销成本，提高销售效率。它帮助企业管理客户的每一个细节，从企业信息到联系方式，从网站互动到每一次服务的反馈，都记录得清清楚楚，为企业提供了一个全面、精准的客户视图。

在这个竞争激烈的市场中，CRM 系统是企业赢得客户、保持竞争力的利器。它让企业的服务更加贴心，让客户的微笑更加灿烂，帮助企业在商海中乘风破浪，勇往直前。

下面就是曾经自己设计过的一个客户关系的 B 端后端界面，这个是给海外客户设计的，它很好解决了公司对客户信息模糊不清的痛点，通过这个产品，可以把用户的信息可视化，并且还能很好的观察用户的使用诉求以及使用频率，给公司理解用户分析用户提供了很好数据支撑。

3. OA 系统

① OA 系统的定义和功能

OA 是 Office Automation 的缩写，即办公自动化，是将现代化办公和计算机网络功能结合起来的一种新型的办公方式。

在快节奏的商业世界中，OA 系统如同一位高效的办公室管家，用现代化的信息技术将日常办公管理化繁为简。它不仅管理着工作流程、发文审批，还负责传递公司新闻、公告，同时确保日程安排得井井有条，让团队沟通变得即时而顺畅。

OA 系统的功能远不止于此，它还涵盖了人员考勤、知识管理、企业论坛等多元化模块，为企业提供了一个全面、一体化的办公平台。随着企业对协同工作和信息共享的需求日益增长，OA 系统已经成为企业管理升级的重要推手，尤其是对于大型企业而言，它更是确保组织内部高效协同、信息流通的核心系统。

这个是我给某科技厅设计的一个 OA 系统界面，现在政府也越来越追求办公的自动化，通过设计可视化的平台希望给需要申请相关科技服务的人才以便捷。

4. HR 系统

① HR 系统的定义和功能

HR 是 Human Resource 的英文缩写即人力资源。HR 系统是为企业持续地提升人力资源管理水平和能力而出现的信息化支撑平台。

在这个竞争激烈的商业时代，人才是企业最宝贵的资产。而 HR 系统，就是企业守护和增值这份资产的得力助手。它集成了从组织管理到人事信息，从招聘选拔到培训发展，从考勤监督到绩效评估，再到福利薪酬等一系列功能模块，为企业提供了一个全面、高效的人力资源管理平台。

通过 HR 系统，人事管理专员可以轻松维护员工资料、部门架构和人员分组，及时更新员工异动信息，从而帮助企业降低人力成本，提高工作效率。这不仅仅是一个系统，更是一个企业人力资源管理的强大引擎，帮助企业在人才竞争中占据优势，推动企业持续成长和发展。

这是我体验过的一个 HR 系统界面，他把日常的考勤、离职流程、内部调动、培训申请等流程办理都集合在了这里，大大提高了企业的效率，也大大方便了员工流程的申请，不需要一个流程自己亲自跑很多趟。

5. BI 系统

① BI 系统的定义和功能

Bl 是英文 BusinessIntelligence 缩写，Bl 就是商业智能系统，将企业数据转化为有用的信息，辅助业务经营决策。

BI 系统就像是企业的智慧大脑，它能够将海量的企业数据转化为清晰的信息，帮助企业洞察业务的每一个角落。无论是读取数据、深入分析，还是将结果以直观的方式展示出来，BI 系统都能轻松应对，让决策者能够基于事实，做出更加精准的业务决策

云电脑运维服务系统是我设计过的一个后台系统，专门用来记录云电脑专家的一个运营情况，能时刻获取每个地市云电脑的一个安装量、用户数量等信息。

九、B 端产品中的四个帮助系统

1. 提示（tips）

TIPS 一般指带有说明文字的“气泡”，通常出现在需要被解释说明的字段、列表的表头文字、按钮等位置。TIPS 中的文字说明不宜过长。为了不影响用户操作，TIPS 一般在鼠标悬停到相关区域后显示，鼠标移开即消失。

阿里云盘在打印功能页面对需要做出解释的按钮和图标旁边，有设计鼠标悬停功能，当鼠标触碰到对应的功能点时，页面会弹出对应的文字解释和说明，并且文字没有太长，当鼠标离开，文字又会消失，很好的帮助了用户理解页面的信息。

2. 操作指引

操作指引是指在特定场景下，系统对用户接下来的操作进行的指引。常见的有：新手指引、新上线功能指引、对某功能点的操作引导等。

EV 录屏对于新手用户，他提前设置了操作指引模块，帮助新手用户快速上手，解决了很多朋友不知道如何录制声音、如何在线直播、如何录制视频、如何上传视频等痛点。

3. 客服

早期的 B 端产品，客服是获取客源的一个渠道，很少提供在线客服；AI 技术的出现，AI 客服也萌生了，它将用户常见的问题一一进行回答，大大减少了人工客服的成本。

飞书的客服就是机器人，一个问题过去基本是秒回，及时响应了客户，省去了高昂的人工成本，快速的响应也提升了用户体验。

4. 帮助中心

帮助中心主要面向两类用户角色和场景：一是使用产品的用户，在遇到某特定业务问题时，可以通过帮助文档提供的内容自行解决；二是需要全面理解产品的用户（比如售前人员或培训人员），为他们提供一个可以全面学习产品的渠道。

百度网盘在产品的右上角有个帮助入口，它提供了一个很全面的帮助文档，让对百度网盘陌生的用户通过阅读此文档就能对产品有一个很好的认知。

总结

在设计的广阔天地里，每一次阅读都像是点亮了一盏明灯，照亮了我前行的道路。它不仅让我对设计的原理有了更深刻的理解，还激发了我对那些细微之处的好奇心。正如一位经验丰富的厨师会通过尝试不同的食谱和亲自烹饪来磨练技艺，设计师也需要将阅读和实战经验相结合，以此来深化自己的设计内功。通过广泛阅读，我学会了从不同的角度审视问题，对设计中的每一个小细节都有了更加多维和全面的认识。这样的过程，就像是在显微镜下观察世界，让我发现了那些常被忽视的角落里隐藏的宝藏。

本文观点都为个人理解和总结，不足之处也欢迎大家留言区多多点评指正，大家共同进步！