Slide 1

Slide 1 text

Patterns and guides

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Windows Metro

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

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