导读：随着B端产品需求量与日俱增，B端市场的春天也逐渐到来，在这过程中B端体验设计变得越来越受到重视。面对挑战，设计师的设计思路该是怎样的？本文作者分享了自己在做 B 端产品时的一些总结和思考，供大家一起参考和学习。

01 关于B端和C端设计差异

B端和C端的产品具有明显的差异性，这导致了在设计思路上有很大的不同。

B端与C端差异

1. 从用户与目的上

B端产品用户主要是企业或者客户服务于管理者，目的是提高效率，降低成本帮助客户制定整体的解决方案，用户往往必须要使用这些产品，使用即有任务驱动，完成任务立即结束，用完即走。

C端产品面向用户，目的性和对效率追求较弱，要考虑用户偏好、兴趣，对不同类别进行分类，会由于产品的新颖度、趣味性愿意多花时间停留，主要是为“碎片化的时间”服务。

2. 从场景和诉求上

B端产品场景多、逻辑复杂因此导致设计细节的关注度受到影响，也会影响到用户对次要信息的判断，对成本控制比较严格，提高工作效率。

C端产品会选择在自己舒适场景的前提下使用，有相对足够的时间和精力来浏览界面信息，逻辑相对单一，更注重用户的操作和体验。

3. 从盈收模式上

B端产品通过功能有明确盈利模式和固定使用用户群体。

C端产品通过免费使用吸引用户，等积攒一定数量后需要探索变现路径，或者寻找其他变现路径。

由于B端与C端各方面的差异性导致我们在设计时设计理念有很大不同。B端设计应更注重实用性，切合需求、在视觉上简洁高效，满足用户内心的诉求。在表达效果上，力求为用户提高效率、提升安全性，保证高识别度，在设计沉淀上，制定通用统一的设计控件，提高设计效率。

下面将以品牌公寓管家（专为管理公寓服务的PMS公寓管理系统）为例，分享B端产品的设计思路。

02 该如何设计？

在设计公寓管家时，考虑到这是以PMS管理为主的公寓管理系统，在这样的系统中，该如何思考设计呢？我以设计前，中，后三个阶段来分享做B端设计中的一些思考。

1. 设计前

（1）产品背景

公寓管家是帮助58品牌公寓商家助力商家房源和客源管理，房源发布，租客线索管理、vr、直播看房、在线签约、租后管理等重要功能的PMS管理系统，方便快捷提高效率，同时希望长租公寓运营商可借助这一优质平台，能更好获客和提升品牌号召力。

（2）服务用户群

公寓管家主要是2大群体：长租公寓运营商及房管员，希望满足他们管理房源，提高发房效率的目的。

公寓管家主要群体

（3）具体需求及场景

借助公寓管家，公寓方能很快线上获客，并对租客线索管理跟进，支持意向客户线上签约成交，公寓也可参与线上营销活动，塑造品牌形象。从获客到管理再到营销品牌这一系列场景下， 公寓方需要花大量时间和精力为进行维护， 因此他们诉求也希望可以帮助提升效率。

（4）竞品状况分析

通过竞品了解大概现有行业状况， 做到知己知彼，通过对定位，主要功能，交互体验，视觉样式这几个方面进行分析。

竞品分析

（5）梳理信息架构

背景、用户、使用场景、竞品等分析， 需要将产品流程进行梳理，梳理产品界面重要功能，呈现简介内容。

信息构架

2. 设计中

我们在前期明确产品的背景、目标人群、场景及竞品的状况，也梳理出大致功能点，接下来就是需要设计师在设计中定义风格、视觉展示，规范组件等。

（1）视觉风格

设计风格方面，参考B端产品通常视觉风格特点，结合公寓管家的功能特性，采用简洁，清晰 一致性。

风格定义

（2）视觉定义

1）颜色定义

颜色选用上，选用体现B端PMS管理工具类产品特点的蓝色系为主色，其他色彩为辅助颜色。

颜色定义

2）字体

中文选用苹方字体，字体饱满及辨识度和通用性高。数字采用58专属字体，Don58，字体瘦长更利于较长数字展示。

苹方字体

3）图标

导航与内容图标采用线性图标，描边2PX宽度，增加更多细节。

图标

4）布局、适配、栅格

布局：采用左右布局的方案， 将导航栏固定在左侧，提高导航可见性，方便页面切换。

布局

适配：由于B端场景多样化，根据主流屏幕分辨率做不同适配，提高屏幕利用率，提升用户使用体验， 公寓管家采用左右布局，因此在适配方案上使用将左侧导航栏固定，对右侧工作区域进行动态缩放。

屏幕适配

栅格：布局上的栅格会使页面更加工整简洁，以1440X900为设计基准，使用栅格系统在主要内容显示区进行12栅格划分，遵循8n的变化规律，使得设计元素有规律可循，减少决策时间提高效率，模块区分更清晰。

页面栅格

（3）组件

在设计B端产品中往往也是大多数情况下会接到比较紧急的需求情况，所以在设计过程中组件化会能更好的提高效率和产能。随着功能的不断完善，组件也在不断更新中。

部分控件

3. 设计后

当我们设计完成告一段落后， 设计稿交给开发实现过程中， 要随时跟开发沟通，上线后及时验收，保证对设计稿的高度还原，同时也应针对一些重要模块页面进行数据埋点，统计数据，为以后的设计优化，做好有力的数据支撑，提升产品的用户体验。

03 对于B端产品我的一点思考

作为一个设计师，在设计公寓管家过程中，不仅要做好设计，还要提升自己对业务的理解和配合开发的能力，更要有对整体把控和交互的能力，用更加全面的视角，规划整体设计。

1. 提升协作能力

B端产品由于其复杂的逻辑，需要整个团队包含产品、设计、技术、测试协同办公、共同协作，每个人都应该从整体出发，从用户的使用习惯出发，挖掘需求。

2. 深耕业务

在B端业务是一切的基石是根本，不谈业务的产品设计是没有灵魂的。只有了解业务，知晓业务各个环节、了解业务的场景，才能给用户带来更好的体验。

3. 小而美的设计

我们在设计中，常常会喜欢复杂的交互，更加丰富的色彩。但B端产品更注重的是信息承载和提高效率，我们怎样让用户在短时间内做出准确的判断，提升效率，需要小而美，小而精的设计。力求准确，降低学习成本。

04 写在最后

以上是我的一些反思，作为一名B端设计师，我也在不断地总结和成长，希望我的反思对你有所启发。我相信无论多复杂的业务和逻辑，只要我们全心全意、满足客户诉求都可以达成我们的目标。我也希望我这篇文章能够起到抛砖引玉的效果，欢迎共同探讨。

作者：佟佳昕；视觉设计师

本文来源于人人都是产品经理合作媒体@58用户体验设计中心（微信公众号@58UXD），作者@佟佳昕

题图来自Unsplash，基于CC0协议