Quick Overview

  • Visitors rarely remember a page evenly. The first and last items tend to stick, while the middle quietly fades.
  • Visual prominence won’t fix a position problem.
  • The principle applies to lists and menus, and to the page as a whole.
  • Getting this wrong means your strongest content is sitting where memory can’t reach it.

What the Serial Position Effect Is

Think about the last time you sat through a round of introductions. A week later you’d probably struggle to name most people in the room, but the first person you met and the last you spoke to would likely still come to mind. That’s the serial position effect: when people are given a sequence of items, they tend to remember the ones at the start and the ones at the end far better than anything in between.

It’s made up of two separate mechanisms doing two separate jobs. Primacy is the tendency to remember what comes first, often because there’s less competing for attention yet, so it gets processed properly and stored. Recency is the tendency to remember what comes last, because it’s still sitting in working memory when the sequence ends. The middle tends to get neither advantage.

This matters well beyond psychology textbooks because most decisions in web design involve a sequence of some kind: a pricing page, a service list, a navigation menu, even a single page read from top to bottom.

Primacy: The First Item Sets the Frame

The first item in any sequence does more than get remembered. It tends to set the terms for how everything that follows gets judged. This is why anchoring bias and the serial position effect often show up in the same conversation. Anchoring is about the reference point a visitor uses to judge what comes next.

Put your weakest service first in a list and a visitor’s expectations can be calibrated low before they’ve reached the service that would have actually impressed them. Put your cheapest pricing tier first and everything else on the page can read as expensive by comparison, even tiers that are reasonably priced on their own. Put a generic stock phrase at the top of a homepage and a visitor’s first impression of the business is often set by that phrase, not by the strong work three sections down.

Whatever you most need a visitor to register, whatever sets the right tone for the business, usually belongs first.

This is worth taking seriously at the navigation level too. The first item in a main menu isn’t just a link, it’s often the visitor’s first signal of what the site considers most important. A menu that opens with “About” or “Blog” before anything related to the actual service can quietly tell visitors the wrong thing is the priority.

Recency: The Last Thing a Visitor Sees Is What They Take Away

Recency does a different job to primacy. Primacy shapes interpretation while a visitor is still reading. Recency shapes what’s left once they’ve stopped.

That distinction matters because the last thing a visitor sees often isn’t the last thing on the page, it’s the last thing they were doing before they left, which might be browsing a pricing table, scrolling a testimonial section, or sitting on a contact form. Whatever that was tends to be what they’re carrying into the decision about whether to come back or get in touch.

This is closely related to the Peak-End Rule, but the two aren’t interchangeable. The Peak-End Rule is about the overall emotional shape of an experience, the best or worst moment plus how it finished. The serial position effect is narrower. A page can end on a flat, unremarkable note and still benefit from recency simply because it was the last thing seen. Whether that ending is also a good one is the Peak-End Rule’s territory.

This means treating the close of any list or page as a genuine opportunity rather than an afterthought. A pricing table that closes on its most ordinary tier risks wasting recency. A homepage that fades out with a generic line about “getting in touch” after strong opening sections has spent the visitor’s attention well and then handed it back largely unused.

Go Deeper

Conversion-Focused Web Design: A Framework for Turning Traffic into Enquiries

Conversion-Focused Web Design: A Framework for Turning Traffic into Enquiries

The Middle Is Where Things Go to Be Forgotten

If primacy and recency are advantages, the middle of any sequence tends to get the benefit of neither. On a website that disadvantage is often made worse by something else entirely: most visitors aren’t reading in a careful, linear way to begin with.ย Scanning patternsย play a big part in this, and visitors tend to skim, jump, and skip far more than they read in order. A list item with no positional advantage and no scanning advantage can be genuinely hard to notice.

Pricing tables are a clear example of this. The middle tier of a three-tier table is often fighting two disadvantages at once: it’s neither first nor last, and it’s also where decoy pricing and anchoring tactics often get deployed deliberately. Even without any deliberate decoy strategy, a middle tier tends to start from a weaker memory position before pricing psychology gets involved at all.

The same problem shows up in service lists. If web design is the primary service a business offers but it’s the third item in a list of five, it’s sitting in the part of the sequence visitors are least likely to register, regardless of how good it is. It’s worth treating this as a straightforward audit question: does the order of this list reflect what visitors most need to remember, or does it just reflect the order the business happens to think about its own services?

Package comparison table showing four children's party tiers with pricing, duration and features displayed side by side

The Mascot Mum, an Accrington-based children’s entertainment company serving Lancashire and Greater Manchester, sequences four packages from ยฃ195 to ยฃ325, entry-level first to anchor expectations and premium last to close on the strongest option.

What This Means at Page Level

Everything so far has been about components, lists and sequences within a page. The same mechanism tends to apply to the page as a whole, but it’s worth treating separately.

The opening of a page can work like primacy at scale. It sets the frame for how a visitor interprets everything that follows. If the opening section is vague, generic, or slow to get to the point, that’s often the lens a visitor reads the rest of the page through, even if the actual content further down is strong. This is one of the reasonsย web design and UI/UX decisions at the top of a homepage tend to carry disproportionate weight.

The close of a page works in a similar way to recency at scale. It’s often what a visitor carries with them when they leave. A page that trails off after a strong middle section can hand back a weaker final impression than the content actually earned.

