A conceptual model of the Amazon.co.uk website shown as a block diagram (described in the text).

Conceptual Models: The Hidden Structure Behind Your Next Great Interface

by William Hudson • 21 min read

374 Shares

Ever wondered why some interfaces feel effortless: like they already know what you’re trying to do, while others leave you guessing? The difference often lies in how well a product’s design matches the way users think. When your interface reflects their mental model, every action feels intuitive, and every feature makes sense. But when it doesn’t, confusion creeps in. Master how to shape your conceptual models around users’ understanding (not the system’s inner workings), and you can design products that feel natural, familiar, and trustworthy, no matter how complex they are behind the scenes.

Your initial conceptual model is usually just a block diagram showing the main concepts and their relationships. You must explain these concepts and relationships to your users through the interface. As you move into more detailed design, you begin to consider the structure and operation of the user interface and incorporate these details into the model.

Hidden complexity doesn’t stay hidden. If important concepts exist in your system but not in your conceptual model, users will eventually discover them: usually at the worst possible moment.

© Warner Bros., Fair use

In this video, William Hudson, User Experience Strategist and Founder of Syntagm Ltd, uses examples from Amazon’s evolving interface to show how conceptual models reveal the core concepts behind a design and ensure users can easily understand how a system works.

Transcript

Amazon's Consistency Builds User Trust and Understanding

In the video, William discussed Amazon’s UK website in terms of conceptual models. The screenshots are reproduced below. One of the main points is that despite numerous changes to the visual presentation over 20 years, the conceptual model for the main e-commerce site hasn’t changed.

The model (above) and screenshots (below) clearly show the main concepts:

  • Shopping basket

  • Account

  • Departments

  • Search

This consistency is a powerful feature of a robust conceptual model, helping users remain familiar with a solution despite adjustments to its appearance.

© Amazon.co.uk, Fair use

© Amazon.co.uk, Fair use

© Amazon.co.uk, Fair use

© Amazon.co.uk, Fair use

Match Your Interface to How Users Think and Make Interfaces Feel Effortless

In this video, William explains how system and user conceptual models differ, showing why designers must align technical structures with users’ mental models and everyday terminology to create intuitive interfaces.

Transcript

The difference between a system model and a user’s model is quite important. Here’s an example based on a familiar system: an elevator.

User's Model

The user’s model is simple:

  1. You request an elevator with the call button.

  2. The external floor indicator shows where the elevator is now.

  3. The door opens when the elevator arrives.

  4. You enter and select your destination floor with a button inside (“floor selector” in the diagram).

User’s model of an elevator. It's conceptually simple and familiar.

© Interaction Design Foundation, CC BY-SA 4.0

While many elevators work like the one above, larger buildings with numerous elevators now employ a substantially different model:

  1. You select your destination floor at a communal panel in the elevator lobby and are told which elevator to use. (See image below.)

  2. When the elevator arrives, you enter and wait for your floor to be shown.

There are no floor selection controls inside the elevators! While this approach is highly efficient, it is incredibly confusing to novice users. If you enter an elevator without selecting the floor in the lobby, you will have to hope it stops on your floor or get out at the next opportunity and start again. This is not a good example of introducing changes to a well-established system.

Smart elevators, technically known as "destination dispatch systems," have floor selectors outside the elevator cars.

© Kone Corporation, Public domain.

Engineer's Model

The more complex model below is a basic elevator from an engineering perspective. Some of the same concepts from the users’ model appear, but this model is oriented toward how the system works rather than how it should be used. This is effectively the same for software systems: our conceptual model of the user interface is from a user’s perspective, while the system model is from a developer's perspective.

This is a basic elevator from an engineering perspective. It shows how the complex system works, not how to use it.

© Interaction Design Foundation, CC BY-SA 4.0

When you use the same maps as engineers, just viewed from different perspectives, it helps make designer-developer communication more precise. You'll foster a shared language that aligns understanding and reduces misinterpretation, ensuring your final product remains true to both user needs and technical realities.

The Take Away

Your real power as a designer lies not in visuals, but in understanding: making technology feel human and instantly clear to the people who use it. Solid conceptual models help you do that by shaping how people interpret and interact with your solution.

