---
title: "Serial Position Effect"
source: "/reference/serial-position-effect"
description: "Items near the beginning and end of a sequence often receive stronger recall than items in the middle."
---
# Serial Position Effect

Items near the beginning and end of a sequence often receive stronger recall than items in the middle.



### Principle

Items near the beginning and end of a sequence often receive stronger recall than items in the middle.

### Why it matters

Order influences what users notice and remember. Navigation, onboarding steps, feature lists, summaries, and long collections can bury important content in the middle. The effect is probabilistic and context-sensitive, so Layr should use it as one signal when deciding placement, alongside task frequency and semantics.

### Deeper design interpretation

Position influences exposure and recall, particularly in ordered sequences where users encounter information over time. Early items help establish orientation; final items benefit from recency and often define the perceived completion of the sequence. Middle content is more vulnerable when users scan quickly or the sequence is long.

For interfaces, the principle is most useful when deciding where critical orientation, warnings, summaries, or high-frequency actions should appear. It should not override a logical sequence. Chronology, dependency, and task order can be stronger constraints than memory effects.

Layr should use serial position as supporting evidence rather than a standalone rule for rearranging content.

### What the agent should reason about

Identify information that is both critical and easy to lose within a long sequence. Check whether it is reinforced at the moment of use. A critical requirement shown once in step three of ten may need repetition or persistence rather than relocation.

For navigation, combine position with frequency and familiarity rather than assuming first and last positions are always superior.

### Common failure patterns

- Important caveats appear only in the middle of onboarding.
- Completion screens omit a summary of key decisions.
- Navigation order is arbitrary and unstable between sessions.
- A long setup sequence introduces terminology once and expects users to remember it much later.
- Middle steps carry the only explanation of financial or access consequences.

### Audit questions

- Which information must remain memorable across the sequence?
- Is critical middle content reinforced when it becomes actionable?
- Does the final state summarize outcome and next steps?
- Is ordering driven by task logic, frequency, or arbitrary implementation history?

### Example agent finding

> **Medium — Billing ownership is explained only in step 4 of a 10-step setup.** The confirmation step asks users to approve billing without restating who will be charged. Repeat the ownership and amount at confirmation so the decision does not depend on recalling middle-sequence content.

### Agent directive

> Place important orientation and completion information where it can be reliably found. Do not rely on middle-position content to carry the only explanation of a critical requirement.

### Apply this when

- Ordered lists, onboarding, long menus, setup sequences, presentations, summaries, and multi-step workflows.

### Observable signals

- A critical condition appears only in the middle of a long sequence.
- Navigation order does not reflect frequency or task priority.
- The last step ends abruptly without summarizing outcome or next state.
- A long setup flow introduces essential terminology once in an early-middle step and never reinforces it.

### Recommended actions

- Place orientation and high-frequency entry points early.
- Use the end of a flow for confirmation, summary, and next-step clarity.
- Repeat or persist critical information rather than depending on sequence memory.
- Use grouping and search for large navigation sets.

### Do not over-apply

Do not reorder content solely to exploit memory effects. Logical sequence, chronology, and workflow dependencies can be more important.

### Example

**Weak:** A ten-step onboarding flow explains billing ownership only in step five, then asks for billing confirmation in step ten without repeating the context.

**Stronger:** Ownership is introduced when relevant and summarized again at confirmation.

### Evaluation notes

- **Default severity:** Low to medium; high if buried information changes commitment or risk.
- **Typical confidence:** Medium because recall varies with context and familiarity.
- **Primary evidence:** Sequence order, content criticality, repetition/persistence, completion state.
- **Related rules:** Peak-End Rule, Chunking, Selective Attention, Working Memory

### References

