Fyresite Fyresite Digital Marketing Fyresite® (888) 221-6509 info@fyresite.com 2009 1201 E Jefferson St #6 Phoenix AZ 85034 Arizona California

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 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.

Standards

Establish standards and focus the UI on them. These modeling standards can help with this.

Defend UI Standards

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.

Define Rules

Explain the rules to use your application. The goal is to have to explain these rules only once.

Use User Interface Flow Diagrams

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.

Organize Navigation

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.

Effective Messages and Labels

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”.

Understand UI widgets

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.

Don’t Rely On Other Applications

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.

Use Colors Properly

Be picky with the colors you use on your application and make sure things such as highlighting text are blind user friendly.

Contrast Rule

Follow the contract rule which is using dark text on light backgrounds and light text on dark backgrounds.

Expect User Mistakes

Make the user interface so it is able to recover from user mistakes.

Organize

Crowded screens are a no-no. Everything related should be grouped together and separated from other related groups by whitespace or boxes.