As the Amazon example shows, when your conceptual model is strong, it can stay consistent for years, even as your interface evolves. This kind of stability builds familiarity, trust, and comfort for your users, no matter how much your product changes on the surface.

It’s also vital to understand the difference between a user’s model (how they think the system works) and a system model (how it actually works behind the scenes). When you align the two, you create experiences that feel natural and intuitive instead of confusing or forced.

By mastering conceptual models, you'll become the designer who bridges the gap between people and technology: someone who creates clarity where others create complexity, and products that feel instantly usable from the very first click.

References and Where to Learn More

Explore how to design for your user's mental model in more detail in our article, Conceptual Models.

Hero image: © William Hudson, used with permission and redrawn by Interaction Design Foundation, CC BY-SA 4.0

Learn More in This Course:

AI for Designers

9 days
19 % booked
View Course

What You Should Read Next

  • Read full article
    An Introduction to Usability - Article hero image
    Interaction Design Foundation logo

    An Introduction to Usability

    Usability and user experience (UX) are not the same thing: the usability of a product is a crucial part that shapes its UX, and hence falls under the umbrella of UX. While many might think that usability is solely about the “ease of use” of a product, it actually involves a great deal more than that

    Social shares
    1.1k
    Published
    Read Article
  • Read full article
    How to Use Mental Models in UX Design - Article hero image
    Interaction Design Foundation logo

    How to Use Mental Models in UX Design

    Mental models are important in Human-Computer Interaction (HCI) and interaction design because they provide information about how users perceive the world and interact with products or services. Let’s explore this concept more closely.Mental models indicate what a user expects to happen based on exp

    Social shares
    1k
    Published
    Read Article
  • Read full article
    How to Transform Mental Models into Conceptual Models for Mobile UX - Article hero image
    Interaction Design Foundation logo

    How to Transform Mental Models into Conceptual Models for Mobile UX

    Conceptual models are used in HCI and interaction design as a way for designers to communicate how they interpret users' mental models to stakeholders, team members, and developers. They help ensure that everyone involved in the design process understands how users interact with the product or servi

    Social shares
    824
    Published
    Read Article
  • Read full article
    Understand the Elements and Thinking Modes that Create Fruitful Ideation Sessions - Article hero image
    Interaction Design Foundation logo

    Understand the Elements and Thinking Modes that Create Fruitful Ideation Sessions

    Facilitating ideation sessions involves an understanding of human thinking and mental modes as well as a whole range of factors like creating the right environment and goals, which we’ll introduce you to here.“Ideation is the mode of the design process in which you concentrate on idea generation. Me

    Social shares
    809
    Published
    Read Article
  • Read full article
    How to Design for Ease of Use - Article hero image
    Interaction Design Foundation logo

    How to Design for Ease of Use

    Ease of use is something that designers strive for but how can you design for ease-of-use? It’s a common question at the start of projects; “If we’re going to do this well, it will need to satisfy ease-of-use for our customers. What kind of universal metrics can we apply to ensure that the product d

    Social shares
    777
    Published
    Read Article
  • Read full article
    Three Common Models of the Brain to Help You Develop Better User Experiences - Article hero image
    Interaction Design Foundation logo

    Three Common Models of the Brain to Help You Develop Better User Experiences

    There are many different conceptual models of the brain. It’s important to note that many of them lack any scientific basis – this does not, however, negate the fundamental importance of these models. They are not there to “prove” anything but rather to stimulate creative thought as to how designers

    Social shares
    753
    Published
    Read Article

Top Articles

Top Topic Definitions

Feel Stuck?
Want Better Job Options?

AI is replacing jobs everywhere, yet design jobs are booming with a projected 45% job growth. With design skills, you can create products and services people love. More love means more impact and greater salary potential.

At IxDF, we help you from your first course to your next job, all in one place.

See How Design Skills Turn Into Job Options
Privacy Settings
By using this site, you accept our Cookie Policy and Terms of Use.
Customize
Accept all

Be the One Who Inspires

People remember who shares great ideas.

Share on:

Academic Credibility — On Autopilot

Don't waste time googling citation formats. Just copy, paste and look legit in seconds.

Feel Stuck? Want Freedom?

Get one powerful email each week, like 326,021 others.

Learn to design a life you love.

Next email in
6
days
0
hrs
44
mins
14
secs