Your SlideShare is downloading. ×
Touch gestureguide
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Touch gestureguide

336

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
336
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×