Made with 🧠 and 🫀 by Youssef Bouksim

Back to library
🎯

Centre-Stage Effect

When items are arranged in a row, the one in the middle gets chosen more often -- not because it is better, but simply because it is in the centre. Position alone influences preference, before a single feature is evaluated.

5 min readUX · Product · Marketing

If you put five jars of jam on a table in a row, people will reach for the one in the middle more than any other -- even if all five are identical. This has been shown repeatedly in consumer research: we associate the centre position with being the “default,” the “standard,” the safest choice. The edges feel like extremes. The middle feels balanced.

Psychologists call this the centre-stage effect. It was documented formally in 1994 by researchers studying consumer product selection in retail settings, and has since been replicated across categories: wines, electronics, cereal boxes, apartment floor plans, and, most relevantly for product designers, pricing tiers. Wherever options are displayed in a horizontal row, the middle option gets a preference boost that has nothing to do with its actual value.

The implication for design is direct: position is a choice, and that choice has consequences. Whatever you put in the centre of a row of options will be perceived as the default -- the thing a “typical” person would pick. That perception influences actual selection. And it can be used honestly, to guide users toward the right option for most of them, or manipulatively, to steer users toward a more profitable tier regardless of fit.

✦ Three things to know
✓
The middle reads as the “normal” choice. End options feel like extremes -- too cheap or too expensive, too basic or too complex. The middle sits between them and absorbs the perception of balance. When users don't have strong preferences going in, they default to the middle as a safe, socially acceptable option.
✓
It compounds with visual emphasis. The centre-stage effect works even without visual reinforcement -- but when you add a “Most popular” badge, a highlighted border, or a slightly larger card to the middle option, the effect amplifies significantly. Position and visual emphasis are two independent signals both pointing at the same option.
✓
It only works with horizontal arrangements. In a vertical list, the top item has the dominant position, not the middle. The centre-stage effect is specifically about left-to-right arrangements of roughly equivalent options. When options are stacked vertically, the bias shifts to recency and primacy from the serial position effect, not to the middle.
“In a horizontal row, the middle is not just a position -- it is a statement about normalcy. Designers who understand this can use it. Most already are, without realising it.”

Feel it yourself -- three plans, different positions

The demo below shows three pricing plans. They are rotated randomly each time you click Shuffle -- the same three plans, but in a different left-to-right order. Click a plan, then shuffle and pick again. Notice where your eye goes first each time, and whether the centre consistently feels like the natural starting point.

9:41
Choose a plan
Starter
$9/mo
5 projects / 5 GB
Core features
Email support
Analytics
API access
Choose
Centre
Pro
$29/mo
Unlimited / 50 GB
Core features
Priority support
Analytics
API access
Choose
Growth
$19/mo
20 projects / 20 GB
Core features
Email support
Analytics
API access
Choose
Tap a plan to begin.
Shuffle positions

Most people find themselves hovering over the centre option first, even after multiple shuffles place different plans there. The gravitational pull of the middle position is hard to override consciously -- even when you know it is happening. This is what makes the centre-stage effect useful in design: it operates below the level of deliberate evaluation.


Pricing pages -- position as a recommendation

Below are two versions of the same pricing page. The plans, features, and prices are identical. In the bad version, the most profitable plan -- Pro -- is placed on the right. In the good version, Pro is placed in the centre. No badge, no visual emphasis has been changed between the versions. The only difference is position.

BeforeTarget plan on the right -- fighting the centre-stage default
yourapp.com/pricing
Choose your plan
All plans include a 14-day free trial.
Starter
$9/mo
5 projects / 5 GB
Core features
Email support
Analytics
API access
Get started
Growth
$19/mo
20 projects / 20 GB
Core features
Email support
Analytics
API access
Get started
Pro
$29/mo
Unlimited / 50 GB
Core features
Priority support
Analytics
API access
Get started

Growth sits in the centre and benefits from the position bias, even though Pro is the plan the product wants most users to choose.

AfterTarget plan centred -- position and recommendation aligned
yourapp.com/pricing
Choose your plan
All plans include a 14-day free trial.
Starter
$9/mo
5 projects / 5 GB
Core features
Email support
Analytics
API access
Get started
Most popular
Pro
$29/mo
Unlimited / 50 GB
Core features
Priority support
Analytics
API access
Get started
Growth
$19/mo
20 projects / 20 GB
Core features
Email support
Analytics
API access
Get started

Pro is now in the centre. Position and visual emphasis both point at the same plan. The choice architecture is aligned with the recommendation.

The good version stacks three signals on the same option: centre position (centre-stage effect), a “Most popular” badge (social proof), and a highlighted border and filled button (visual emphasis). Each of these is an independent influence on choice. Combined, they create a very strong pull toward Pro -- before the user has read a single feature.


Honest vs manipulative use

The centre-stage effect is one of the more defensible choice architecture tools because it does not mislead -- it just emphasises. Placing your recommended plan in the centre is not hiding information or fabricating a saving. It is saying, with position, “most people choose this one.” That is a legitimate signal if it is true.

The manipulative version is when the centred plan is chosen because it is the most profitable, regardless of whether it is the best fit for most users. A plan loaded with features most users do not need, centred to capture the position bias, is exploiting the effect at the user's expense. The test, as always: is the plan you are centring genuinely the right choice for a typical user of this product?

✓ Apply it like this
→Centre the plan or option that is genuinely the best fit for most users -- not the most profitable one, unless those are the same thing.
→Stack the centre-stage effect with visual emphasis -- a 'Most popular' badge and a highlighted border amplify the position bias and signal social proof simultaneously.
→Use it for product carousels and feature showcases too -- the item in the centre of a horizontal scroll will be perceived as the main or default option.
→Remember it only applies to horizontal arrangements -- for vertical lists, use primacy (top position) or visual weight to signal the recommended option instead.
✗ Common mistakes
→Leaving the plan order to chance or convention -- if your target plan is not in the centre, you are leaving a significant conversion lever untouched.
→Centring the most expensive plan -- if your top tier is in the centre, users read it as the standard, not the premium. This devalues the premium positioning.
→Applying this pattern to vertical mobile layouts -- stacking three options vertically on mobile gives the position advantage to the top item, not the middle one.
→Centring a plan that is not genuinely the right fit for most users -- the centre-stage effect is a nudge, not a mask.

Valenzuela, A., & Raghubir, P. (2009). Position-based beliefs: The centre-stage effect. Journal of Consumer Psychology, 19(2), 185--196. Christenfeld, N. (1995). Choices from identical options. Psychological Science, 6(1), 50--55.