Mental Models
Part of the UI/UX Design Roadmap
In short
Users arrive with expectations built from every other app they've used. Match those expectations and your design feels obvious. Break them and even a clever design feels broken.
The internal understanding a user already has about how something should work, based on prior experience — designs that match existing mental models feel intuitive; designs that violate them feel confusing, even if 'logically correct'.
Think of it like this
Light switches abroad
In India you press a switch down to turn the light on. In the US it's up. An Indian student's first week in a US hostel involves a lot of wrong flicks. Nothing's broken; it just doesn't match their mental model.
Watch it happen
A 'pull to refresh' feed
Matches model
- Pull down to refresh, like other apps
- Tap a photo to open it
- Users succeed without thinking
Breaks model
- Swipe left to refresh instead
- Double-tap opens, single tap likes
- Users feel the app is buggy
Follow common patterns unless you have strong evidence that a new one is clearly better, and then teach it.
The big ideas
What you need to know
Built from experience
People expect your app to work like the ones they already use. That's Jakob's Law in a nutshell.
Borrow real-world ideas
A shopping cart, a trash bin, a folder. Familiar metaphors help people guess how things work.
Research reveals models
Interviews and card sorts show how users think things are organised, which may differ from your view.
Save yourself the pain
Common mistakes
Oops
Inventing a new gesture to look innovative.
Do this instead
Use familiar patterns for common actions. Save innovation for the problem you're solving.
Oops
Assuming users think about the system like the engineers do.
Do this instead
Users don't see databases and APIs. Design around how they see the task.
Your mission
Spot broken expectations
Quick check
Your new app uses a swipe-up gesture to go back, unlike every other app. What's likely?
Go deeper
- 1Identify a common UI pattern (e.g. a shopping cart icon) and the mental model it relies on.
- 2Critique a design that violated a common mental model and confused you as a user.
- 3Learn why 'don't make me think' often means matching an existing mental model, not innovating.
More topics at this stop
Information Architecture Basics
Site Maps & Navigation Design
User Flows
Task Flows
Content Strategy for UX
Progressive Disclosure
Onboarding Flow Design
Stuck on this topic? Ask an Insider
Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.
