UI Guideline Resources

Every good development team creates guideline for the implementation of the user interface, so that the implementation is consistent.  A consistent meaning helps users to understand more easily what is meant by a particular arrangement of UI elements.  

Don’t create your own!

Many people have been down this road before, and millions have been spent developing such guidelines.  Many of these are readily available.  So use them.  Here are some resources:


Online Resources

The Monster List of UI Guidelines lists 57 different resources (however many are broken).  I have copied the good ones here (in case that link is broken at some point in the future) and updated with some additional ones I found:

Organizations Dedicated To This

Does this Guarantee Good UI?


UI design guidelines are necessary to help communicate the intended meaning between particular UI patterns that are being used.  The user experience professional will get together and agree that they will attempt to communicate certain things with certain visual patterns.  Thus, a “question mark” may be used to mean a button to get to a “help page” and it might even define what counts as a help page, and what is not.  The UI guidelines function as a kind of “dictionary” of traditional meanings.

However, have a complete set of UI design guidelines will never assure that you have a good user interface.  This is the same as saying that a good dictionary does not guarantee that you are a good writer.  There is a skill to writing, and while a dictionary is critical to assure that you use the same words in the same way, it is also true that a good writer will violate rules, and use words in unusual ways all the time.  A writer describing a particular subject faces a challenge that possibly nobody has ever had to face before, and in any case they face problems not anticipated by the dictionary writer.   The skill lies in knowing what communicates to the user, and the acceptable language is based purely on whether it communicates and not whether it agrees with the dictionary.  The same is true in a user interface: the designer is facing a situation that possible nobody has ever had to face before, and therefor something that had not been anticipated by the people putting the Ui guideline together.

Making a good user interface is every developer’s responsibility.  It must be judged as a whole, purely based on whether the user finds it comfortable to use or not.  The guideline can help, but not guarantee, that.  Conversely, if you have bad UI, blaming this on the bad guidelines is like blaming a bad book on a bad dictionary.  There is a  UI design skill that is needed independent of the guidelines.

So don’t expect too much from the guidelines.


1 thought on “UI Guideline Resources

  1. Pingback: How to communicate web design mockup specifications to front-end developers? | DL-UAT

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s