Guidance on Gestures

Download Report

Transcript Guidance on Gestures

GESTURES
Riley Wiebe
CMPT 479
November 28, 2013
GOALS
•
Generalize gestures in ISO/IEC CD 30113-2
•
Simplify gestures
•
Points of interest
•
No program specific gestures
•
Create a more useable structure for developers
WHO CAN USE THIS
INFORMATION?
•
Developers
•
•
Typical uses for a gesture
Users
•
Expected gestures
SOURCES OF
INFORMATION
•
ISO/IEC CD 30113 (June 06, 2013)
•
•
draft of new annex A framework for 30113-1 (Sept 30,
2013)
•
•
Original documents
Proposed organization structure
ISO/WD 9241-960 (June 11, 2012)
•
Designing Gestures
SOURCES OF
INFORMATION
•
Apple’s iOS Human Interface Guide (Nov 22, 2013)
•
•
Android’s Gestures Guide (Oct 22, 2013)
•
•
Actions vs Specific Directions
Actions vs Specific Directions
Windows’ Touch Interactions Guide
•
Design Principles For Touch
ASPECTS OF A GESTURE
•
Points of Interest
•
•
Actions
•
•
Tap, Drag, Swipe, Flick
Specific Directions
•
•
Single point, two point, multipoint
Up, Down, Left, Right
Result
GENERALIZING GESTURES
•
Currently Gesture Set For
•
Mouse
•
Web Browser
•
Document Viewer
•
Image Viewer
•
Media Player
GENERALIZING GESTURES
•
Similar gestures for similar applications
•
Left/Right
•
Up/Down
•
Left & Right/Right & Left
•
Up & Down/Down & Up
•
Up & Left/Up & Right/Down & Left/Down & Right
•
Left & Up/Left & Down/Right & Up/Right & Down
GENERALIZING GESTURES
•
Are these separate gestures or composites?
•
•
Ex. Up & Left
Should these composite gestures be used?
•
Accuracy of the user to perform the gesture
•
Does it interfere with other gestures?
•
Ex. Scrolling and an up & left gesture
POINTS OF INTEREST
•
Single Point
•
•
Two Point
•
•
Tap, Drag, Swipe
Pinch, Rotate, Swipe
Multi Point
•
Swipe, Pinch (OS X)
PROPOSED
ORGANIZATION TABLE
x1: Single Point
x2: Two Point
x3: Multi-point
1n: Common
System actions
11: Single point
gestures for common
system actions
12: Multi-touch
gestures for common
system actions
13: Multi-point
gestures for common
system actions
2n: Device Control
21: Single point
gestures for device
control
22: Multi-touch
gestures for device
control
23: Multi-point
gestures for device
control
31: Single point
32: Multi-touch
33: Multi-point
3n: Document &Image
gestures for document gestures for document gestures for document
viewing
& image viewing
& image viewing
& image viewing
4n: Music & Video
Playing
5n: Web
Browsing
41: Single point
gestures for music &
video playing
42: Multi-touch
gestures for music &
video playing
43: Multi-point
gestures for music &
video playing
51: Single point
gestures for web
browsing
52: Multi-touch
gestures for web
browsing
53: Multi-point
gestures for web
browsing
COMPOSITE GESTURES
•
Not intuitive
•
Can confuse other gestures
•
Swipe up vs Swipe up & Left
•
What is the margin of error?
•
Are there better gestures for the job?
•
Double Tap, Pinch, Rotate
LIMITING SWIPE
GESTURES
•
Left
•
Right
•
Up
•
Down
•
Possibly Angles
GROUPING COMMON
SINGLE POINT GESTURES
•
Tap is a select
•
Press and hold for selecting
•
Drag for moving an item
•
Swipe
•
Left to go back
•
Right to go forward
•
Up to scrolls up
•
Down to scrolls down
REPLACING COMPOSITE
GESTURES WITH MULTI
POINT
•
Pinch (Two Point)
•
Zoom in, Zoom out, Close, Open
•
Rotate (Two Point)
•
Swipe Up/Swipe Down
•
Increase/Decrease Volume
GROUPING COMMON TWO
POINT ACTIONS
•
Pinch is zoom in zoom out
•
Two finger rotate
•
Two finger swipe to switch tabs
•
Multi finger pinch
SHOULD IT BE
IMPLEMENTED AS A NEW
GESTURE?
•
Maximize/Minimize
•
Close
•
Volume
•
Drag a Slider
NEW ORGANIZATION
TABLE
x1: Single Point
x2: Two Point
x3: Multi-point
1n: Common
System actions
11: Single point
gestures for common
system actions
12: Multi-touch
gestures for common
system actions
13: Multi-point
gestures for common
system actions
2n: Device Control
21: Single point
gestures for device
control
22: Multi-touch
gestures for device
control
23: Multi-point
gestures for device
control
NEW GESTURE LIST
•
Tap/Double Tap
•
Swipe (Left, Right, Up, Down)
•
Drag
•
Pinch
•
Rotate
CONCLUSION AND
RECOMMENDATIONS
•
Easier for Developers
•
Better user experience
•
User feedback
•
Ergonomics