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