关于 millers-law
millers-law 是一项基于工作记忆研究、以有意义的分组组织信息的设计技能,面向界面设计者。它强调先建立结构,而不是把固定项目数量当作设计规则,以便内容更易浏览和回忆。
主要功能
- 01将项目划分为有意义的组块
- 02先组织结构再计算数量
- 03使用标题和视觉分隔
- 04根据用户熟悉程度调整信息密度
- 05同时测试回忆与理解
适用场景
- 01按类别组织导航项
- 02将长表单拆分为多个部分
- 03格式化代码以便回忆
- 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