Mental Models, Signifiers, Affordances and Skeuomorphism in UX Design

When people interact with digital products, they rarely start from zero. Most of the time, they already have expectations about how things will work. These expectations come from previous experiences with other apps, websites and everyday objects.

Understanding these expectations is an important part of UX design. Concepts such as mental models, signifiers, affordances and skeuomorphism help explain why certain interfaces feel intuitive while others feel confusing.

Mental Models

A mental model is the understanding a user has in their mind about how a system works. It is formed through past experiences, cultural patterns and repeated exposure to similar interfaces.

Because people interact with many digital products every day, certain patterns have become familiar. When users see these patterns, they immediately know what action to take.

For example:

• Clicking on a logo usually takes the user back to the homepage.
• A plus icon (+) usually means adding something.
• A trash icon indicates deleting something.
• A back arrow represents going to the previous page.

These patterns are widely used across different products, which is why users recognize them instantly without needing instructions.

Designs that match users’ mental models tend to feel easier to use. When an interface behaves the way people expect, it reduces confusion and increases user confidence.

Understanding User Expectations

Before designing an interface, it is important to consider what users might assume when they see an element on the screen.

Some useful questions to think about include:

• What will people think this element does?
• Have users seen something like this before?
• Does it look like a button, link, or another interactive element?

When design aligns with these expectations, interactions become smoother and more intuitive.

People Rarely Read Instructions

In most digital products, users rarely read instructions before interacting with an interface. Instead, they rely on intuition and previous experience.

People tend to trust what they already know rather than learning something new from instructions. Because of this, interfaces should communicate their purpose visually rather than depending on written guidance.

Clear visual cues help users understand what actions are possible without needing explanations.

Signifiers

A signifier is a visible indicator that shows what action is possible and how it should be performed.

Signifiers guide users by giving clear visual hints about interaction.

Examples include:

• A button with shadow or elevation, which suggests it can be pressed.
• Underlined text, which indicates a clickable link.
• A light on an elevator button, which shows that the request has been registered.

These visual indicators help users understand what is happening in the system and what they can do next.

The Elevator Button Example

A simple real-world example of a signifier can be seen in elevator buttons.

When the button is pressed, it lights up. This light indicates that the request has been registered and the elevator is on its way.

Without this feedback, people might keep pressing the button repeatedly because they are unsure whether the system responded.

Affordances

Affordance refers to the possible actions an object allows based on its design and properties.

In many cases, the appearance of an object suggests how it should be used.

For example:

• A chair affords sitting.
• A button affords pressing.
• A slider affords sliding.

The design of the object communicates its function.

If an interface element does not clearly suggest how it should be used, users may hesitate before interacting with it.

For instance, if a payment option appears as a clearly styled button, users immediately understand that it is clickable. However, if the same word appears as plain text without any visual distinction, users may be unsure whether it is interactive.

This hesitation usually indicates weak affordance.

Skeuomorphism

Skeuomorphism is a design approach where digital interfaces imitate the appearance or behavior of real-world objects.

This helps users understand digital elements by connecting them with familiar physical objects.

Examples include:

• A folder icon that resembles a real folder used to store documents.
• A file icon that looks like a sheet of paper.

These visual representations make it easier for users to understand what the element represents and how it should be used.

Skeuomorphism often supports mental models, signifiers, and affordances because it uses familiar real-world references.

Familiar Patterns vs New Interactions

Designers sometimes experiment with completely new interaction styles. While this can lead to innovation, it can also introduce confusion if users are unfamiliar with the pattern.

Using patterns that people already recognize is often easier and safer for usability. Familiar interfaces allow users to interact with products without needing to learn new behaviors.

Because of this, many successful designs rely on established patterns that users already understand.

Final Thoughts

Good UX design often feels simple because it aligns with how people naturally think and interact with the world.

By understanding mental models, providing clear signifiers, designing strong affordances, and using familiar visual cues, designers can create interfaces that users understand almost instantly.

When a design matches user expectations, interaction becomes effortless.