/设计基础（2）：换个角度看尼尔森10大设计原则
最新文章2023-09-12

设计基础（2）：换个角度看尼尔森10大设计原则

▲点击 "子牧UXD" 关注，回复 "设计圈" 加入我们

   2022年 原创总第 8 篇   

   距离年度目标40篇    还有 32 篇   
(全文3782字，预计阅读时间：7分钟)
尼尔森十大可用性原则是设计界的基础理论，与商业化设计不同，这些原则主要是从人机交互角度，阐述了产品体验设计的十个方面。熟练地应用尼尔森十大原则，对B端产品体验设计会有很大的帮助。
如果将10大原则归类分析，可以分为“认知与行为”2大类。这也反映了人机交互就是从信息认知到行为操作，再到信息认知的过程。
随着B端设计的发展，十大原则框架下的人机交互也有一些新亮点，我们一起来总结一下。


一、系统可见性原则
（Visibility of system status）
系统应该总是能及时通过适当的反馈，让用户获悉系统目前的状态。我们常见的反馈包括状态反馈、操作反馈、过程反馈等等，可以帮助用户更好的理解系统，并作出正确的后续操作。

除了基础的系统反馈外，B端产品开始思考如何为客户带来更多的价值反馈。例如饿了么商户端在进行活动设置时，还可以通过历史数据分析，智能推荐合适的折扣，为商家的折扣设置提供更科学的参考。

▲来自公众号：淘宝设计

二、贴近场景原则

（Match between system and the real world）

用户更喜欢自己熟悉的方式来看待问题，这就是用户的心智模型。现实世界是用户接触的第一“场景”，系统界面需要去学习应用现实场景。
最简单的案例，现实世界中红色代表警告色。在B端产品中，红色同样用于警示色，绿色则为安全色。
在具体的应用方面可以分为3个层次。
1）图形模拟

iOS早期的“拟物化”设计风格，界面元素都是尽量地贴合现实世界的场景，在帮助人们理解和使用智能手机系统是有帮助的。发展到现在的扁平风格，部分功能仍然保留了一些拟物元素，例如日历、计算器等系统功能基本算是实物形态的“复刻”。

2）“所见即所得”的编辑模式

有赞商家管理平台中，店铺装修模块将元素组件化，用户拖拽就可以快速搭建店铺，将装修效果直观的展现给商家，并且可以预览手机端和PC端的展示效果。

现在比较流行的低代码平台也通过这样的方式，减少了开发人员的工作量，让非开发人员也可以完成App的设计开发。


3）数字模型产品

一些B端产品则以空间环境数字化为卖点，利用3D技术模拟现实场景，更直观地展现出数据信息。例如3D机房，用户可以身临其境地了解机房的环境、布局等信息，而不是简单的表格化系统界面。


随着技术的发展，产品开始与现实场景的融合，例如高德地图中的VR实景导航。而最近大热的元宇宙或许将成为该原则的终极体现。
三、自由可控性原则

（User control and freedom）

用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”。比如支持撤销和重做的功能。B端产品设计发展这么多年，“撤销”、“返回”等功能已经成为了系统必备功能。用户自由可控的内容也不仅限于这些。
1）非业务场景下，强化用户的控制权
对于频繁出现的内容，需要让用户拥有控制权。例如企业营销的短信、邮件，常驻的提醒信息等，通常会增加功能开关方便用户关闭推送，避免对用户造成干扰。

App开屏广告是产品重要的盈利手段，但是对很多用户来说属于额外的干扰信息，所以会增加跳过功能，便于用户快速进入App。同样步数较多的新手引导，也需要有跳过功能，允许用户自主决定是否查看引导信息。

2）细化颗粒度，给用户更多选择自由
在Edge浏览器中页面翻译功能中，并不只有“翻译”和“以后再说”的选项，还有细化的翻译选项，给用户更多的选择和控制的自由，可以满足用户的多种需求。


3）不宜过度的自由
用户自由是相对的，在B端业务场景下，如果将信息完全开放给用户，反而会让用户不适应。
例如用户需要定义一个全新的组件名称时，最好给出范例或者规则，既可以保证内容的规范化，又可以让用户有迹可循。否则名称可能会是五花八门，甚至题不对文。

四、一致性和标准化原则

（Consistency and standards）

一致性可以给用户统一的认知，建立用户稳定的心智模型，降低用户学习成本。很多产品都会建立统一的产品交互视觉规范，保证产品表现层的一致性。

随着移动互联网的发展，除了系统内部的一致性，还需要做好外部的一致性，遵循行业的标准。


1）多终端的一致性
移动互联网时代，B端产品开始布局多个终端，既有Web端，又有App或者小程序等。不同终端的产品在表现层面需要尽可能地保持一致，减少用户的学习成本。
2）行业的标准化
B端产品发展这么多年了，整体框架依旧是顶部导航，左侧菜单、内容区三大模块。这样的布局结构是符合用户认知习惯的，所以没有必要为了创新而创新。同样专业术语，快捷键等，尽可能与行业保持一致，不增加用户学习成本，才是真正符合用户价值。
例如Figma 在界面框架、内容布局上与Sketch 基本保持一致，保证了用户可以快速上手。更多的创新放在了对功能细节的优化上，从而实现了巨大成功。
五、防错原则

（Error prevention）

