Good UI isn’t about clever code or nice colors. It’s about meeting users needs and providing a easy to use application. The benefits of good UI are reduced costs in use, support and training and increased satisfaction in the user. These are the best UI design techniques and standards. Consistency Consistency in your UI is […]
Good UI isn’t about clever code or nice colors. It’s about meeting users needs and providing a easy to use application. The benefits of good UI are reduced costs in use, support and training and increased satisfaction in the user.
These are the best UI design techniques and standards.
Consistency in your UI is significant in making users build a mental model of the way your interface works thus reducing training and support costs. This means using the same wording, buttons, labels, messages, colors schemes, the way things are clicked and opened throughout.
Establish standards and focus the UI on them. These modeling standards can help with this.
Developing a UI sometimes requires the input of others. Listen and implement the input if need be, but it is important not to deviate from your established standards no matter what.
Explain the rules to use your application. The goal is to have to explain these rules only once.
Develop a diagram for navigation between major user interface items. This will make sure your application is flexible enough for all kinds of different users.
Navigation on your application should be based on familiarity, such as people will always read left to right and top to bottom. Navigation should be organized the same way.
The messages and labels on your application should be written in a effective manner so it can be easier for any user to understand. For example, rather than “Invalid Phone Number” it should be “Phone Number should be 10 digits”.
Read and understand your organization’s user-interface standards and guidelines for using widgets. Knowing when to use the right widget for the right task increases your application’s consistency.
It’s okay to look at other applications for ideas and inspiration but don’t rely on them for an example of good user-interface. Applications that have been verified to follow your organization’s user-interface standards and guidelines can be used as an example of good user-interface.
Be picky with the colors you use on your application and make sure things such as highlighting text are blind user friendly.
Follow the contract rule which is using dark text on light backgrounds and light text on dark backgrounds.
Make the user interface so it is able to recover from user mistakes.
Crowded screens are a no-no. Everything related should be grouped together and separated from other related groups by whitespace or boxes.