This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
ui-design-principles [2015/12/30 23:50] serbizadmin created |
ui-design-principles [2020/06/13 15:10] (current) |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | Principles of user interface design | + | ====== |
- | • Clarity is job #1 | + | • Clarity is job #1\\ |
- | • Interfaces exist to enable interaction | + | • Interfaces exist to enable interaction\\ |
- | • Conserve attention at all costs | + | • Conserve attention at all costs\\ |
- | • Keep users in control | + | • Keep users in control\\ |
- | • Direct manipulation is best | + | • Direct manipulation is best\\ |
- | • One primary action per screen | + | • One primary action per screen\\ |
- | • Keep secondary actions secondary | + | • Keep secondary actions secondary\\ |
- | • Provide a natural next step | + | • Provide a natural next step\\ |
- | • Appearance follows behavior (aka form follows function) • Consistency matters | + | • Appearance follows behavior (aka form follows function) |
- | • Strong visual hierarchies work best | + | • Consistency matters\\ |
- | • Smart organization reduces cognitive load | + | • Strong visual hierarchies work best\\ |
- | • Highlight, don’t determine, with color | + | • Smart organization reduces cognitive load\\ |
- | • Progressive disclosure | + | • Highlight, don’t determine, with color\\ |
- | • Help people inline | + | • Progressive disclosure\\ |
- | • A crucial moment: the zero state | + | • Help people inline\\ |
- | • Existing problems are most valuable | + | • A crucial moment: the zero state\\ |
- | • Great design is invisible | + | • Existing problems are most valuable\\ |
- | • Build on other design disciplines | + | • Great design is invisible\\ |
- | • Interfaces exist to be used | + | • Build on other design disciplines\\ |
+ | • Interfaces exist to be used\\ | ||
- | ##Reference | + | ==Reference== |
* [[http:// | * [[http:// | ||
+ | |||
+ | |||
+ | ---- | ||
+ | |||
+ | ==See Also== | ||
+ | * [[http:// | ||
+ | * [[https:// | ||
+ | * [[http:// | ||
+ | * [[Visualization Tools]] |