Table of Contents
- Place Users In Control
- Make your User comfortable
- Reduce cognitive load
- Make User Interface Consistent
Introduction
The main aim of any business is to increase its sales in order to increase its overall growth. Here, UX/UI Design plays a fundamental role in achieving this goal. UI/UX Design of your product (website, application, etc) improves the user experience and customer satisfaction. This ultimately helps increase the number of users of the specific product!
So, here are 4 Gold Principles you can implement to achieve a better UI/UX Design😉
1. Place Users In Control
👉 Good UI/UX design help to instill a sense of "control" in their users.
👉 You can do so in the following ways:
🔷 Make actions Reversible
- This means that you should always include a Redo/Undo option
🔷 Interface should be easy to navigate
- Provide visual cues and add "predictability"
🔷 Feedback
- Users should be able to give feedback and you should act on it!
🔷 Status
- When your app is doing something, show the status of that action to the user.
2. Make your User comfortable
👉 You can do this in the following ways:
🔷 Simplification and Elimination
- Just eliminate anything that is not helping your users to simplify the flow!
🔷 Never ask for already entered data again until or unless e.g you want authentication.
🔷 Use universal language and universal elements that every user can understand.
🔷 Make sure that you use things such as colors, fonts, font sizes, etc to make your design "accessible".
🔷 Add well-crafted error messages so the user understands what they did wrong.
3. Reduce cognitive load
👉 It is the amount of mental processing required to perform any task or use any product.
👉 Here's how you can reduce it:
🔷 Add info in chunks so that it is easy to process.
🔷 No of actions to perform a task should be as few as possible.
🔷 Induce visual clarity by organizing the information in a way that is easy to understand.
4. Make User Interface Consistent
👉 Consistency is the key while doing anything! It is also of extreme importance in UI/UX Design.
👉 Here's how you can do it:
🔷 There should be a specific color scheme for your product.
🔷 Add functional consistency
Any object should work similarly throughout the product.
Similar functional behavior keeps the users happy!
🔷 Don't reinvent terminologies.
- Use the ones that are already familiar and within the expectations of the user.
Let's connect!
✨ Github
Top comments (13)
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).
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 :)
#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.
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!
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.
Thank you so much for your input!
What's 'predictability' means in line: Provide visual cues and add "predictability"?
Nice read:D
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!
I understand now, thanks for replying. Have a nice days! :D
These are great tips I totally agree.
Thanks. Glad to know that!
This is great! It nails down the absolute fundamentals of this field and explains it in a simple language :)
Thanks for your kind words :)