DEV Community

Cover image for Design Principles To Achieve a Better UI/UX Design

Design Principles To Achieve a Better UI/UX Design

Ayesha Sahar on March 09, 2022

Table of Contents Introduction Place Users In Control Make your User comfortable Reduce cognitive load Make User Interface Consistent ...
Collapse
 
curiousdev profile image
CuriousDev

I think maybe the feedback part is not necessarily needed, if you do not plan to continue development (for a long time).
Also I would try to help the user to understand what the application actually is doing, e.g. if calculations are happening, which depend on data records or settings, it can be useful to see how this is happening in order to find any wrong setups (because user could think the App has a bug).

Collapse
 
iayeshasahar profile image
Ayesha Sahar

Ah yes, you"re right!

But in most cases, such as digital products, the products are always being improved on basis of feedback, hence I included this point :)

Collapse
 
lexlohr profile image
Alex Lohr • Edited

#4 should be #1 IMO. Without consistency, even the best design fails. Controls should always have the same logical order (cancel, options, actions) and work in the way they are expected to. A clever design that works in an unexpected way is worse than a plain design that works as expected.

Collapse
 
iayeshasahar profile image
Ayesha Sahar

I didn't number them on the basis of their importance. It was random bcoz I believe that only a combo of various things will help in creating a great design!

Collapse
 
marissab profile image
Marissa B

Great list! The consistency bit can be applied to certain parts of applications in general, too. Like for example, you (as a user) shouldn't really have to think about how a dropdown picker works - it should work like how 90% of sites and apps do it. Places that miss the mark on that stick out as being cumbersome and harder to use.

Collapse
 
iayeshasahar profile image
Ayesha Sahar

Thank you so much for your input!

Collapse
 
muinmundzir profile image
Muhammad Mu'in Mundzir

What's 'predictability' means in line: Provide visual cues and add "predictability"?
Nice read:D

Collapse
 
iayeshasahar profile image
Ayesha Sahar

Thanks!

Let's take a look at an example. All over the world, in websites, whenever we see something blue, we instantly think it's a link, right? So in our website too, we need to make sure something blue with an underline is a link. Users will be able to predict that this element will take them someplace else. The blue color and underline is a visual cue and users thinking that it will take them someplace else is them predicting what will happen if they click it!

Collapse
 
muinmundzir profile image
Muhammad Mu'in Mundzir

I understand now, thanks for replying. Have a nice days! :D

Collapse
 
andrewbaisden profile image
Andrew Baisden

These are great tips I totally agree.

Collapse
 
iayeshasahar profile image
Ayesha Sahar

Thanks. Glad to know that!

Collapse
 
iayeshasahar profile image
Ayesha Sahar

Thanks for your kind words :)