What makes a good mobile gesture? • easy to do - simple movements; • easy to remember - important enough to remember; • intuitive - motion corresponds with action; • serves a useful purpose - worth of gesture equal to required effort; • a joyous experience - a good mobile gesture feels like magic;
Robert Hellestrae Freelance web, mobile developer Working on windows phone projects since summer of 2010 - windows 8 and 8.1 projects for tablet, notebook, desktop since April of 2012 2 apps in Windows Phone store 9 apps in Windows 8.1 store – working on number 10
Design principles for touch • provide immediate feedback - visual feedback if screen is touched; • content follows finger – elements on screen respond to movements; • keep interactions reversible - make app safe to explore using touch; • allow any number of fingers - touch interactions same for 1, 3 fingers;
Touch language Press and hold to learn Tap for primary action Slide to pan Swipe to select, command, and move
Touch language Pinch and stretch to zoom Turn to rotate Swipe from edge for app commands Swipe from edge for system commands
Touch targets • Size vs. efficiency: Target size influences error rate • Target size guidelines for Windows 8.1 tablets, notebooks, desktops: • 7x7 mm: Recommended minimum size • 9x9 mm: When accuracy matters
Posture and grip • Interaction areas - Because tablets are most often held along the side, the bottom corners and sides are ideal locations for interactive elements.
Posture and grip • Reading areas - Content in the top half of the screen is easier to see than content in the bottom half, which is often blocked by the hands or ignored.