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

DDVE design class. Patterns and guides

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.

Jaanus Kase

December 12, 2011

More Decks by Jaanus Kase

Other Decks in Design


  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
    7. Flexibility and efficiency of
    8. Aesthetic and minimalist
    9. Help users recognise,
    diagnose, and recover from
    10.Help and documentation
    Jakob Nielsen. Ten Usability Heuristics

    View Slide

  5. Motion principles

    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
    • Introduction
    • Platform characteristics
    • Human interface
    • App design strategies
    • Case studies:
    Transitioning to iOS
    • User experience
    • iOS technology usage
    • iOS UI element usage
    • 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
    • Use the right Contracts
    • Invest in a great Tile
    • Feel connected and alive
    • Roam to the cloud
    • Embrace Metro

    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