Specifications

3 | USER INTERFACE
DESIGN GUIDE
Readability and Flow...............................................................................................................................................................................13
Dimensionality..........................................................................................................................................................................................13
Areas of the Interface Template.................................................................................................................................................................13
Designing in the Template....................................................................................................................................................................16
Icons............................................................................................................................................................................................................17
Consistency & Reuse..............................................................................................................................................................................18
Animation..................................................................................................................................................................................................20
Typography...............................................................................................................................................................................................20
Color...........................................................................................................................................................................................................21
Use of a Limited Set of Colors.............................................................................................................................................................22
General Interaction Techniques.................................................................................................................................................................24
Gestures and Movement.......................................................................................................................................................................24
Motion Design.........................................................................................................................................................................................25
Putting It All Together..................................................................................................................................................................................26
Checklist for a Good Interface...................................................................................................................................................................27
Final Thoughts................................................................................................................................................................................................27
Appendix..........................................................................................................................................................................................................28
Website resources:.................................................................................................................................................................................28
Recommended reading:.......................................................................................................................................................................28
Software and Tools Suggestions.........................................................................................................................................................29