Touch Gesture R E F E R E N C E G U I D E                      By Craig Villamor, Dan Willis, and Luke Wroblewski         ...
touch gesture reference guideMajor User ActionsCurrently supported by touch gesture systems  BASIC ACTIONS  user action   ...
touch gesture reference guide  OBJECT-RELATED ACTIONS (continued)  user action                   gesture                  ...
touch gesture reference guide                                                                           u  OBJECT-RELATED ...
touch gesture reference guide                                                                          i  NAVIGATING ACTIO...
touch gesture reference guide  NAVIGATING ACTIONS (continued)  user action                   gesture                      ...
touch gesture reference guide  DRAWING ACTIONS  user action                   gesture  Accept                        Draw ...
Upcoming SlideShare
Loading in …5
×

Touch gesture guide by Craig Villamor, Dan Willis, and Luke Wroblewski

1,272 views

Published on

  • Be the first to comment

Touch gesture guide by Craig Villamor, Dan Willis, and Luke Wroblewski

  1. 1. Touch Gesture R E F E R E N C E G U I D E By Craig Villamor, Dan Willis, and Luke Wroblewski Last updated April 15, 2010CO RE GE ST U R E S Basic gestures for most touch commandsTap Double tap Drag FlickBriefly touch surface Rapidly touch surface Move fingertip over Quickly brush surfacewith fingertip twice with fingertip surface without with fingertip losing contactPinch Spread Press Press and tapTouch surface with Touch surface with Touch surface for Press surface withtwo fingers and bring two fingers and extended period one finger and brieflythem closer together move them apart of time touch surface with second fingerPress and drag Rotate OR OR ORPress surface with one finger and Touch surface with two fingersmove second finger over surface and move them in a clockwisewithout losing contact or counterclockwise direction Supporting materials for this guide can be found online at: http://www.lukew.com/touch/This work is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/
  2. 2. touch gesture reference guideMajor User ActionsCurrently supported by touch gesture systems BASIC ACTIONS user action gesture description Change mode press Touch surface for extended period of time Open double tap Rapidly touch surface twice with fingertip Select tap Briefly touch surface with fingertip OBJECT-RELATED ACTIONS user action gesture description Adjust Press surface with one finger and move OR second finger over surface without losing contact press and drag Make circular motion with finger, then cross over selected object 1 2 lasso and cross Bundle Touch first object while second finger taps other objects, the move selected objects by dragging first finger 1 2 press and tap, then dragSupporting materials for this guide can be found online:http://www.lukew.com/touch/
  3. 3. touch gesture reference guide OBJECT-RELATED ACTIONS (continued) user action gesture description Delete drag Move fingertip over surface without (across item or losing contact off-screen) Duplicate tap Touch object, then touch elsewhere (source and on surface destination) 2 1 Move drag Move fingertip over surface without (and drop) losing contact multi-finger Move two to five fingertips over OR drag surface without losing contact OR OR flick Quickly brush surface with fingertip press and tap With one finger on object, touch elsewhere on surface with second finger Rotate rotate OR ORSupporting materials for this guide can be found online:http://www.lukew.com/touch/
  4. 4. touch gesture reference guide u OBJECT-RELATED ACTIONS (continued) user action gesture description Scale down pinch Touch surface with two fingers and bring them closer together squeeze Touch surface with five fingers and bring them closer together Scale up spread Touch surface with two fingers and move them apart splay Touch surface with five fingers and move them apart NAVIGATING ACTIONS user action gesture description Adjust view rotate (rotate) OR OR Adjust view pinch Touch surface with two fingers and (zoom out) bring them closer together double tap Rapidly touch surface twice with fingertipSupporting materials for this guide can be found online:http://www.lukew.com/touch/
  5. 5. touch gesture reference guide i NAVIGATING ACTIONS (continued) user action gesture description Adjust view spread Touch surface with two fingers and (zoom in) move them apart double tap Rapidly touch surface twice with fingertip Display commands press Touch surface for extended period of time press and tap Press surface with one finger and briefly touch surface with second finger double tap Rapidly touch surface twice with fingertip corner tap Touch specific corner of surface with fingertip Move through list two-finger drag Move to previous/next item in list rotate OR ORSupporting materials for this guide can be found online:http://www.lukew.com/touch/
  6. 6. touch gesture reference guide NAVIGATING ACTIONS (continued) user action gesture description Pan drag hand Move fingers and palm of one hand over surface without losing contact Scroll drag Move fingertip over scrollbar without losing contact two-finger drag Move two fingers up or down across surface press Touch scrollbar for extended period of time Scroll (fast) flick Quickly brush surface with fingertip in the direction you want to scroll Scroll (fast) tap Briefly touch surface with fingertip when a scroll is in progress Scrub drag Move fingertip over scrollbar without losing contactSupporting materials for this guide can be found online:http://www.lukew.com/touch/
  7. 7. touch gesture reference guide DRAWING ACTIONS user action gesture Accept Draw a checkmark on surface with fingertip Cut Draw a slash on surface with fingertip Get help Draw a question mark on surface with fingertip Reject Draw an “X” on surface with fingertip Undo Scratch out area on surface with fingertipSupporting materials for this guide can be found online:http://www.lukew.com/touch/

×