Download
what makes a good mobile gesture n.
Skip this Video
Loading SlideShow in 5 Seconds..
What makes a good mobile gesture ? PowerPoint Presentation
Download Presentation
What makes a good mobile gesture ?

What makes a good mobile gesture ?

120 Views Download Presentation
Download Presentation

What makes a good mobile gesture ?

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. 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;

  2. 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

  3. 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;

  4. Touch language Press and hold to learn Tap for primary action Slide to pan Swipe to select, command, and move

  5. Touch language Pinch and stretch to zoom Turn to rotate Swipe from edge for app commands Swipe from edge for system commands

  6. 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

  7. 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.

  8. 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.