原则速查

27 条值得记住名字的原则:每条一句要点、一个应用场景。

尼尔森十大可用性原则· 10

美学与极简

界面不放无关信息——每多一个元素,都在和重要信息抢注意力。

应用 → 评审问:这一屏删掉三成元素,任务还成立吗?

(分组:尼尔森十大可用性原则)

一致性与标准

同一件事只用一种说法、一个位置、一个手势。

应用 → 评审问:全产品搜一遍,同义词统一了吗?

(分组:尼尔森十大可用性原则)

防错优于纠错

与其写好报错文案,不如让错误根本没机会发生。

应用 → 评审问:危险操作能禁用、确认或二次校验吗?

(分组:尼尔森十大可用性原则)

帮用户识别并改错

报错用 plain language:说清出了什么问题、怎么解决,不用错误码吓人。

应用 → 评审问:报错文案里有「发生了什么 + 怎么改」吗?

(分组:尼尔森十大可用性原则)

灵活与效率

为新手保持简单,也给熟手留加速器:快捷键、默认值、最近使用。

应用 → 评审问:老用户每天重复的操作,能少点几下吗?

(分组:尼尔森十大可用性原则)

帮助与文档

最好不用文档也能上手;真需要时,文档要可搜、按任务组织、篇幅短。

应用 → 评审问:帮助内容是按用户任务写的,还是按功能模块写的?

(分组:尼尔森十大可用性原则)

贴合真实世界

用用户的语言和现实中的概念说话,而不是系统内部术语。

应用 → 评审问:文案给家里长辈看,能懂吗?

(分组:尼尔森十大可用性原则)

识别优于回忆

把选项和信息摆出来,别让用户靠脑子记上一步。

应用 → 评审问:这一步需要用户记住前一屏的什么?

(分组:尼尔森十大可用性原则)

用户控制与自由

用户常点错——给他们一个明确的「紧急出口」和撤销。

应用 → 评审问:每一步都能退回吗?删除能反悔吗?

(分组:尼尔森十大可用性原则)

系统状态可见

通过及时反馈,让用户始终知道系统正在发生什么。

应用 → 评审问:加载、保存、出错时,用户看得出来吗?

(分组:尼尔森十大可用性原则)

UX 心理定律· 10

美即好用效应

好看的界面会被认为更好用——第一印象的宽容度来自审美。

应用 → 视觉粗糙会透支信任:先过眯眼测试,再谈功能。

(分组:UX 心理定律)

Doherty 阈值

系统在 400ms 内响应,用户才不会出戏;超过就掉注意力。

应用 → 先给反馈再算结果:骨架屏、乐观更新、即时高亮。

(分组:UX 心理定律)

费茨定律

到达目标的时间由距离和大小决定:目标越大、越近,越易点中。

应用 → 主按钮做大,核心操作放拇指区,危险按钮反着来。

(分组:UX 心理定律)

希克定律

选项越多、越复杂,做决定越慢。

应用 → 砍选项、分层级、给默认值;复杂表单分步走。

(分组:UX 心理定律)

雅各布定律

用户大部分时间在别人的产品上,他们希望你的产品也长那样。

应用 → 创新留给内容和价值,操作习惯别轻易发明。

(分组:UX 心理定律)

米勒定律

工作记忆一次只能装下约 7(±2)个信息块。

应用 → 分组呈现:号码分段、菜单分组、信息分块。

(分组:UX 心理定律)

奥卡姆剃刀

如无必要,勿增实体:最简单的方案通常是对的。

应用 → 上线前逐个元素问:删掉它,用户会变差吗?

(分组:UX 心理定律)

峰终定律

人们对体验的记忆,取决于峰值时刻和结束时刻,而非全程平均。

应用 → 把资源花在高光瞬间和完成页:成功状态值得认真设计。

(分组:UX 心理定律)

泰斯勒定律

每个系统的复杂度守恒,只能转移,不能消灭。

应用 → 让系统多承担:自动填充、智能默认、后台校验。

(分组:UX 心理定律)

冯·雷斯托夫效应

与众不同者被记住:一堆相似元素里,异类最先被看见。

应用 → 主 CTA 要跳出来;但满屏都跳,等于都没跳。

(分组:UX 心理定律)

格式塔原则· 7

闭合

大脑会自动补全缺失的部分,把残缺图形看成整体。

应用 → 图标和卡片可以「缺一角」,识别不受影响。

(分组:格式塔视觉原则)

共同命运

一起动的元素会被看成一组。

应用 → 联动动画要同步;无关元素别同时乱动。

(分组:格式塔视觉原则)

连续

眼睛会沿着线条和对齐轴继续看下去。

应用 → 用对齐制造阅读路径,别让视线中途断掉。

(分组:格式塔视觉原则)

图底关系

人会自动区分主体与背景,靠的是对比和层级。

应用 → 弹窗、浮层要有足够的明暗或模糊与底层分开。

(分组:格式塔视觉原则)

简洁

大脑倾向于把复杂图形理解成最简单的整体。

应用 → 先保证整体轮廓清晰,再雕琢局部细节。

(分组:格式塔视觉原则)

邻近

挨得近的元素会被看成一组——分组先靠距离,不靠框线。

应用 → 相关字段贴紧,组与组拉开:间距即结构。

(分组:格式塔视觉原则)

相似

长得像的元素会被认为功能相关。

应用 → 同类链接同色同形;不同功能,别穿同款。

(分组:格式塔视觉原则)