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
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
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
7. Platform design guidelines • All good mobile and desktop platforms should provide platform design guidelines. • Read the guidelines of other platforms too.
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
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
14. Android • Some UI guidelines available • Android 2.3 “Gingerbread”, 3 “Honeycomb” and 4 “Ice Cream Sandwich” have important platform and design differences