moodLearning Wiki

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

ui-design-principles [2018/01/29 01:53]
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://bokardo.com/principles-of-user-interface-design/|Principles of User Interface Design]] 
- 
- 
----- 
- 
-==See Also== 
-  * [[http://www.webmaestro.gouv.qc.ca/publications/archives/webeducation1998-2004/2000-11/criteres.pdf|Bastien & Scapin ergonomic criterias]] 
-  * [[https://www.nngroup.com/articles/ten-usability-heuristics/|10 Usability Heuristics for User Interface Design]] 
-  * [[http://storymaps.arcgis.com/en/five-principles/|Five Principles of Effective Storytelling]] 
-  * [[Visualization Tools]]