You are currently viewing 6 Principles of User Interface Design
6 Principles of User Interface Design

6 Principles of User Interface Design

In this article, we will discuss about the 6 principles of User Interface Design.

Larry Constantine and Lucy Lockwood gave these design principles. They wrote the 1999 Jolt Award winning book called ‘Software for Use: A Practical Guide to the Models and Methods of Usage-Centered Design‘.

These 6 principles of user interface design can help us analyze the user intentions and interaction patterns. As a result, we can create usage-centered and enhanced interfaces.

The 6 principles of user interface design are –

Let’s find out what these 6 design principles mean. Also, how to effectively use them in our user interface.

The Structure Principle

The first of the 6 principles of user interface design is the Structure principle.

The idea behind structure principle is to have a well organized user interface. The information architecture should make it easy for the user to find required information.

Place the content at the expected location. For example, the user expects to find the company details in the About Us page of the website.

Design the navigation system effectively. This will help the user to navigate though the interface smoothly.

The user should at all times know his location in the interface and should not feel lost. In this case, you can use breadcrumbs to show the user journey. This will allow him to easily navigate without any confusion.

The navigation system elements should be kept at obvious places. For example, the users are habitual to see the global menu of a website on the top. Not finding the global menu on top can lead to confusion and bad user experience.

The Structure Principle - 6 Principles of User Interface Design
The Structure Principle – 6 Principles of User Interface Design

The Simplicity Principle

The interface design should be very straight-forward, easy to understand and easy to use. This should be irrespective of the expertise level of user. Which means, a new user should be able to use it as effectively as an old user.

The communication should be clear and in a language which the user can understand. The user should be able to understand the message and take actions accordingly.

Complexity in interface design should be avoided as much as possible. If a task is complex and difficult, break it into simpler steps. Therefore, this will reduce the cognitive load on the user.

Avoid cluttering the interface with unnecessary or irrelevant information. This will help the user focus on important things and achieve the goal quickly and efficiently.

The Simplicity Principle - 6 Principles of User Interface Design
The Simplicity Principle – 6 Principles of User Interface Design

The Visibility Principle

The user interface design should lay emphasis on the important elements. All the important information and functionalities should be clearly visible to the user.

Visibility can be increased with the help of font sizes, typefaces, colors and spacing. Typographical emphasis like bold, italic and underline can also be used.

For example, visibility of important content can be increased by using bigger font sizes. In the same way, visibility of click to action buttons can be increased by using eye catching colors.

You can also try to place the elements at the most visible places of your interface. Or, make the important elements more visible by removing redundant things around it.

Visibility should also be considered in the process to achieve a goal. There should be a transparent process without any hidden functionalities.

Along with these principles, you can also use tools for specific purposes which can help you create better designs.

5 Best Web Design Tools for Beginners

6 Adobe tools for UI / UX Design

The Visibility Principle - 6 Principles of User Interface Design
The Visibility Principle – 6 Principles of User Interface Design

The Feedback Principle

Every user action in the interface should give a reaction. This is to make sure that the action has been performed successfully. Due to this principle, the users can avoid performing actions repeatedly for surety.

For example, you have registered for newsletter from a website. If you don’t receive a success notification from them in any form, you might feel confused. You might want to register again to make sure the action has taken place successfully.

This is why feedback principle is important. It brings certainty to the user that the action has been performed.

Even if an action is unsuccessful, the user should should be informed about it. Moreover, the interface should provide guidance on what they can do next to fix it.

If there is a loading screen, uploading or downloading file, the percentage of work done should be displayed. So that, the user knows that the work is in progress and don’t start panicking.

10 mistakes every UI/UX designer makes

The Feedback Principle - 6 Principles of User Interface Design
The Feedback Principle – 6 Principles of User Interface Design

The Tolerance Principle

The interface should be tolerant of the human mistakes. It should provide hints and guidance so that the user can achieve the tasks without any mistakes.

For example, while setting a password, a good UI system prompts about the length of password. It also tells what symbols and characters to include and how to set a strong password.

This is so much better than telling that the set password does not meet criteria at the end of the process. It saves a lot of rework.

On the other hand, if a mistake is performed, the user should always be able to revert back without any losses. Undo and redo options should be provided wherever necessary.

For instance, if a user forgets his password, we won’t block his account straightaway. We will provide hints and recovery methods.

The tolerance principle makes the user feel safe while exploring and using the interface.

The Tolerance Principle - 6 Principles of User Interface Design
The Tolerance Principle – 6 Principles of User Interface Design

