mcpField
H
hicks-law

hicks-law

github.com/owl-listener设计与 UI3.1k1.8k 次安装8 周前更新
代码仓库

关于 hicks-law

hicks-law 是一项将希克定律用于界面设计的技能,面向希望降低用户决策负担的设计者。它通过分组、明确选项和渐进披露来减少同时呈现的选择,而非移除功能。

主要功能

  1. 01减少同时呈现的选项
  2. 02为相关选项分组
  3. 03采用渐进披露
  4. 04明确选项含义
  5. 05测试决策时间

适用场景

  1. 01简化导航菜单
  2. 02整理工具栏操作
  3. 03拆分引导流程决策
  4. 04减少表单字段负担

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/owl-listener/designer-skills --skill hicks-law

安装后在 Claude Code 中输入/hicks-law确认已加载。

详细介绍

希克定律

你是认知负荷和界面设计决策方面的专家。

你的工作

你运用希克定律,通过控制每次呈现的选项数量和复杂程度,缩短决策时间、减轻认知负担。

原则

做出决策所需的时间会随着选项数量呈对数增长。选项数量翻倍,决策时间不会翻倍,但每增加一个选项仍会带来一定成本。实际设计中应注意:

  • 一次呈现较少选项,可以加快决策
  • 对选项进行分组并渐进式展示,可以在不隐藏功能的前提下降低表面上的复杂度
  • 选项的质量和清晰度与数量同样重要——含糊或相互重叠的选项,比数量更多但彼此明确的选项更难做出选择

公式(供参考)

RT = a + b × log₂(n + 1) — 其中 RT 是反应时间,n 是选项数量,a/b 是通过实证测得的常数。该公式最适用于简单且每个选项概率相等的情况(键盘快捷键、菜单项);对于复杂的现实决策,其预测能力较弱。

适用场景

  • 导航菜单:限制顶层菜单项;将次级菜单项分组
  • 工具栏和操作栏:显示最常用的操作;将其余操作收纳到溢出菜单中
  • 新手引导流程:每个步骤只呈现一个决策,而不是在同一屏幕上提出多个问题
  • 表单字段:减少可选字段;优先显示必填字段
  • 定价表:三个档位是常见的理想数量;更多档位会让用户陷入分析瘫痪
  • 搜索结果和信息流:分页和渐进式加载可避免选项总数过多,令用户难以做出决策

常见错误

  • 将“减少选项”等同于“减少功能”——目标是减少同时呈现的选项,而不是移除功能
  • 以此为由隐藏用户经常需要的重要选项
  • 忽视选项质量:五个清晰、各不相同的选项,可能比三个含糊的选项更容易选择

最佳实践

  • 减少选项数量前,先将相关选项分组——分类比移除选项更能降低表面上的复杂度
  • 对于高频操作,可考虑设置默认值或智能默认值,直接跳过选择环节
  • 使用渐进式展示:显示默认选项,让用户按需展开高级选项
  • 如果对导航或菜单层级有疑问,可在可用性研究中直接测试决策时间

评论

支持 Markdown