在用户可能犯错时进行提醒，比如删除可能造成的后果。为了减少用户误操作带来的损失，删除操作时，系统都会给用户必要的提示。弹窗阻断用户操作，二次确认后才能执行，成为了大多数产品的选择。面对不同的业务场景，安全冗余设计也呈现了一些新的变化。
1.轻量化的防错提示
对于一些用户可以自行找回的内容，可以采用轻量化的提醒方式。例如Chrome浏览器书签删除时，直接将内容删除，但是保留了“撤销”操作的机会。用户在一定时长内不撤销操作，删除就会生效，用户将无法找回内容。
这种交互方式不会直接中断用户操作，因为即使用户误删，造成的损失也及其有限。

2. 自动保存
自动保存功能主要用在编辑器工具中。例如Figma打破了本地化客户端的限制，将本地服务迁移到了云端。可以实现功能的自动化保存。用户退出时，不需要用户二次确认，不用担心内容丢失，实现了用户的来去自由。
微信订阅号助手同样采用定时自动保存，退出时自动保存的功能，可以有效减少用户误操作带来的内容损失。
六、协助记忆原则

（Recognition rather than recall）

尽量减少用户对操作目标的记忆负荷，动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。系统需要主动地承担记忆工作。例如搜索关键词的推荐、数据关联读取、业务规则提示等等。
除此之外，系统还应该更加了解用户，记录用户最近的操作项，建立常用工具栏，以及收藏功能，帮助用户构建信息专属空间，让用户与系统之间更加紧密地联系起来，减少用户的记忆成本。
例如阿里云产品导航中，增加了用户最近访问记录和收藏列表，方便用户选择。

七、灵活高效原则

（Flexibility and efficiency of use）

B端产品不同于C端产品，有清晰的组织结构和用户角色。多用户共用一个系统时，每个角色对内容的需求是有差别的。功能的可定制化成为了产品设计的重要方向。例如首页概览信息、表格表头的可配置等。另外还要考虑初学者、专家用户的不同需求，需要考虑信息的兼容性。

此外在某些场景下还要关注多任务并行操作。
在B端产品中一般是单流程操作，通过弹窗、抽屉、页面跳转等方式，完成业务配置。为了让用户聚焦内容，这些操作大都是在一个浏览器标签页中完成的。
但是对于复杂的业务或者长流程的业务，需要耗费用户较多的精力。例如云产品的购买，需要减少用户退出的几率。所以采用新开标签页实现多任务并行，保证操作过程中受到其他因素干扰时，可以并行查看信息，而不需要退出整个购买流程。
八、审美和简约设计原则
（Aesthetic and minimalist design）

审美是“仁者见仁、智者见智”的事情，但是B端产品更强调实用主义，重在内容信息的呈现。所以不必要的视觉元素需要弱化或剔除。

不过B端C端化成为了一种新趋势，阿里云推出了“云小宝”IP形象，助力产品运营活动。另外在产品设计中，一些B端产品开始引入插画丰富界面表现，传递品牌形象，增强产品的软性体验实力。


九、容错原则

（Help users recognize, diagnose, and recover from errors ）

错误信息应该使用简明的语言表达(非代码)，正确的说明问题，并有建设性的提出解决案。强调的是错误发生时，为用户提供解决方案。
在一些场景下，用户面对的并不是错误，而是由于信息不足无法做出合理的决策判断，产品需要利用平台积累的数据，为用户提供合理的优化建议。
例如饿了么店铺装修检测助手，通过动态化扫描问题，发现商户店铺中的问题并给出建议，让装修变得更有针对性。

▲来自公众号：淘宝设计

十、人性化帮助原则

（Help and documentation）

有必要提供帮助和文档。任何信息应容易去搜索，专注于用户的任务，列出具体的步骤来进行。

B端产品通常比较复杂，帮助功能必不可少。帮助的形式逐渐细化，呈现分层分级的特点，包括界面即时提示、页面常驻帮助，快捷帮助浮窗、帮助中心文档等等。而智能机器人客服，则通过人机对话的形式，实现了7×24小时在线服务，同时让用户感觉对面不再是冰冷的机器，增强了用户的服务体验。

总结

尼尔森十大原则不是孤立的，而是相互影响，相互成就的。另外做设计时，不要拘泥于设计理论，设计理论只是参考方向，应当以实际的业务场景和用户需求为准则，做出正确合理的设计方案。
— THE END —

🌈🌈🌈 粉丝福利：
 福利1 
关注【子牧UXD】公众号，点个“在看”，可获得”读者大礼包“
回复数字【01】，获取100+“行业报告”
回复数字【02】，获取“大厂设计规范”
回复数字【04】，获取“作品集包装攻略”
回复数字【06】，获取“笔试面试技巧”
回复数字【08】，获取“精选样机合集”
此外还可领取“大厂原型文件”、“设计师简历样本”、“App设计参考作品”等高价值资料
 福利2 
我们组织了专业的产品/交互/UI设计交流群，群内有来自多位华为、阿里、百度、拼多多、腾讯、快手、美团等一线大厂的设计专家，欢迎入群一起交流成长。

扫描下方二维码添加小编微信，即可拉你进群。
与「10200+」读者共同成长

阅读推荐 》》
设计基础（1）：格式塔理论在B端产品中的应用
关于弹幕的思考
拼多多的玩法和人性的"贪念"
B端产品信息设计的3个原则
B端设计师思维模型（上）——设计师面临的4个挑战
点下“在看”，爱心发射

本文来自微信公众号“子牧UXD”作者：子牧先生（ID：HelloDesign）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS:

相关文章