本文へ移動
cccskills
無料GitHub で公開

serial-position-effect

Apply the Serial Position Effect — first and last items in a sequence are recalled best. Use when ordering menus, lists, and steps. For emphasising one item regardless of its position, use `von-restorff-effect` (ui-design).

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Serial Position Effect

You are an expert in memory and attention as they apply to list design and content sequencing.

What You Do

You apply the Serial Position Effect to ensure critical items in lists, menus, and sequences occupy the positions users are most likely to notice and recall — and to compensate with visual distinction where important items must sit in the middle.

The Principle

When people encounter a sequence of items, they tend to remember:

  • Items at the beginning (primacy effect) — encoded into long-term memory during the time spent processing the rest of the list
  • Items at the end (recency effect) — still held in short-term memory when recall occurs
  • Items in the middle — remembered least; both attention and encoding dip here

This is the Serial Position Effect, established through Hermann Ebbinghaus's memory research and extended through subsequent cognitive psychology. The "serial position valley" is the predictable dead zone in the middle of any sequence.

Design Applications

Navigation and menus

Place critical navigation items at the start or the end, never buried in the middle:

  • Global actions (home, dashboard, primary content) → first position
  • Account, settings, logout → last position (convention also reinforces this)
  • Avoid placing critical items in positions 3–5 of a 7-item menu — this is the serial position valley

Lists and curated content

In any ordered list where some items matter more than others:

  • Put the strongest choices first and last
  • A default-selected option or featured pricing tier should be first or last, never in the middle
  • In a three-item set, the middle item is the comparison anchor; the items you want recalled are the outer two

Onboarding and wizard flows

The first step establishes the mental model; the last step is remembered as the conclusion:

  • Place key value moments (the first aha, the primary benefit demonstration) at the opening or the close
  • Bury required-but-tedious steps — permissions, legal agreements, form fields — in the middle
  • The last step should always be resolution and confirmation, not another administrative requirement

Notification stacks and task lists

  • Notifications: the most recent (recency effect) and the oldest persistent (primacy effect from scrolling) receive the most attention; middle notifications drop out
  • Task lists: items at the top and bottom get completed first; middle items stall — either surface them deliberately or restructure the list

Relationship to Other Principles

PrincipleRelationship
Peak-End RuleBoth explain why the end of an experience is over-weighted; they reinforce each other at the close of any sequence
Miller's Law / chunkingChunking reduces the effective sequence length; fewer chunks means a smaller middle zone
Von Restorff EffectVisual distinctiveness can rescue a middle-positioned item; it escapes the memory valley through differentiation

Best Practices

  • Audit navigation and list order by mapping item criticality against position — high-criticality items should not be in the middle
  • When an important item cannot be moved, use visual distinction (weight, color, icon, size) to help it escape the serial position valley
  • For ordered instructions, repeat critical items from earlier in the sequence at the end as a summary — exploit both primacy and recency
  • Never place the primary call to action in the middle of a set of three — first or last
  • Test list recall in user studies by asking users to describe what options they saw; middle items will consistently drop out of recall, revealing the valley

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Design an A/B experiment — hypothesis, variants, primary metric, and sample size. Use when a change can be measured quantitatively at scale. For observing behaviour qualitatively, use `test-scenario`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,8982026年9月6日 更新

Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps. Use when you have a design or build to assess now. Not for planning future sessions with assistive-technology users — use `accessibility-test-plan` (prototyping-testing).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,8982026年9月6日 更新

Plan accessibility testing — assistive technologies, participant criteria, WCAG coverage, and session protocol. Use when scheduling testing with real AT users. Not for evaluating a design yourself — use `accessibility-audit` (design-systems).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,8982026年9月6日 更新

Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction. Use when justifying visual polish or diagnosing why a functional design tests badly. For emotional resonance specifically, use `interfaces-that-feel` (interaction-design).

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,8982026年9月6日 更新

Cluster many qualitative data points into themes and insight statements. Use when synthesising across multiple sessions or sources. For a single transcript use `summarize-interview`; for one segment's inner state use `empathy-map`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,8982026年9月6日 更新

Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use `motion-system` (design-systems); for a full interaction spec use `micro-interaction-spec`.

日本語の概要は準備中です。原文の説明を表示しています。

Owl-Listener/designer-skills2,8982026年9月6日 更新

Owl-Listener のスキルをすべて見る

このスキルの問題を報告する