What makes a good mobile gesture
This presentation is the property of its rightful owner.
Sponsored Links
1 / 8

What makes a good mobile gesture ? PowerPoint PPT Presentation


  • 85 Views
  • Uploaded on
  • Presentation posted in: General

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;

Download Presentation

What makes a good mobile gesture ?

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


What makes a good mobile gesture

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

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

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

Touch language

Press and hold to learn Tap for primary action

Slide to pan

Swipe to select, command, and move


Touch language1

Touch language

Pinch and stretch to zoom Turn to rotate

Swipe from edge for app commands

Swipe from edge for system commands


Touch targets

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

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 grip1

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.


  • Login