Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Are there any comprehensive, standard (or sufficiently good/popular) references/guides that list/detail/categorize the entire gamut of GUI constructs/widget/controls?

Some UI controls are common, have been around forever and are known by name by any layman (e.g. button, textbox, scrollbar), but some controls are newer, niched or have names that not just anybody would know (e.g. twistie, card, etc or even tooltip, breadcrumb, etc).

I like compilations like this, which fairly comprehensively puts forth a taxonomy of data visualization techniques, so I'm looking for something at least as good but for GUI widgets.

share|improve this question

closed as too broad by 3nafish, Erics, André, Matt Obee, Izhaki Jan 20 '14 at 12:32

There are either too many possible answers, or good answers would be too long for this format. Please add details to narrow the answer set or to isolate an issue that can be answered in a few paragraphs. If this question can be reworded to fit the rules in the help center, please edit the question.

There are many design pattern libraries, of varying coverage, depth, and quality. That's the keyword you want to try searching for. The space has been muddled in the last few years by some sites flying under the banner of "design patterns" but instead being simply collections of screenshots of executions of UI. #bahhumbug –  Erics Jan 19 '14 at 4:03
After searching around for *GUI* design patterns, I was able to find some nice compilations in so-called "interaction design pattern libraries", like Welie.com's. As a software engineer - not a designer - by trade, I would have never thought that, in a technical context, the keywords "design pattern" and "library" would have yielded anything but the software development senses of the terms. –  trejajo Jan 19 '14 at 18:51
These libraries are !great! and have already exposed me to some new terms, but they are primarily high-level. They don't focus much on low-level constructs or terms like label or tooltip. I'm looking for something that has a wealth of very specific controls and terminologies (including alternate names) as well as higher level concepts like lightbox. My ideal list would be a union of a large, detailed "design pattern library" and a comprehensive survey of low-level controls. –  trejajo Jan 19 '14 at 19:27
Google's UI toolkit has a demo page for several low level controls. Even though it isn't a general list (because it only lists the the widgets that the toolkit includes), such a list reveals standard names for certain UI contructs and demonstrates their usage. Again, even this demo gallery isn't complete, it includes a number of things that design pattern libraries seem to ignore. The Dojo toolkit has something vaguely similar. –  trejajo Jan 19 '14 at 19:37

2 Answers 2

No, there is no one design pattern library that a) is considered the 'standard' and b) is all encompassing.

re: 'a', there is no one set of standards. There are common terms an conventions, but they are by no means codified in any sort of universal standards. Typically an organization will come up with their own standardization for their own use. For instance, Apple has their own GUI standards.

re: 'b', that's just not possible. New GUI interactions and elements are created constantly for whatever needs crop up.

share|improve this answer

As @Erics pointed out, there are many many "design pattern" libraries, however there unfortunately isn't one authoritative, accepted reference guide.

Two that I like are:

share|improve this answer
Welcome to the site, @phillbaker! Can you clarify what you mean by "the problem"? What problem do these libraries help solve? When would you use one over the other? –  3nafish Jan 20 '14 at 5:25

Not the answer you're looking for? Browse other questions tagged or ask your own question.