Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DDVE design class. Patterns and guides

1591ee5da3f4480605ace6fcc0b8d43f?s=47 Jaanus Kase
December 12, 2011

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.

1591ee5da3f4480605ace6fcc0b8d43f?s=128

Jaanus Kase

December 12, 2011
Tweet

Transcript

  1. Patterns and guides

  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
  3. None
  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
  5. Motion principles http://www.ui-transitions.com/#motion

  6. None
  7. Platform design guidelines • All good mobile and desktop platforms

    should provide platform design guidelines. • Read the guidelines of other platforms too.
  8. None
  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
  10. None
  11. Windows Metro

  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
  13. None
  14. Android • Some UI guidelines available • Android 2.3 “Gingerbread”,

    3 “Honeycomb” and 4 “Ice Cream Sandwich” have important platform and design differences