본문으로 건너뛰기
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

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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-skills3천2026년 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-skills3천2026년 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-skills3천2026년 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-skills3천2026년 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-skills3천2026년 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-skills3천2026년 9월 6일 업데이트

Owl-Listener의 스킬 모두 보기

이 스킬의 문제 신고