This isn’t about ordering items within a list, it’s about how a single continuous experience gets framed at the start and remembered at the end. A pricing table can be ordered well and a service list can lead and close with the right items, and the page can still undersell itself if the opening doesn’t earn attention or the closing doesn’t leave the right impression.

Ready to put this into practice?

If your pricing, services, or navigation aren’t ordered with intention, visitors are forgetting more of your site than they should. My CRO service looks at exactly this kind of structural detail.

Talk to Me About Your Site

FAQs

Does the serial position effect apply to mobile as well as desktop?

Yes, and arguably more so. Shorter attention spans and smaller screens mean the middle of a scrolling list is even easier to lose on mobile than on desktop.

Should I always put my most expensive option first or last in a pricing table?

Not necessarily first or last specifically, but it should be in one of those two positions rather than the middle, with the choice depending on whether you want it to set the frame (first) or be the final thing considered (last).

Does this mean my website should have fewer items in lists and menus?

Not inherently, but longer lists make middle positions more costly, so it’s worth being more deliberate about what occupies them as a list grows.

Is this the same as the Von Restorff Effect?

No. The Von Restorff Effect is about something standing out because it looks different to everything around it. The serial position effect is about something standing out purely because of where it sits in a sequence, regardless of how it looks.
๎–๎€ป๎ƒ๎ƒป๎ƒน๎„

More Insights

Get a bespoke website for your business
Conversion-Focused Web Design: A Framework for Turning Traffic into Enquiries

Conversion-Focused Web Design: A Framework for Turning Traffic into Enquiries

Learn how behavioural psychology principles like decision-making, attention, and cognitive load shape high-performing websites, and how structured design turns visits into real business enquiries.
17 January 202630 min Read More
social proof web design
Social Proof in Web Design: Why a Perfect Rating Can Cost You Sales

Social Proof in Web Design: Why a Perfect Rating Can Cost You Sales

Quick Overview Purchase likelihood typically peaks when a rating sits between 4.0 and 4.7 stars, not at 5.0. A completely flawless record tends to read as manufactured rather than reassuring. Social proof works by lowering the perceived risk of enquiring,…
10 October 20267 min Read More
authority bias web design
How Credibility Signals Shape Brand Trust (Authority Bias and the Halo Effect)

How Credibility Signals Shape Brand Trust (Authority Bias and the Halo Effect)

Quick Overview Credentials (certifications, awards, well-known clients, years in business) build trust. That's authority bias That trust can spread to the rest of the site. That's the halo effect Visitors judge a site's design in about 50 milliseconds, which can…
3 October 20269 min Read More
websites for companies around hyndburn the north west and the uk
Sunk Cost and Investment Loops: Why You Won’t Scrap a Failing Website

Sunk Cost and Investment Loops: Why You Won’t Scrap a Failing Website

Quick Overview Once you've spent money and time on something, it's hard to admit it wasn't worth it, even when the numbers say otherwise. That's called the sunk cost effect, and it's often the real reason a business keeps a…
26 September 20267 min Read More
How to Write a Call to Action That Gets Clicked

How to Write a Call to Action That Gets Clicked

Most CTAs describe the click, not what visitors get. Here's how to write one that earns the click instead of losing it.
12 September 20267 min Read More
E-commerce website built for small business owner
Narrative Bias in Web Design: Why Your Website Is Already Telling a Story

Narrative Bias in Web Design: Why Your Website Is Already Telling a Story

Narrative bias explains why disconnected pages quietly cost trust, and how to fix it.
5 September 202613 min Read More
Why a Quote Form Often Beats a Standard Enquiry Form (Endowment and IKEA Effects)

Why a Quote Form Often Beats a Standard Enquiry Form (Endowment and IKEA Effects)

Why a quote form often beats a standard one: how the endowment effect and IKEA effect turn visitors into people protecting what they've built.
29 August 202611 min Read More
How to Use the Curiosity Gap on Your Website

How to Use the Curiosity Gap on Your Website

Explaining everything on your website can cost you enquiries. Here's how to use the curiosity gap in web design, and where it backfires.
15 August 20269 min Read More
zeigarnik effect web design
The Zeigarnik Effect in Web Design: Why Open Loops Draw Visitors Back

The Zeigarnik Effect in Web Design: Why Open Loops Draw Visitors Back

Most advice on the Zeigarnik effect in web design stops at progress bars. Here's how open loops bring visitors back to finish what they started.
8 August 20267 min Read More
curse of knowledge in web design
Curse of Knowledge: Is Your Website Copy Confusing Customers?

Curse of Knowledge: Is Your Website Copy Confusing Customers?

The words that feel obvious to you can confuse customers fast. Here's why it happens, and how to fix it without dumbing down your copy.
1 August 20266 min Read More
hick's law and miller's in web design
Why Fewer Visible Choices Convert Better (Hick’s Law & Miller’s Law)

Why Fewer Visible Choices Convert Better (Hick’s Law & Miller’s Law)

A cluttered menu or long service list can quietly turn visitors away. Hick's Law and Miller's Law explain why fewer visible choices convert better.
25 July 20269 min Read More

Start Your Project

High-Converting Websites That Grow Your Business