Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.
-
Upload
ambrose-randolph-clark -
Category
Documents
-
view
220 -
download
1
Transcript of Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.
![Page 1: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/1.jpg)
Where Value and Innovation Co-exist
Gestures and User InteractionBest Practices
![Page 2: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/2.jpg)
Where Value and Innovation Co-exist
• Gestures
• User Interaction
• Common pitfalls for Developers
• Q&A
© ValueLabs | www.valuelabs.com | Confidential 2
![Page 3: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/3.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential
http://blog.iskysoft.com/wp-content/uploads/lion-gestures.png
![Page 4: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/4.jpg)
Where Value and Innovation Co-exist
A gesture is a form of non-verbal
communication in which visible
bodily actions communicate
particular messages
© ValueLabs | www.valuelabs.com | Confidential 4
“
”
![Page 5: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/5.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 5
Gestures include movement of
the hands, face, or other parts of
the body
“
”
![Page 6: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/6.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 6
Touch: Gesture:
![Page 7: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/7.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 7
![Page 8: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/8.jpg)
Where Value and Innovation Co-exist
Tapping (Single, double tap)
Pinching in and out (also known as zoom in & out)
Panning (dragging)
Swiping (horizontal or vertical or
diagonal)
Code Snippets
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget: self action: @selector(imageTap:)]; [tapGesture setNumberOfTouchesRequired : 1]; [view addGestureRecognizer:tapGesture]; - (void)imageTap:(UITapGestureRecognizer *)sender { // identifier can be referenced in sender.view.tag}
Rotating
Long press (also known as touch
and hold)
UIPinchGestureRecognizer *pinchGesture = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(scalePiece:)]; [pinchGesture setDelegate:self]; [piece addGestureRecognizer:pinchGesture];
UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panPiece:)]; [panGesture setMaximumNumberOfTouches:2]; [panGesture setDelegate:self]; [piece addGestureRecognizer:panGesture];
UISwipeGestureRecognizer* recognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(handleSwipeFrom:)]; [recognizer setDirection:(UISwipeGestureRecognizerDirectionRight | UISwipeGestureRecognizerDirectionDown | UISwipeGestureRecognizerDirectionLeft | UISwipeGestureRecognizerDirectionUp)]; [[self view] addGestureRecognizer:recognizer]; [recognizer release];
UIRotationGestureRecognizer *rotationGesture = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotatePiece:)]; [piece addGestureRecognizer:rotationGesture];
UILongPressGestureRecognizer *longPressGesture = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(showResetMenu:)]; [piece addGestureRecognizer:longPressGesture];
![Page 9: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/9.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 9
![Page 10: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/10.jpg)
Where Value and Innovation Co-exist
http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html
© ValueLabs | www.valuelabs.com | Confidential
![Page 11: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/11.jpg)
Where Value and Innovation Co-exist
• Understanding design Requirements
• Paper & Sketch
• Wireframe
• Prototype
• Style Guide
© ValueLabs | www.valuelabs.com | Confidential 11
![Page 12: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/12.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 12
![Page 13: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/13.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 13
![Page 14: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/14.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 14
![Page 15: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/15.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 15
https://s3.amazonaws.com/files.digication.com/M21573cd1ce8c5f40488f8b5ed56855eb.jpg http://designreviver.com/wp-content/uploads/2010/08/dr_iphone_sketch_04.jpg http://designreviver.com/wp-content/uploads/2010/08/dr_iphone_sketch_03.jpg http://mobile.tutsplus.com/tutorials/mobile-design-tutorials/design-an-iphone-bank-app-in-photoshop-part-1/
![Page 16: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/16.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 16
http://web1-fall2009.bionicpower.com/wp-content/uploads/2009/10/JR7-IWD-Widget-Wireframes.jpg
![Page 17: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/17.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 17
![Page 18: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/18.jpg)
Where Value and Innovation Co-exist
© ValueLabs | www.valuelabs.com | Confidential 18
![Page 19: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/19.jpg)
Where Value and Innovation Co-exist
![Page 20: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/20.jpg)
Where Value and Innovation Co-exist
End users behavior Near-accurate
touches Bad App iconConfusing animations
Too many gestures
User centric language
![Page 21: Where Value and Innovation Co-exist Gestures and User Interaction Best Practices.](https://reader035.fdocuments.net/reader035/viewer/2022062804/56649f455503460f94c66d88/html5/thumbnails/21.jpg)
Where Value and Innovation Co-exist
Thank You