Writing
尼尔森十大可用性原则：产品定义/约束Agent
1994 年，Jakob Nielsen提出了"尼尔森十大可用性原则"，这 30 年一直好用，产品经理拿它定义功能、设计交互。
# 尼尔森十大可用性原则：产品定义/约束Agent
雅各布·尼尔森（Jakob Nielsen），1957 年生在哥本哈根，丹麦人，计算机科学家。1994 年，他提出了“尼尔森十大可用性原则”，这 30 年一直好用，产品经理拿它定义功能、设计交互。
尼尔森和唐·诺曼1998年一起创办了尼尔森诺曼集团（NN/g），至今是用户体验圈最权威的机构之一。
> 备注：唐·诺曼Don Norman也是一位厉害的人物，“用户体验”这个词就是他提的，出版了《设计心理学》，被很多人奉为圭臬。
如今，在 AI 时代，很多创客用 Agent 自己做产品，这套原则很适合给 Agent 做约束，提高效率。
苏杰的《人人都是产品经理》和刘飞的《从点子到产品》里都提过这 10 条原则，本文综合了 NN/g 官网和两本书的内容。
一、系统状态可见性（Visibility of System Status）
系统得随时让用户知道“现在发生了什么”，用合适的方式、在合理的时间内给反馈。
用一张商场交互式导览图做例子：一块楼层索引板，上面有各楼层的平面图，旁边站着一个用户，他的位置被一个橙色定位标标记出来。系统得像这块板一样随时告诉你：你现在在哪、接下来能去哪。
对产品经理，用户点完按钮，得立刻知道提交没成功、卡在哪一步。加载中、处理中、完成，状态得看得见，别等上线了靠运营补提示。你定义流程时就要把每一步的状态反馈想清楚，不是事后补。
刘飞在《从点子到产品》里举一个例子。很多产品的空白页就像下面图a：用户会困惑我在哪儿？这里是做什么的？我能做什么？也会犯嘀咕：页面为什么是空的？已经加载完了没？我到底要不要等？
而好的空白页像图b，说清了这里是做什么的、现在为什么空白，还给了让页面不再空白的办法，也就是告诉用户现在能做什么：点一下按钮就能关注别人。
再看 Facebook 的加载页，不是一片空白，而是一张占位缩略图。用户感知完全不同：清楚正在加载，也大致知道会加载出什么。
二、系统与现实世界相匹配（Match Between the System and the Real World）
用用户熟悉的语言、词和概念，别甩内部黑话。按真实世界的习惯来组织信息，顺序要自然。
图示是一台炉灶：每个旋钮的空间排列正好与上方的灶眼相对应。用户不需要说明书就能猜到哪个旋钮管哪个炉头，因为它的空间布局跟物理直觉完全吻合。
三、用户的控制权和自由度（User Control and Freedom）
我们要知道用户经常会误操作，所以在产品设计时要给他一个清楚的“紧急出口”，能退出不想要的操作，不用走一长串流程。
iOS 在应用间临时切换时，左上角通常会保留上一个应用的名称，点一下左上角就能切换回到刚才的界面，一步到位。
上图是一扇紧急出口的门，就像物理空间需要紧急出口，数字界面也一样。产品经理设计流程时，用户点了不该点的链接、进了不该进的页面，得有一条路让他原路返回或直接退出。
四、一致性与标准（Consistency and Standards）
同一个词、同一个场景、同一个动作，在不同地方得要是一个意思，遵守平台和行业的约定，不要让用户瞎猜。
上图头顶挂着“CHECK IN”牌子，一眼就能看出是一个酒店前台。为什么？因为全世界酒店的前台都长这样，都放在入口附近。用户一看到就知道这是办入住的地方，不需要学习成本，这就是标准。
同类操作的交互得保持一致。大家都被一些弹出的对话框折磨过，有的对话框里的“确认”按钮在右，有的在左，甚至同一个App/网站里的设计都没统一，用户肯定会懵。
五、防错（Error Prevention）
好的报错很重要，但更好的设计是从一开始就不让问题发生。要么消除容易出错的条件，要么在用户提交前检查并给确认。
图示是一条蜿蜒的山路，两侧有橙色护栏。护栏的意思是，与其等司机掉下去再救援，不如先把悬崖边拦住。
产品经理容易把精力全砸在写报错文案上。表单校验、二次确认、危险操作的明显警告，这些前置拦截比事后报错省事多了。agent 要执行破坏性动作也一样，能拦住的，别等它真把库删了再道歉。
六、识别而非记忆（Recognition Rather than Recall）
把元素、动作、选项都摆出来，别让用户从记忆里掏。需要的信息（字段标签、菜单项）要看得见，或随时能调出来。
图示是一张葡萄牙风格的城堡塔楼图。问一个问题：“里斯本是葡萄牙的首都吗？”大部分人能答对。
但如果换种方式：“葡萄牙的首都是哪？”很多人就卡住了。
区别在于前者让你“认出来”，后者逼你“回忆”。认比记容易得多。
别考验用户记忆力。步骤多了就给进度条、给上下文、给最近选项。
在 Mac 的“照片”应用里，删除照片时不是简单弹一句“要删除吗？”，而是对话框里列出照片数量、说明这一步会做什么，方便用户再确认一次。
七、灵活高效（Flexibility and Efficiency of Use）
给老手准备的快捷方式，新手看不见也没关系，但能帮熟手提速。
图上有两条路线，一条紫色实线是常规路线，一条红色虚线是捷径。常规路线列在那儿供所有人走，熟悉路况的本地人可以抄近道。两条路线可以并存。
新手给引导，熟手给快捷键和批量操作，用得越久越顺手。
八、美观与极简（Aesthetic and Minimalist Design）
界面别塞无关或很少用到的信息。每多一条无关内容，都在抢有用内容的注意力。
两个并排的茶壶，两个都能装水倒水，但右侧的茶壶把所有装饰砍掉，只保留核心功能，方便使用和清洗。
少即是多。一个页面只解决一件事。堆功能不会显强，只会显乱。
在AI时代，有时候agent 回复也要克制，洋洋洒洒吐一大段，我是要答案而不是要论文。无关信息一多，关键结论就被淹了。
九、帮助用户识别、诊断并从错误中恢复（Help Users Recognize, Diagnose, and Recover from Errors）
报错用大白话（别甩错误码），准确指出问题，并给出怎么解决的建议。
上图画了一个粉红色的“WRONG WAY”路牌，旁边是带向下箭头的指示牌和灌木丛。司机开到这儿一眼就知道：走反了，该回头。没有错误代码，没有技术术语，传达的意思简单清晰。
“密码错误请重试”比“error 0x8004”有用一百倍，最好再给个下一步动作。
刘飞拿 Windows 的提醒框举过例子。对新用户来说很多事本来就不清楚，防错防呆没做好，用起来就频繁卡壳。大部分人看到那个框，都是一脸懵，不知咋办。
某国产工具在这种情况下就写得就清楚，还直接给了解决方案的按钮。
十、帮助与文档（Help and Documentation）
最好系统本身不用额外说明。但真需要时，文档得能帮用户把任务完成。
机场的信息咨询台：一个工作人员坐在柜台后面，柜台上有飞机标志，上方挂着一个橙色信息图标（i）。
机场信息台好就好在三点：
(1) 位置显眼（一看就知道去哪问）；
(2) 工作人员就在现场（即时响应）；
(3) 处于具体业务场景中（在航站楼里遇到的问题可以当场解决）。
能靠设计讲清楚的，就别写文档。非写不可，写成“遇到XXX问题了怎么办”的步骤指南，别写成功能说明书。
十大可用性原则：总结
最后放一张 NN/g 官方的总览海报，10 条原则一眼看全。在文末还提供了下载链接，方便放到案头或者丢给agent写prompt。agent越能干就越需要这套约束。当然了，久而久之，还是要把这些都内化为自己的知识。
参考来源（可点击跳转至下载链接）
- 10 大原则原文（Ten Usability Heuristics for User Interface Design）
- https://www.nngroup.com/articles/ten-usability-heuristics/
- 官方海报与总览图下载
- https://media.nngroup.com/media/articles/attachments/Jakob's10UsabilityHeuristics_AllPosters_5.zip
- https://media.nngroup.com/media/articles/attachments/Heuristic_Summary1-compressed.pdf
- 原始论文参考
- https://informaticathomas.nl/heuristicsNielsen.pdf
- 《可用性工程》书籍页
- https://www.nngroup.com/books/usability-engineering