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