iad 5 - les 3 - design for touch

Post on 28-Jan-2015

107 Views

Category:

Design

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

 

TRANSCRIPT

72% 28%

90% 10%

Controls should never go

immediately above the

content they aim to affect.

Be careful that your hand

doesn’t cover the content.

Navigation

on Android

Navigation

on iOS

• Tap

• Double-tap

• Touch and Hold

• Drag

• Swipe

• Flick

• Pinch

• Twist

• …

• Rotate

• Tilt

• Shake

• Proximity

• …

Tap to open/activate

Tap to select

Drag to move object

Slide to scroll

Spin to scroll

Pinch to shrink and spread to enlarge

Two-finger tap & shake

Proximity activates/deactivates

Shake to change

Rotate to change state

Tilt

f.den.dopper@hr.nl

@ferrydendopper

top related