9: Consistent Is Comfortable

Or: Stop Surprising Your Users (They Hate That)

Imagine walking into your favorite coffee shop.
You know where the counter is.
You know where to queue.
You know how the menu works.
You know the order of operations, without thinking.

Now imagine walking in one day and:

  • The counter’s on the opposite wall
  • The sizes are renamed “petite,” “boss,” and “galactic” for some reason
  • And the menu? A QR code that leads to a sideways PDF, because of course it is.

Same building.
Totally different experience.
And you’re instantly uncomfortable.

That’s what inconsistent interfaces feel like.
Disorienting. Distrustful. Sometimes even hostile.

Predictability builds confidence

People don’t want to re-learn your site every time they visit. They want to build mental models – patterns they recognize and rely on.

Consistency helps:

  • Reduce cognitive load
  • Increase speed and comfort
  • Make navigation feel intuitive
  • Support users with memory, attention, and executive function challenges

Every time you change a pattern – button styles, link behavior, layout – you make people stop and think. And when someone’s already fighting brain fog, decision fatigue, or just trying to get through the day, that extra thinking can be the difference between getting it done or giving up.

Navigation menus: Pick a lane and stay in it

Your main nav is like the spine of your site. If it keeps changing, people can’t find what they need.

That means:

  • Keep the order and structure consistent
  • Use the same labels across pages (don’t call it “Help” on one page and “Support” on another)
  • Keep login/profile links in the same place
  • Avoid surprise changes between desktop and mobile views

Predictable nav builds trust.
Shifting nav builds rage.

Buttons and links: Train, then deliver

If you’ve taught users that:

  • Pink lozenges are buttons
  • Underlined blue text is a link
  • Icons always appear before the label

…then stick to that pattern.

Don’t flip it later.
Don’t randomly restyle a button to look like plain text.
Don’t switch the order or location.

Train the user. Then respect the training.

Contextual help: Don’t play hide and seek

If your site provides tooltips, instructions, or hover-based help, make them consistent.

  • Always place help icons in the same location
  • Use the same visual style
  • Provide accessible alternatives (tooltips don’t help if you can’t hover)

Contextual help should feel like a steady hand on the shoulder, not a game of “Where’s Waldo?”

Forms: Structure matters

We’ve talked a lot about forms in this section (for good reason), but it bears repeating here:

Form layout needs to be consistent:

  • Labels go above or beside fields, but pick one of those
  • Required field indicators should always look the same
  • Submit buttons should be easy to find, in the same place on every step

Even the spacing matters. If it looks broken, it might as well be.

Headings, layout, and page structure

Users rely on headings to scan a page. Especially screen reader users. Don’t play fast and loose with heading levels or styles.

  • Stick to a clear hierarchy: h1 > h2 > h3, etc.
  • Don’t skip levels or change styles arbitrarily
  • Keep similar sections formatted in similar ways

And if you’re using card layouts, columns, or tabs? Use the same order and interaction model throughout the site.

Every time a user feels “I know what to expect here,” that’s a small moment of safety. Give them more of those.

Labels matter for voice users, too

If someone is using voice control to interact with your site, they rely on pattern matching – saying what they see.

Always make sure the visible label matches the beginning of the accessible name.
If users see “Send,” then “Send” should come first – even in the code.

And don’t rely on icons alone.

That cute little image? It might be a:

  • Shopping cart
  • Trolley
  • Basket
  • Bag
  • Checkout icon
  • Mystery emoji with wheels
Icons corresponding to the different labels. The icons for shopping cart, trolley and checkout icon are similar-looking push-carts found in grocery stores. Basket is a hand basket. Bag is a square-shaped bag with a handle. Finally, mystery emoji is a 2-wheel dolly or sack truck.

Without a text label, voice users (and screen readers, and cognitive support tools) are left guessing.

Clarity and consistency in labels help everyone. But for voice control users, they’re essential.

Consistency helps everyone

  • People with ADHD feel more grounded
  • People with anxiety feel more relaxed
  • People with screen readers find things faster
  • People on mobile don’t tap the wrong thing
  • People with limited energy don’t waste it on navigation

And honestly? Everyone else just has a better time, too.

Consistency isn’t just about accessibility.
It’s about being kind.

Quick checklist: Are you building comfort?

  • Is your navigation consistent across pages and screen sizes?
  • Do your links and buttons follow a clear visual and behavioral pattern?
  • Is your help content in predictable places, with familiar icons or labels?
  • Are form layouts and label positions consistent across your site?
  • Are heading levels structured logically and visually stable?
  • Do your accessible names begin with the visible label text?
  • Do your icons include clear text labels when needed?

Order from chaos, one predictable nav at a time

Good design isn’t always exciting.
Sometimes it’s invisible. Predictable. Even a little bit boring.

But that’s what makes it work.

In a world full of chaos, a consistent website is a gift.
It tells the user:

“You’re safe here. You know what to expect. You’ve got this.”

Comfort is power.
And consistency is how we deliver it.

Back to top