- [Laws of UX — Serial Position Effect](https://lawsofux.com/serial-position-effect/)

## Related rules

- [Peak-End Rule](/__layr/pages/reference/peak-end-rule.md)
- [Chunking](/__layr/pages/reference/chunking.md)
- [Selective Attention](/__layr/pages/reference/selective-attention.md)
- [Working Memory](/__layr/pages/reference/working-memory.md)

## Agent guidance

Review criteria, the finding contract a report must use, and worked examples.

Established principle; Layr interpretation and agent guidance. Category: Memory & Cognition.

## Retrieve
- Canonical page: https://layr.design/reference/serial-position-effect
- Markdown for agents: https://layr.design/__layr/pages/reference/serial-position-effect.md
- Reference map: https://layr.design/llms.txt
- Route index: https://layr.design/__layr/routes.toon

## Rule object
```yaml
rule:
  id: "serial-position-effect"
  title: "Serial Position Effect"
  category: "Memory & Cognition"
  origin: established
  canonical_url: "https://layr.design/reference/serial-position-effect"
  principle: "Items near the beginning and end of a sequence often receive stronger recall than items in the middle."
  directive: "Place important orientation and completion information where it can be reliably found. Do not rely on middle-position content to carry the only explanation of a critical requirement."
  applies_when:
    - "Ordered lists, onboarding, long menus, setup sequences, presentations, summaries, and multi-step workflows."
  observable_signals:
    - "A critical condition appears only in the middle of a long sequence."
    - "Navigation order does not reflect frequency or task priority."
    - "The last step ends abruptly without summarizing outcome or next state."
    - "A long setup flow introduces essential terminology once in an early-middle step and never reinforces it."
  audit_questions:
    - "Which information must remain memorable across the sequence?"
    - "Is critical middle content reinforced when it becomes actionable?"
    - "Does the final state summarize outcome and next steps?"
    - "Is ordering driven by task logic, frequency, or arbitrary implementation history?"
  recommended_actions:
    - "Place orientation and high-frequency entry points early."
    - "Use the end of a flow for confirmation, summary, and next-step clarity."
    - "Repeat or persist critical information rather than depending on sequence memory."
    - "Use grouping and search for large navigation sets."
  avoid_when:
    - "Do not reorder content solely to exploit memory effects. Logical sequence, chronology, and workflow dependencies can be more important."
  common_failure_patterns:
    - "Important caveats appear only in the middle of onboarding."
    - "Completion screens omit a summary of key decisions."
    - "Navigation order is arbitrary and unstable between sessions."
    - "A long setup sequence introduces terminology once and expects users to remember it much later."
    - "Middle steps carry the only explanation of financial or access consequences."
  evidence_types:
    - "Sequence order"
    - "content criticality"
    - "repetition/persistence"
    - "completion state"
  default_severity: "Low to medium; high if buried information changes commitment or risk."
  typical_confidence: "Medium because recall varies with context and familiarity."
  related_rules:
    - { id: "peak-end-rule", title: "Peak-End Rule", url: "https://layr.design/reference/peak-end-rule" }
    - { id: "chunking", title: "Chunking", url: "https://layr.design/reference/chunking" }
    - { id: "selective-attention", title: "Selective Attention", url: "https://layr.design/reference/selective-attention" }
    - { id: "working-memory", title: "Working Memory", url: "https://layr.design/reference/working-memory" }
```

## What to reason about
Identify information that is both critical and easy to lose within a long sequence. Check whether it is reinforced at the moment of use. A critical requirement shown once in step three of ten may need repetition or persistence rather than relocation. For navigation, combine position with frequency and familiarity rather than assuming first and last positions are always superior.

## Routing
Route a review here when the user must remember, infer, translate, reconcile, or reconstruct information. These rules are especially relevant when the system already possesses context that the interface fails to expose.

## Review procedure
For every finding:
1. Identify the exact component, state, route, or interaction.
2. State the observable evidence.
3. Name the principle that applies.
4. Explain the user consequence in the current context.
5. Estimate severity from the consequence, frequency, and reversibility.
6. Recommend the smallest change that addresses the issue while preserving the product's existing design system.
7. Lower confidence when intent, frequency, audience, device, or product constraints must be inferred.
8. Do not produce generic advice such as "improve hierarchy" or "make this clearer" without specifying what is wrong and why.

## Finding contract — emit exactly this shape
```yaml
finding:
  rule_id: string
  location: string
  evidence:
    - observable fact
  impact: string
  severity: low | medium | high | critical
  confidence: low | medium | high
  recommendation:
    change: string
    rationale: string
    preserve:
      - existing design-system behavior
      - valid product constraints
```

## Example finding for this rule
Medium — Billing ownership is explained only in step 4 of a 10-step setup. The confirmation step asks users to approve billing without restating who will be charged. Repeat the ownership and amount at confirmation so the decision does not depend on recalling middle-sequence content.

## Code reference

The same principle as markup. Compare the structure, not the class names.

```html
<!-- weak -->
<div class="example-ui example-ui-weak">
  <div class="scene-chrome">
    <span class="scene-chrome-app">Onboarding</span>
    <span class="scene-chrome-view">Step 10 of 10</span>
  </div>
  <div class="scene-body">
    <div class="scene-steps">
      <span class="scene-steps-track">
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done scene-step-mark scene-step-faded"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
      </span>
      <span class="scene-steps-mark">
        <span class="scene-key">05</span>billing owner explained once
      </span>
    </div>
    <div class="scene-panel">
      <span class="scene-panel-title">Confirm setup</span>
      <div class="scene-row">
        <span>Workspace</span>
        <span class="scene-value">Acme Studio</span>
      </div>
      <div class="scene-row">
        <span>Plan</span>
        <span class="scene-value">Team · $24 / mo</span>
      </div>
      <div class="scene-row">
        <span>Billing owner</span>
        <span class="scene-action scene-action-primary">Confirm</span>
      </div>
      <span class="scene-note">Financial condition introduced at step 05 · never repeated</span>
    </div>
  </div>
</div>
```

```html
<!-- stronger -->
<div class="example-ui example-ui-strong">
  <div class="scene-chrome">
    <span class="scene-chrome-app">Onboarding</span>
    <span class="scene-chrome-view">Step 10 of 10</span>
  </div>
  <div class="scene-body">
    <div class="scene-steps">
      <span class="scene-steps-track">
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done scene-step-mark scene-step-accent"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done"></span>
        <span class="scene-step scene-step-done scene-step-mark scene-step-accent"></span>
      </span>
      <span class="scene-steps-mark">
        <span class="scene-key">05</span>billing owner explained
      </span>
      <span class="scene-steps-mark">
        <span class="scene-key">10</span>repeated at confirmation
      </span>
    </div>
    <div class="scene-panel">
      <span class="scene-panel-title">Confirm setup</span>
      <div class="scene-row">
        <span>Workspace</span>
        <span class="scene-value">Acme Studio</span>
      </div>
      <div class="scene-row">
        <span>Plan</span>
        <span class="scene-value">Team · $24 / mo</span>
      </div>
      <div class="scene-recap">
        <span class="scene-recap-title">Billing owner</span>
        <span>Maya Chen receives every invoice and renewal notice for this workspace.</span>
      </div>
      <span class="scene-action scene-action-primary">Confirm and create workspace</span>
    </div>
  </div>
</div>
```

```css
/* declarations these studies depend on */
.example-ui { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 17rem; overflow: hidden; border: var(--border-thin) solid var(--color-border-strong); background: var(--color-background); color: var(--color-text); font-size: var(--text-xs); line-height: var(--leading-snug); }
.example-ui .scene-chrome { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-2); padding: var(--space-2) var(--space-3); border-bottom: var(--border-thin) solid var(--color-border-strong); background: var(--color-surface); }
.example-ui .scene-chrome-app { font-size: var(--text-2xs); font-weight: 600; letter-spacing: var(--tracking-label); text-transform: uppercase; }
.example-ui .scene-chrome-view { color: var(--color-text-tertiary); font-size: var(--text-2xs); }
.example-ui .scene-body { display: grid; align-content: start; gap: var(--space-3); min-width: 0; padding: var(--space-3); }
.example-ui .scene-body:has(> .scene-panel:only-child) { align-content: stretch; }
.example-ui .scene-panel { display: grid; align-content: start; justify-items: start; gap: var(--space-2); min-width: 0; padding: var(--space-3); border: var(--border-thin) solid var(--color-border-strong); background: var(--color-surface-raised); }
.example-ui .scene-panel-title { font-size: var(--text-sm); font-weight: 600; letter-spacing: var(--tracking-heading); }
.example-ui .scene-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-1) var(--space-2); width: 100%; min-width: 0; padding-block: var(--space-1); }
.example-ui .scene-panel > .scene-row + .scene-row { border-top: var(--border-thin) solid var(--color-border-subtle); }
.example-ui .scene-value { font-variant-numeric: tabular-nums; font-weight: 550; }
.example-ui .scene-key { font-family: var(--font-mono); font-size: var(--text-2xs); }
.example-ui .scene-note { width: 100%; padding-top: var(--space-2); border-top: var(--border-thin) solid var(--color-border-subtle); color: var(--color-text-tertiary); font-family: var(--font-mono); font-size: var(--text-2xs); line-height: var(--leading-snug); }
.example-ui .scene-action { display: inline-flex; align-items: center; justify-content: center; min-height: var(--space-8); padding-inline: var(--space-3); border: var(--border-thin) solid var(--color-border-strong); border-radius: var(--radius-xs); background: var(--color-surface-raised); color: var(--color-text); font-size: var(--text-xs); font-weight: 550; white-space: nowrap; }
.example-ui .scene-action-primary { border-color: var(--color-primary-bg); background: var(--color-primary-bg); color: var(--color-primary-text); }
.example-ui .scene-steps { display: grid; gap: var(--space-2); width: 100%; }
.example-ui .scene-steps-track { display: flex; gap: var(--space-1); }
.example-ui .scene-step { flex: 1; height: var(--space-2); background: var(--diagram-fill); }
.example-ui .scene-step-done { background: var(--color-border-strong); }
.example-ui .scene-step-mark { height: var(--space-5); }
.example-ui .scene-step-accent { background: var(--color-action); }
.example-ui .scene-step-faded { background: var(--color-border-subtle); }
.example-ui .scene-steps-mark { display: flex; gap: var(--space-2); color: var(--color-text-tertiary); font-size: var(--text-2xs); }
.example-ui .scene-recap { display: grid; justify-items: start; gap: var(--space-1); width: 100%; padding: var(--space-2); border-left: 2px solid var(--color-border-strong); background: var(--color-surface); }
.example-ui .scene-recap-title { font-weight: 600; }
.example-ui { min-height: 15rem; }

/* resolved values */
:root {
  --border-thin: 1px;
  --font-mono: "Geist Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --leading-snug: 1.35;
  --radius-xs: 2px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-5: 1.25rem;
  --space-8: 2rem;
  --text-2xs: 0.6875rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --tracking-heading: -0.025em;
  --tracking-label: 0.06em;
}
```

## Weak vs stronger
- Weak: A ten-step onboarding flow explains billing ownership only in step five, then asks for billing confirmation in step ten without repeating the context.
- Stronger: Ownership is introduced when relevant and summarized again at confirmation.

## Reporting rules
- Report only what the interface shows as observable evidence; phrase psychological or motivational effects as possible consequences.
- Returning no finding is a valid result when evidence is insufficient.
