介绍：B端设计原则是紧紧围绕产品业务、用户处理特性业务的基础上，以终为始，回归到用户、业务、系统进行思考、归纳的产物。

你好，这篇文章大概需要10分钟阅读完你将收获一个重要的知识点对于B端设计：设计原则的意义是什么？

先回想一个问题？在设计工作中，以前在看一套设计规范的时候，会去了解设计规范背后的设计语言和设计原则吗？以及深入分析它背后的意义？

今天从Sap的Fiori设计系统、Salesforce的Lighting设计系统，以及国内的蚂蚁金服Ant design系统以及当前国内智能云财务头部厂商 每刻的May Design 设计系统来解读B端设计原则。

 1. Sap Fiori

Sap Fiori的设计系统的设计原则有5个层面

基于角色

当你使用Fiori去重新设计的时候，你需要思考的不是哪个控件合适？

而是我的目标用户是谁？这个用户的角色是什么？

他的日常任务有哪些，他在什么场景下面需要查看订单？

他需要看到哪些信息？通常他基于这张订单需要做哪些动作去推进业务？

基于移动

如果不仔细看内容还会以为无论做什么功能都要适配到手机上，其实不是这个意思，

这里实际上指的是从移动端的简单场景出发，去构建设计的一种思维方式。

连贯、一致

不同工具的交互行为和视觉感受极其统一，信息结构和业务逻辑的处理也是非常相似，在整个生态圈中用户能够非常清楚的感受到他使用的产品是一个整体，并不会有严重的割裂感。

简洁

简洁，其实是对设计师最大的挑战。

让用户专注的完成一个任务，意味着移除所有的干扰，只剩下完成任务的最根本的条件。当你去经历这样一个思考的过程，你才能从本质上抓住设计的要素。

愉悦

找到用户的爽点，用户用的爽就是一种愉悦。

 2. Salesforce Lighting

Salesforce Lighting 的设计系统的设计原则有4个层面 

清晰

用户需要清晰的完成任务，达成目标。如果我们能够通过不断的让用户成功的达到目标，那么我们会赢得他们的信任，忠诚和感谢。所以把这个原则放在第一位。

高效

这是个在用户嘴里被不断重复的高频词。本来我们想把它放在第一位，但是我们还是决定把它放在第二位。因为我们注意到一个问题：一个命令行对于一个专家级用户来说是很棒，但对新手来说就晦涩难懂了。如果我们把高效做到极致，那我们大部分用户将会不知所措，他们会不断的犯错，并且因此耗费大量时间。所以高效是第二位的。

一致

无论是构建用户的直觉，还是设计师遵从设计规范，一致性非常重要。如果把一致性排第一，系统会因为创新被遏制而止步不前。如果有个设计很棒但是违反了一致性怎么办？所以我们把一致性放在第三位。

美观

虽然说美观对设计师来说非常重要，但是这不是定义产品的指标。在这个领域里，设计的目标是解决问题，设计了一个美观但是难用的系统并没有什么意义。美观可以引人注目，但是对企业级应用来说并不是第一位的，所以放在第四。

3. Ant Design 

Ant Design 的设计原则也有4个层面

自然

• 感知自然：认知心理学所述，约 80% 外界信息通过视觉通道获取。界面设计中最重要的视觉要素，包括布局、色彩、插画、图标等，应充分汲取自然界规律，从而降低用户认知成本，带来真实流畅的感受。
• 行为自然：在与系统的互动中，设计者应充分理解用户、系统角色、任务目标间的关系，场景化组织系统功能和服务。

确定性

• 设计者确定：通过探索设计规律、模块化设计思路，来为设计者提供足够精简的设计规则、组件、模式等，赋能设计者、降低合作熵。
• 用户确定：用户日常工作是通过诸多企业级产品的协同来完成的，除了考虑单一产品的设计一致性，更应当在跨产品、跨终端、跨系统间保持良好的确定性。

意义感

• 结果的意义：明确目标，即时反馈。
• 过程的意义：挑战适中，全情投入。

生长性

• 价值连接：设计者应建立系统设计思维，洞悉产品功能的价值，探索用户在不同场景下的需求，在价值和需求间建立连接。让产品价值被发现，帮助用户建立更有效、更高效的工作方式。
• 人机共生：产品功能和用户需求的更多连接，让人机互动更加紧密，用户和系统共生。

4. Zan Design 

设计原则有3个层面

高效

• 一致

  系统在视觉和交互层面遵循一致性，以降低设计者开发成本及用户的学习成本。

灵活

视觉要素及组件的灵活设计，能随着多场景、多业务进行快速拓展。

重点突出

界面信息层级清晰，重点内容突出，行动点明确。避免页面上出现与用户决策无关的干扰项，使其能快速理解并作出决策。

可控

我们将用户视为产品的决策者，使用户在操作前有预知，操作中有反馈，操作后可撤回。

