DDVE design class. Patterns and guides

I presented this material with my colleague Priidu Zilmer as part of a two-day design workshop for Tartu University’s Design and Development of Virtual Environments Master’s program. See www.ddve.ee for more info.

Transcript

1. Patterns and guides
   

   View Slide

2. The elements of this language are entities called patterns.
   Each pattern describes a problem that occurs over and over
   again in our environment, and then describes the core of
   the solution to that problem, in such a way that you can use
   this solution a million times over, without ever doing it the
   same way twice.
   Christopher Alexander
   Christopher Alexander. A Pattern Language: Towns, Buildings, Construction
   

   View Slide

3. View Slide

4. Nielsen’s usability heuristics
   1. Visibility of system status
   2. Match between system and
   the real world
   3. User control and freedom
   4. Consistency and standards
   5. Error prevention
   6. Recognition rather than
   recall
   7. Flexibility and efficiency of
   use
   8. Aesthetic and minimalist
   design
   9. Help users recognise,
   diagnose, and recover from
   errors
   10.Help and documentation
   Jakob Nielsen. Ten Usability Heuristics
   

   View Slide

5. Motion principles
   http://www.ui-transitions.com/#motion
   

   View Slide

6. View Slide

7. Platform design guidelines
   • All good mobile and desktop platforms should
   provide platform design guidelines.
   • Read the guidelines of other platforms too.
   

   View Slide

8. View Slide

9. iOS Human Interface
   Guidelines
   • Introduction
   • Platform characteristics
   • Human interface
   principles
   • App design strategies
   • Case studies:
   Transitioning to iOS
   • User experience
   guidelines
   • iOS technology usage
   guidelines
   • iOS UI element usage
   guidelines
   • Custom icon and image
   creation guidelines
   

   View Slide

10. View Slide

11. Windows Metro
    

    View Slide

12. Traits of great Metro apps
    • Metro style design
    • Fast and fluid
    • Snap and scale
    beautifully
    • Use the right Contracts
    • Invest in a great Tile
    • Feel connected and alive
    • Roam to the cloud
    • Embrace Metro
    principles
    

    View Slide

13. View Slide

14. Android
    • Some UI guidelines available
    • Android 2.3 “Gingerbread”, 3 “Honeycomb”
    and 4 “Ice Cream Sandwich” have important
    platform and design differences
    

    View Slide