The Reuse Principle

The last of 6 principles of user interface design is the Reuse principle.

It deals with trying to avoid duplicating of information and elements. Reuse the elements wherever possible to optimize the interface.

If you need the same user details at two different places, make them enter the details just once. You already have the information at back-end and can reuse it.

The reuse principle also works for UI elements. Using the same elements for similar tasks will bring consistency in the interface.

For example, if you have 10 download buttons in your website, make sure you are reusing the original design and not designing 10 different looking download buttons.

Different designs can confuse the user and reduce the consistency in the interface.

You can also reuse templates so that the heading and text style, content arrangement, colors etc are consistent throughout your interface.

The Reuse Principle - 6 Principles of User Interface Design
The Reuse Principle – 6 Principles of User Interface Design

Conclusion – 6 Principles of User Interface Design

In this article, we have discussed the 6 principles of User Interface design in depth. I hope the examples and images helped you understand the concept in a better way.

Implementing these design principles can surely help us improve our design sense and ultimately our user interfaces. Make the best out of it so that you can become a better UI/UX Designer.

What is the salary of a UX Designer?

FAQ – 6 Principles of User Interface Design

What are the general principles of user interface design?

The general principles of user interface design are – it should be structured properly, simple to use, all important elements should be clearly visible, tolerant of user mistakes, aesthetically pleasing and consistent.

What are the six principles of designing a UI project?

The 6 principles of user interface design are Structure, Simplicity, Visibility, Feedback, Tolerance and Reuse.

