UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

Member-only story

Jakob Nielsen’s 10 heuristics for user interface design with practical examples

Atefe Rahdan
UX Collective
Published in
8 min readFeb 9, 2020

One of the many challenges us UI and UX designers face before, during, and after designing or improving a feature or page, is how to know if we’re on the right path. While there are many methods to test your designs, “Jakob Nielsen’s 10 heuristics for user interface design” are one of the must-does when designing, wireframing, or evaluating a design.

As Harry Callahan says “Experience is the best teacher of all.” So we will review the applicable heuristics with real-life examples of user experience projects I have been working on in BaSalam.

1. Visibility of system status

“The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.”

For instance, in a good check-out process, it’s essential for users to know the list of steps to be carried out and which step they are currently in.

Basalam Cart Progress Bar
Progress bars are good indicators of the system status in a checkout funnel

Understanding a system’s current state is all about allowing users to feel and control. But bare in mind : “Too much information is distracting.” So just let users know about the key pieces of information.

2. Match between the system and the real world

“The system should speak the users’ language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.”

When you go shopping in a mall you put the products you are buying in a shopping cart. Since e-commerce and marketplaces are the digital forms of shopping, we need to simulate the exact real-life concepts in our design. So that’s why we use the name and icon of shopping carts or shopping baskets in the interface.

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Written by Atefe Rahdan

UX Design Lead @ Divar | Still figuring life out

Responses (1)

Write a response