B端产品设计原则

导语

产品设计原则从字面意思来说，更容易让人将其划分到产品经理的职责范围，由产品经理来确定产品如何设计，但ToB的产品面向企业级，使用者相对固定、需求相对明确、在不断的迭代和创新的过程中，都是以满足用户需求，解决用户痛点以及创造用户价值为目标。但也存在个性化诉求高，不同行业、业态之间差异化大的特点。尤其当业务和系统都复杂到一定程度时，设计缺乏足够的考量、和全面的思考容易出现设计不一致的情况。因此对于设计师而言，同样需要从产品视角出发，要扎根在产品的整个业务流程中，熟悉并理解产品的工作流程，提炼出一套具有前瞻性和指导原则，为设计师提供指导方向。

看完本篇文章，你会学到以下内容：

1，为什么要建立B端产品设计原则？

2，B端产品有哪些特点？产品设计原则都包含哪些？

3，产品设计原则如何定义？

（一）设计原则制定的意义和目的

 由于B端产品本身存在业务逻辑造成的理解壁垒，系统也会随着业务的发展不断的迭代，尤其是在大型的B端产品产品体系下，涉及到产品、设计、研发横向协同与设计师内部协同，都有可能存在理解的偏差，在设计过程中设计小组内都容易陷入各种细节的纠结、各执一词的状况。因此需要依据一定的指导原则进行设计，指导原则的作用和结果是向外部（横向）传递出产品统一的设计理念；对内达成统一的认知，方便团队内部人员高效协作。设计原则最终会对设计规范、交互走查、度量监控等提供指导意义。

下面来说一下设计原则跟工作切实相关的意义：

1. 统一设计方向和基本设计理念，B端产品的体量非常大，多条业务线同时产研，设计原则能保证不同业务线之间用户体验的一致性，设计规范是设计原则具体落地的一个体现。

2. 保证产出的设计质量，不会因为团队成员更替或者改变导致体验变动很大。

3. 定位产品的调性、整体交互、视觉逻辑。

4. 指导设计在设计的过程中交互细节不明确时，提供指导意义和设计方向。

5.  让产设研测都有据可依，减少出错率。

（二）B端产品设计原则的特点

B端产品首先是服务于企业，企业中会包含多种角色，各种任务流程，是以满足这些角色的工作需要，各角色之间高效协同工作；因此B端产品的特点包括：能满足角色工作需要的功能，合理清晰的模块划分，严谨专业的流程设计，可遵循的操作及方式，支持高效工作时干净简洁的视觉效果

（三）B端产品设计原则都包含哪些

基于以上的产品特点，制定产品设计原则，这里所谈到的设计原则是基于用户业务视角下的设计原则，因为针对不同的产品形态，如小型企业从业务流程和操作上存在一人多角色，会存在功能边界存在模糊不清晰的情况，产品底层需要清晰明确的边界。上升的业务层面，是以业务流程驱动会存在横向的交叉的情况。如果是平台类产品，需要面向多行业，那么设计师就需要了解所有的目标行业的特性，找到行业的异同点，针对不同使用场景，分析用户的具体需求，在保障个性化的同时又有整体性。产品设计原则既要有普适性又可以在个性化需求中起到指导作用

结构清晰原则：

根据B端产品的特点，注重的是严谨规范的操作。在使用时，用户必然有明确的目的，需要什么就使用什么。结构清晰更多是在产品信息架构时，就需要仔细考虑功能、功能组、功能模块的划分，常用功能的优先级等等，同时需要考虑不同角色查看的内容。

（1）信息架构划分合理

这里包含流程入口是否清晰和覆盖完整。例如：售后功能，在菜单导航中存在单独的售后管理，根据业务特性，在工作台/框架中提供快捷的订单查询进行快速售后。

（2）多角色下的内容呈现

对于不同岗位的人员，划分不同的权限进行管理，例如：最基本的，在不同权限人员登录时显示的页面是否需要有所不同？能够查看的模块是否有所不同？如果有某个人员拥有不同的权限范围，怎么设置他的权限？不同权限的人员怎么协同工作？如何管理？

（3）任务流清晰流畅

以高效完成任务为目标，包括操作流程不被打断，跨模块之间的顺畅衔接。

（4）信息布局划分明确，有引导性

包括界面主次分明，很容易区分主要功能和次要功能、关键信息和补充信息、主要控件和次要控件；对于核心用户可以清晰的判断自己在当前页面能干什么，能够引导用户按照视觉动线进行操作，鼠标移动路径为最优路径。

合理预设原则：（1）在用户达成目标的每一步都把所有必要的信息和工具带给用户，不让用户带着疑惑进行工作，应当在恰当的时间、合适的位置给予说明帮助新手用户快速的进行学习使用，并帮助阅读者更好地理解数据、定位问题。（2）预置用户高频使用条件，例如：查询日期、筛选条件等。

高效原则：信息传达有重点，克制不冗余，避免信息过载。

（1）能够让系统依靠内部或设定的业务逻辑自动进行关联的操作或判断，就不要让用户来进行；（2）能够在当前页面完成的任务或操作，尽量不需要去到其他页面；（3）对于80%的操作或需要的信息，需要3次点击以内就能够到达；（4）能够识别核心用户行为，并在他们进行操作时给予对应的推荐。

一致性原则：（1）平台设计语言的一致；（2）自身版本更新时的前后一致，风格不要大幅度变化。（3）应用的当前版本各个设计保持一致。（4）保证产品的可学性、用户满意度和工作效率提升至少不会降低

美学原则：（1）干净简洁的视觉效果，适用余长时间、沉浸式使用场景，色彩运用、视觉效果、视觉元素运用符合产品特性。（2）设计潮流应该先考虑可用性，合理利用视觉元素进行映射，运用格式塔原理对内容进行分组，既能帮助用户更快的获取信息，也能在一定程度上建立一种秩序美、规律美。（3）像测试交互设计一样也要对视觉设计进行测试，进行可用性测试，调研用户喜好等预研

（四）结语

从接触B端产品到现在，有小型的B端产品，复杂的大型产品，以及平台型产品，复杂度也从自我本身的设计原则建立与规范建立，再到组内多人协同，与跨部门多人协同。中间存在各种信息对齐的问题，如何将自己的设计想法传达并能执行下去是需要多方不断的努力，最终才能呈现出良好体验的B端产品，我也相信“魔鬼藏在细节里”各种交互细节的点组成了产品的品质。最终用户也会通过这些有温度的点，感受到我们在背后深度的思考。