This Post Has 58 Comments

  1. Hairstyles

    Hello this is somewhat of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding know-how so I wanted to get advice from someone with experience. Any help would be enormously appreciated!

    1. Ritika Singh

      Depends on the blogging platform. WordPress has both WYSIWYG and coding with HTML while Blogger uses HTML.

  2. Beauty Fashion

    I’m really enjoying the theme/design of your website. Do you ever run into any browser compatibility issues? A few of my blog readers have complained about my blog not working correctly in Explorer but looks great in Firefox. Do you have any solutions to help fix this problem?

  3. Hairstyles

    Thanks a lot for sharing this with all people you really recognise what you are talking approximately! Bookmarked. Please additionally talk over with my web site =). We can have a link trade agreement among us!

  4. Alannah

    I blog frequently and I really appreciate your content.
    This great article has truly peaked my interest.

    I will book mark your blog and keep checking for new information about once
    a week. I subscribed to your RSS feed too.

  5. April

    Thanks for another informative web site. The place else
    may just I get that kind of information written in such an ideal method?
    I have a undertaking that I’m simply now running on, and I have been on the look out
    for such info.

  6. Fashion Styles

    I have been checking out a few of your posts and i can state pretty nice stuff. I will surely bookmark your blog.

  7. Erna

    Every weekend i used to visit this site, for the reason that i want enjoyment, for the reason that this this site conations truly nice
    funny information too.

  8. Hairstyles

    Somebody essentially help to make seriously posts I would state. This is the first time I frequented your web page and thus far? I surprised with the research you made to make this particular publish extraordinary. Excellent job!

    1. Ritika Singh

      I just try to deliver the truest information to make more people aware about this field πŸ™‚ Thank You <3

  9. Hairstyles

    I like the valuable information you supply on your articles. I抣l bookmark your weblog and test again right here frequently. I am fairly sure I抣l be informed plenty of new stuff right here! Best of luck for the following!

    1. Ritika Singh

      I’m so glad that it was of help to you πŸ™‚

  10. Hairstyles

    That is really fascinating, You are a very skilled blogger. I have joined your rss feed and look forward to looking for more of your excellent post. Also, I have shared your site in my social networks!

  11. Fashion Styles

    Hey there! I could have sworn I’ve been to this website before but after browsing through some of the post I realized it’s new to me. Nonetheless, I’m definitely delighted I found it and I’ll be book-marking and checking back frequently!

  12. Hairstyles

    Thank you for the good writeup. It in fact used to be a leisure account it. Glance complex to far delivered agreeable from you! However, how could we keep in touch?

    1. Ritika Singh

      Thanks a lot πŸ™‚ You can find my social media handles on the website or can also connect through contact page.

  13. Hairstyles

    I have been exploring for a little bit for any high quality articles or blog posts on this kind of area . Exploring in Yahoo I finally stumbled upon this web site. Studying this info So i抦 happy to express that I have a very excellent uncanny feeling I discovered just what I needed. I most surely will make sure to don抰 put out of your mind this web site and give it a glance regularly.

    1. Ritika Singh

      Thank you so much. Glad it was of help πŸ™‚

  14. Hairstyles

    whoah this blog is excellent i really like studying your articles. Keep up the great paintings! You know, a lot of persons are searching round for this information, you could aid them greatly.

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  15. Hairstyles

    Great web site. Plenty of useful info here. I抦 sending it to a few pals ans additionally sharing in delicious. And obviously, thank you in your effort!

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  16. Hairstyles

    I intended to put you this very little observation in order to say thanks a lot over again for your personal spectacular opinions you’ve discussed on this page. It was quite surprisingly open-handed with people like you in giving easily all most of us could have made available for an e book to generate some money for their own end, especially considering that you might well have tried it in case you wanted. Those pointers likewise worked to be the easy way to be aware that other people have similar interest just as my personal own to figure out a whole lot more with regard to this issue. I am sure there are millions of more pleasant opportunities up front for folks who find out your site.

    1. Ritika Singh

      I would probably write one once I have retired from work :p Much more wiser and free. Till then I would continue to do this and make more friends πŸ™‚

  17. Hairstyles

    Heya i am for the primary time here. I came across this board and I to find It really helpful & it helped me out a lot. I’m hoping to give something back and help others like you helped me.

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  18. Callum

    I know this if off topic but I’m looking into starting my own blog and was wondering what all is needed to get
    set up? I’m assuming having a blog like yours would cost a pretty penny?

    I’m not very web smart so I’m not 100% certain. Any suggestions or advice
    would be greatly appreciated. Appreciate it

    1. Ritika Singh

      Buying a domain name (For example, for me it is – uiuxdesignguide) and web hosting (platform which gives you a space to launch your website in the internet) does cost a little. You also have to renew it annually. But it’s worth if you can earn more from it than you are investing.

  19. Mai

    I’ll right away take hold of your rss feed as I can’t find your e-mail subscription link or newsletter service.

    Do you have any? Please permit me recognise in order that I could subscribe.

    Thanks.

  20. Hairstyles

    An attention-grabbing dialogue is value comment. I believe that you should write extra on this subject, it may not be a taboo subject however usually individuals are not enough to speak on such topics. To the next. Cheers

    1. Ritika Singh

      I will definitely write more about it. Thank you so much πŸ™‚

  21. Hairstyles

    Great write-up, I am regular visitor of one抯 website, maintain up the nice operate, and It’s going to be a regular visitor for a long time.

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  22. Karissa

    I visit daily some sites and blogs to read articles, except this blog provides feature based content.

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  23. Thorsten

    I’m gone to say to my little brother, that he should also visit this web site on regular basis to
    obtain updated from newest news update.

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  24. I Fashion Styles

    We’re a group of volunteers and starting a new scheme in our community. Your web site provided us with valuable information to work on. You’ve done an impressive job and our whole community will be grateful to you.

    1. Ritika Singh

      So happy to know that my work is being utilized at such valuable places πŸ™‚ Thank you so much. All the very best.

  25. Hairstyles

    Hi would you mind sharing which blog platform you’re using? I’m going to start my own blog in the near future but I’m having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique. P.S Apologies for being off-topic but I had to ask!

    1. Ritika Singh

      Hey. I’ve been using WordPress for blogging. It provides a lot of customization options and I’m a designer hence all this design and style :p

  26. Exceptional post however , I was wondering if you could write a litte more on this topic? I’d be very thankful if you could elaborate a little bit further. Kudos!|

    1. Ritika Singh

      Glad you liked it. I would try my best to update it soon πŸ™‚

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  27. Donnie Hibdon

    This is the right blog for anyone who wants to find out about this topic. You realize so much its almost hard to argue with you (not that I actually would want?HaHa). You definitely put a new spin on a topic thats been written about for years. Great stuff, just great!

    1. Ritika Singh

      hahaha…Let’s call it fruitful discussion. Thank you so much πŸ™‚

  28. Hairstyles

    I truly appreciate this post. I抳e been looking all over for this! Thank goodness I found it on Bing. You’ve made my day! Thx again

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

  29. Fashion Styles

    I’m very happy to read this. This is the kind of manual that needs to be given and not the random misinformation that’s at the other blogs. Appreciate your sharing this best doc.

    1. Ritika Singh

      Thank you so much. Have a great day πŸ™‚

Leave a Reply