Skip to content
tezvyn:

Mental Models: Design for What Users Believe

Source: nngroup.comHardHow cards are made

Mental Models: Design for What Users Believe

A mental model is the user's internal story of how your UI works, based on past experiences, not your design spec. This is why users expect your site to work like others they've used. The footgun is assuming users share your expert model; they don't.

Why it exists

To explain why users succeed or fail with an interface. People make predictions about how a system will work based on what they already know. Understanding their internal beliefs—their mental model—is the key to designing intuitive products that don't cause frustration.

The mental model

A mental model is what a user believes about your system. It is not based on facts or your design documentation, but on their own past experiences with other, similar systems. Users leverage this internal model to predict what will happen when they take an action.

How it works

Users form mental models by transferring knowledge. Because they spend most of their time on other websites (Jakob's Law), they expect your site to act like others they've seen. The core challenge in usability is the gap between the designer's mental model and the user's. A designer has a wonderfully detailed model of their own creation, while a user's is simpler and less complete, leading them to make errors when the design behaves unexpectedly.

When to use it

Always. A primary goal of UX design is to create an interface that helps users form an accurate mental model of the system. This is usually done by aligning with established design patterns and conventions, which matches what users already expect. Your design should clearly communicate its own rules.

When not to use it

Never ignore user mental models. Violating a strong, pre-existing model without a compelling reason guarantees confusion. If you must introduce a novel interaction, you need to provide clear guidance to help users update their internal model, otherwise they will get stuck or make mistakes.

One canonical example

The online shopping cart. Users have a strong mental model based on physical shopping: they control what goes into the cart. Some e-commerce sites violate this by automatically adding items like "shipping insurance" at checkout. This is a deceptive pattern called preselection. Because it breaks the user's model, it causes frustration when they notice the unexpected charge and have to figure out how to remove it.

Interview question

What is the primary challenge designers encounter when considering user mental models?

  • a.The difficulty in persuading users to adopt a new mental model for innovative interfaces.
  • b.The divergence between the designer's comprehensive understanding and the user's expectations based on past experiences.Correct
  • c.Users' mental models are often too simplistic to grasp complex system functionalities.
  • d.Designers' inability to fully document their own system's mental model for users.
Why?

The card states, "The core challenge in usability is the gap between the designer's mental model and the user's," highlighting the difference between the designer's detailed model and the user's simpler, experience-based one. Option A describes a consequence of this gap, rather than the core challenge itself.

Just read this? Test yourself on what you have been reading.

Read the original → nngroup.com

You just looked this up. Could you explain it out loud?

That is the part interviews actually test. Tezvyn takes questions like this one and gives you what the interviewer is really checking, the answer that lands, and the mistake that ends the conversation, in the four minutes before your next meeting.

The iPhone app is on the way

We are building it. Until it lands, nothing here is held back from you: every interview card, your saved cards, streaks and the job board all work in Safari, plus hundreds of free practice quizzes of thirty questions each. Sign in and it all carries over to the app the day it arrives.

Want it as an icon? Tap Share at the bottom of Safari, then Add to Home Screen. It opens full screen and the cards you have read stay available offline.

Get it on Google PlayiPhone app coming soon

We are hiring for this. Open roles that interview on ui design — each one lists the topics its interview covers.

See open roles