友好

• 我们倡导以用户为中心的设计：适时的引导、明确的表达、适度的装饰以及无障碍的设计为用户提供了舒适的使用体验。

助力成长

我们帮助用户成长。贴心的引导、帮助和指南，使得用户能快速理解并使用产品。

简明易懂

文字表述简洁易懂，图形色彩表意明确。

适度装饰

通过加入情感化的插图、合理的动效，去感知用户的情绪变化，让产品触及用户的内心。

• 无障碍

  作为面向大众的产品，我们在尽量满足有视觉障碍的用户之外，也力求让产品在各种使用环境下仍能正常使用。合理的对比度设置，使信息能轻易从背景中被辨识出来；不只靠颜色传递信息的细节设计，不影响视觉障碍的用户使用产品。

  
  

• 安全

• 我们给用户提供安全稳定的使用体验。对用户关心的数据和隐私进行保护，对敏感操作设置防护。此外，我们力图打造安全的交易环境和稳定的系统，让用户更放心。

数据安全

我们从设计出发，多角度保护用户的数据信息，使其得到安全的保障。

隐私保护

有赞安全中心对解绑、注销等敏感操作，设有安全平台，对用户隐私进行保护。

交易保障

我们设有担保中心。在商品页、付款结算页会显示有赞担保标识，交易环境有保障。

• 系统稳定

  通过高可用性系统保证业务的连续性，并自研了天网系统，从流量、业务层面实时监控系统运行情况，并可在有赞云·信任实时查看有赞各业务系统运行实况，透明化告知。有赞累计 5 年内系统可用性为 99.95% 。

  
  

 4. May Design 

每刻系统的设计原则也有4个层面

每刻的设计原则“以用户产品体验生命周期出发创建”

1. 当用户接触系统从看出发，看见系统界面、发现操作入口；

2. 带着操作任务用户进入系统、看见导航、看见文字、看见按钮，都需要理解认知；

3.用户从何开始、如何操作，在完成整个业务事项的过程需要进行填写、选择、交互过程就产生了生产效率的效；

4. 当出现误操作或系统出错时，需要系统纠错提醒、容错的设计、帮助及引导，当完成整个业务事项后，用户产生一种的情绪感受，这个感受即是印象、评价、口碑。

我们通过四横三纵的矩阵进一步来看May Design 设计原则的思考

易发现

• 清晰

用户的注意力是很有限的，在一个时间段内只能做一件事，这样才能够把事情做好。所以清晰、快速聚焦是第一位。

• 合理

符合人脑的认知心理学及查看、记忆习惯。

• 符合习惯

符合用户的视觉动线、符合用户的心理预期、符合用户能力塑造的习惯。

我们希望用户在使用Maycur的过程中，能够感知到每个服务、功能和操作都是明确的。这样才能把事情做得更加准确。也意味着我们在设计和实现的过程中，须时刻保持清晰的思考。

低认知

• 简明
• 直接
• 助力成长

简明、直接的系统认知，在理解系统时同时可以反哺对业务的理解、用系统来帮助业务成长、帮助用户成长。（帮助用户成长：提供易学易上手的引导、帮助和指南，使得用户能快速理解并使用产品。）

高效率

• 一致

系统在视觉和交互层面遵循一致性，以降低用户的学习成本、及系统设计开发冗余（灵活一致的设计系统降低了设计和开发成本），保持理解、操作的高效性及用户习惯的持续。

• 灵活

视觉要素、组件的灵活设计、组装，能随着多场景、多业务进行快速拓展。

• 可控

我们将用户视为产品的决策者，使用户在：操作前有预知，操作中有反馈，操作后可撤回。

有温度

• 美

美的事物往往给人愉快的感受、好的感受带来正向的反馈。

• 贴心度

贴心的引导、防错设计，使得用户能快速理解并使用产品。

• 信任感

关注用户心理预期、设计心理预期的操作反馈；传递产品功能价值：帮助用户使用、减轻用户的负担。

设计原则的意义

设计原则，是产品设计指导的方针，帮助设计师提供正确决策的支撑。

当我们在设计时，会自觉提醒自己，我们创造的用户体验应该是易发现、低认知、高效率、有温度的。在走查设计的需求点时，我们也用同样的原则去判定，在实践的过程中，发现我们更容易使决策合理化并更顺利地向前推进。当与团队的其他成员讨论设计时，我们使用相同的原则，可以促进对话的原则框架去跟我们的同行对话和交流。

当这些原则在一起相互产生美妙的效果时， 我们所做的事获得了用户的信任和喜爱。

设计原则是紧紧围绕产品业务、用户处理特性业务的基础上，以终为始，回归到用户、业务、系统进行思考、归纳的产物。

———— E N D ————

若有启发思考，欢迎点赞、评论、关注

不吝赐教

Powered by Froala Editor