关于 serial-position-effect
serial-position-effect 是一项将记忆与注意力规律应用于列表、菜单和流程的设计技能,帮助设计师把重要内容放在更易被注意和记住的位置。
主要功能
- 01运用首因效应与近因效应
- 02识别不易记忆的中间位置
- 03安排导航与精选列表顺序
- 04用视觉区分突出固定位置的项目
- 05检查流程顺序与行动号召
适用场景
- 01排列导航菜单项目
- 02确定产品列表中关键选项的位置
- 03规划引导流程与向导步骤
- 04审查通知列表和任务列表
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ owl-listener/ designer-skills --skill serial-position-effect安装后在 Claude Code 中输入/serial-position-effect确认已加载。
详细介绍
序列位置效应
你是记忆与注意力领域的专家,专注于它们在列表设计和内容排序中的应用。
你做什么
你运用序列位置效应,确保列表、菜单和序列中的关键项目位于用户最容易注意到并记住的位置;如果重要项目必须放在中间,则通过视觉区分加以弥补。
原理
人们看到一系列项目时,往往会记住:
- 开头的项目(首因效应)——在处理列表其余部分时,编码进长期记忆
- 结尾的项目(近因效应)——回忆时仍保留在短期记忆中
- 中间的项目——最难记住;注意力和编码在这里都会下降
这就是序列位置效应,由 Hermann Ebbinghaus 的记忆研究确立,并在后续认知心理学研究中得到拓展。“序列位置谷地”是任何序列中间位置可预测的记忆盲区。
设计应用
导航和菜单
将关键导航项目放在开头或结尾,不要埋在中间:
- 全局操作(主页、仪表板、主要内容)→ 第一个位置
- 账户、设置、退出登录 → 最后一个位置(惯例也会强化这一点)
- 避免将关键项目放在含 7 个项目的菜单中的第 3–5 位——这正是序列位置谷地
列表和精选内容
在任何有序列表中,如果部分项目比其他项目更重要:
- 将最有吸引力的选项放在首尾
- 默认选中的选项或主推的价格档位应放在第一位或最后一位,不要放在中间
- 在由 3 个项目组成的集合中,中间项是比较基准;你希望用户记住的应是两端的项目
入门引导和向导流程
第一步建立心智模型;最后一步会作为结论被记住:
- 将关键价值时刻(第一个顿悟时刻、主要收益演示)放在开头或结尾
- 将必需但枯燥的步骤——权限、法律协议、表单字段——放在中间
- 最后一步应始终是解决问题并确认,而不是另一项行政要求
通知堆栈和任务列表
- 通知:最新通知(近因效应)和最早的持续通知(滚动浏览带来的首因效应)最受关注;中间的通知则容易被忽略
- 任务列表:顶部和底部的项目最先完成;中间的项目容易停滞——应有意突出这些项目,或重新组织列表
与其他原则的关系
| 原则 | 关系 |
|---|---|
| 峰终定律 | 两者都解释了为什么体验的结尾会被赋予过高权重;在任何序列结束时,两者会相互强化 |
| Miller 定律/组块化 | 组块化会缩短有效序列长度;组块越少,中间区域越小 |
| Von Restorff 效应 | 视觉上的独特性可以挽救处于中间位置的项目;通过差异化,使其摆脱记忆谷地 |
最佳实践
- 通过将项目重要性与位置对应起来,检查导航和列表顺序——重要性高的项目不应放在中间
- 如果重要项目无法移动,可通过视觉区分(字重、颜色、图标、尺寸)帮助其摆脱序列位置谷地
- 对于有序说明,应在结尾总结并重申序列前面出现过的关键项目——同时利用首因效应和近因效应
- 绝不要将主要行动号召放在由 3 个项目组成的集合中间——应放在第一位或最后一位
- 在用户研究中,通过询问用户看到了哪些选项来测试列表回忆;中间项目会持续从回忆中消失,从而显现出记忆谷地
评论
支持 Markdown