Consistency in UI Design: 6 Basic Principles

FlowMapp
4 min readJul 19, 2022

--

Build your website using consistency and standards principle. Why so? To create a strong website, first, and to meet your users’ needs. Also, to make their interactions with your product easy and effective. What else on earth do we need?!

Definition

The rule of consistency and standards means that a user’s interaction with your product never confuses him. “Consistency is one of the most powerful usability principles: when things always behave the same, users don’t have to worry about what will happen.” — Jakob Nielsen. By following consistency and standards you make your product desirable.

DESIGNED BY BUNIN DMITRIY

How Does It Help?

  1. The consistency of elements reduces the number of actions that a user has to make to achieve his goal.
    So the user doesn’t need to learn how to use your website. Just imagine how frustrating it can be to make lots of steps to find something that he is interested in on your website.
  2. Following the standards, you reduce misunderstandings when users interact with your product.
    People tend to act the way they’ve already acted using other websites. So when we deny the consistency and standards principle, it may cause confusion for users as they have already gotten used to acting a certain way.
DESIGNED BY BUNIN DMITRIY

Consistency Principles

Let’s have a look at consistency principles, so you can use them while creating your own product.

#1

Use easy language, familiar terms, and phrase patterns. Don’t scare your user with complex language. Nowadays, when efficiency is so important, any delay caused by language confusion can be critical.

DESIGNED BY BUNIN DMITRIY

#2

Use standard interface elements “standardly”. UI elements such as message windows, icons, scrollbars should be clear for a user. In this case, the “creativity” will just annoy.

DESIGNED BY ROMAN KAMUSHKEN

#3

Use the standard website layouts when planning UI. Maybe copying is a little bit odd but we don’t talk about moral questions here. Moreover, it is absolutely okay to “copy” such things when we talk about the user’s experience. The human memory “memorizes” the standard and the most convenient position of the main interface elements.

For instance, it is good for the user’s experience to put our logo in the upper left, and it’s good to place the search button in the upper right corner. The “Sign In”, as we remember, is always at the upper right corner. So don’t be afraid to follow these standards to help your user to reach his goals.

DESIGNED BY CRAFTWORK

#4

Don’t deceive your user’s expectations. Your website’s interface should “carry out” its functions. If users want to buy airline tickets, they expect to find the booking button easily. Consistency means your website has all the needed elements like YouTube has a video player.

#5

Follow the consistency of visual elements. Fonts, colors, content, etc. should fit together. Read our article about Content Design to learn how to build content harmonically. HTML5 and CSS3 technical conventions are also one of the ways to keep the consistency principle.

DESIGNED BY HEAVYWEIGHT

#6

We should follow the consistency principle when it is necessary. It’s true. Basic elements of the user interface should never cause misunderstandings. But use this principle wisely: don’t be afraid to innovate if it makes sense and levels up the user’s experience.

FLOWCHART TOOL BY FLOWMAPP FOR EXCEPTIONAL UX PLANNING

Consistency in UI Design

Read a good free book about consistency principles in UI design.

FLOWMAPP TEAM RECOMMENDS THE BOOK

Consistency in Life

Stability is such an important concept. We accustom ourselves to many things in our life. And in a century of “high speed,” it is nice to keep using products that we love and already know. Don’t frustrate your user with totally new things, elements, structure. Stick to standards to create high-quality products. Take a look at iPhones: the same level of quality with every new item but with additional features.

DESIGNED BY 360 MOCKUPS

Conclusion

Following rules is not that bad in many cases. The consistency and standards principle proves that. It allows you to reduce time and overthinking, especially when there is no reason for it. The language that you use, UI elements, website features, and layouts should be functional at first.

Great web design starts with planning. Great planning starts with FlowMapp

Meet the FlowMapp 2.0. Complex solution for all stages of planning process. From idea to clickable prototypes. Add FlowMapp to you toolkit

Originally published at https://www.flowmapp.com.

--

--

FlowMapp

Design exceptional UX for beautiful websites and products with online collaborative tools