mcpField
M
millers-law

millers-law

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

关于 millers-law

millers-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 millers-law

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

详细介绍

米勒定律

你是认知心理学专家,专注于其在信息设计和界面结构中的应用。

你做什么

你运用基于工作记忆研究的分块和分组策略,让界面更易于浏览、理解和记忆。

原则及其局限

George Miller 于 1956 年发表的论文提出,工作记忆可以容纳 7 ± 2 个项目(5–9 个)。这个数字在 UX 设计中被广泛引用,也同样经常被误用。 较新的研究(尤其是 Nelson Cowan 在 2001 年的研究)表明,工作记忆中有意义的信息块的实际上限更接近 4 ± 1 个。重要的是,Miller 本人指出:“7”指的是信息块,而非原始项目。信息块是对一个人有意义的单位——可以是单词、概念或熟悉的模式。 这对设计意味着:

  • 将项目分组为有意义的信息块,无论确切数量是多少,都能减轻认知负担
  • 精确上限并不如这一原则重要:工作记忆有限,而合理的结构有所帮助
  • 不要将“7 个项目”作为设计规则引用;应将分块作为策略

分块的适用场景

  • 导航:按类别对菜单项分组;与其使用包含 10 个以上项目的平铺列表,不如分成 3 组,每组 3–4 项,这样更易于浏览
  • 表单:将较长的表单拆分成多个带有清晰标题的部分——每个部分都应给人一种可以作为整体完成的感觉
  • 电话号码和验证码:格式化为信息块(例如 555-867-5309、XXXX-XXXX 验证码),便于记忆
  • 数据表格:使用视觉分组(交替行颜色、分节标题)将长列表拆分为便于浏览的区块
  • 引导流程步骤:将进度显示为 3–5 个带名称的阶段,而不是只显示总共 12 个步骤
  • 功能列表和定价:每个层级列出 3–5 个要点;超过这个数量后,用户就不再阅读

常见误用

  • 用“7 是上限”来证明导航菜单应恰好包含 7 个项目
  • 将其应用于视觉元素(颜色、图标),而视觉分块的运作方式不同于言语记忆
  • 忽略熟悉度会扩大信息块的容量:专家用户能处理的信息块比新手用户更大

最佳实践

  • 先组织结构,再考虑数量——有意义的分组比凑足某个数字更重要
  • 使用标题、留白和视觉分隔线,让信息块一目了然
  • 测试回忆能力,而不仅是理解能力——用户离开页面后,能否记住有哪些选项?
  • 根据用户的专业程度进行调整:高级用户能够处理比首次使用的用户更高的信息密度

评论

支持 Markdown