What makes a good mobile gesture
Download
1 / 8

What makes a good mobile gesture ? - PowerPoint PPT Presentation


  • 101 Views
  • Uploaded on

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;

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' What makes a good mobile gesture ?' - lot


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.


ad