37
WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI CNRS UMR 5141 1

WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

Embed Size (px)

Citation preview

Page 1: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

1

WatchIt: Simple Gestures and Eyes-free Interaction for

Wristwatches and Bracelets

S. Perrault, E. Lecolinet, J. Eagan, Y. GuiardTélécom ParisTech – LTCI CNRS UMR 5141

Page 2: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

2

How to interact while…

Page 3: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

3

…walking on a crowded street

Page 4: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

4

…when your phone is hard to reach

Page 5: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

5

…if you need to pay attention to your surrounding

Page 6: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

6

Microinteractions

• Named by [Ashbrook2010]– Quick (~3-4 secs)– Punctual– Short interruption

Page 7: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

7

Examples of Microinteractions

• Reject call• Check messages• Check location• Check agenda/time• GPS Navigation• Manage music• Etc…

Page 8: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

8

Particular example: Music

10 commands + continuous control + list scrolling

Page 9: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

9

Where to perform Microinteractions?

Page 10: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

10

On the Wrist!

~60% of women & ~40% of men wear bracelets or wristwatches every day.

Page 11: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

11

Many Commercial Products

• Permanently on the user• Easy to access

Pebble I’m Watch iWatch?

Page 12: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

Interaction on a Wristwatch

• Occlusion• Fat finger problem

• Input/output– Limited– Merged

12

Page 13: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

13

[Ashbrook2008][Blasko2004][Baudisch2009]

Existing Solutions

• Bezel• Back of device• Contactless• Device motion

Watchband?[Harrison2009][Rekimoto2001]

Page 14: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

14

Novel Solution: Interaction on the Watchband

• Large surface• Tactile feedback• Input/output

separation– No occlusion– No fat finger problem

External band

Internal band

Page 15: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

15

Interaction on a Watchband

MOCKUP

Page 16: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

16

Implementation: the WatchIt Prototype

• Resistive technology• Advantages:– Low power– Few accidental activations– Not apparent– Cheap

• Drawback:– 1 dimension only

Page 17: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

17

Interaction Needs

10 commands + continuous control + list scrolling

Page 18: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

18

Eyes-free Interaction

10 commands + continuous control + list scrolling

Page 19: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

19

Gestures Technique

• 3 pointing zones– Extremities– Large central zone

• 2 sliding directionsClasp Screen

• Pinching= (3+2)*3 = 15 gestures

External band

Internal band

Page 20: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

« Apricot »

Pear

Kiwi

Fig

Banana

Apricot

Audio Menu Technique

• Inspired by earPod [Zhao2007]

• Each band divided in 5 zones

• 1 zone = 1 item• Continuous audio feedback

20

« Fig »

Page 21: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

21

Interaction Evaluation

Are users able to perform many commands without looking at the device?

• Gestures vs. Audio Menu• 8 participants• Accuracy & time– Time = reaction + travel + gesture

Page 22: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

Audio Menu Technique

• Accuracy 94%– No band effect

• Time– Average 3.2s– Band effect

22

Tim

e (s

)Ac

cura

cy (%

)

External Internal 2-contacts

External Internal 2-contacts22

Page 23: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

23

Gestures Technique

• Band effect– Accuracy– Time

• Comparison– Gestures faster– Menu + precise

External Internal 2-contacts 80

85

90

95

100

Accu

racy

(%)

External Internal 2-contacts0

1

2

3

4

Tim

e (s

)

Page 24: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

24

List Scrolling

10 commands + continuous control + list scrolling

Page 25: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

25

List Scrolling Evaluation

Are users able to scroll lists on the watchband quickly and precisely?

• Navigation task• Touchscreen vs 2 techniques

Page 26: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

26

Technique: Relative Scrolling on Watchband

• Same as scrolling on a screen– Pan– Flicking

• More vertical space

ApricotBananaCherry

DatFig

GrapeKiwi

MandarineNut

OrangePeanut

Watermelon

ApricotBananaCherry

DatFig

GrapeKiwi

MandarineNut

OrangePeanut

Watermelon

Page 27: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

27

Relative Scrolling Video

Page 28: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

28

Technique: Absolute Scrolling on Watchband

• Mapping between:– List space (virtual)– Watchband space (physical)

• Close to screen = Beginning• Close to clasp = End of list

• Instant scrolling• Not very precise for long lists

ApricotBananaCherry

DatFig

GrapeKiwi

MandarineNut

OrangePeanut

Watermelon

Page 29: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

29

Absolute Scrolling Video

Page 30: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

30

Experimental Design

• Touchscreen active– Selection– Watchband as a complement– User preference & strategy

• 3 list sizes (15/60/240 items)• 6 distances (5, 10, 20, 40, 80, 160 items)• 12 participants

ApricotBananaCherry

DatFig

GrapeKiwi

MandarineNut

OrangePeanut

Watermelon

D =

5 it

ems

Page 31: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

31

Results

• Absolute scrolling– Faster on any list

• Relative scrolling– Always slower– Friction?

Short Medium Long0

2

4

6

8

Touch screen

Absolute scrolling bracelet

Relative scrolling bracelet

List size

Nav

igati

on T

ime

(s)

Page 32: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

32

Interaction Strategy

• Relative technique:– 1.02 pans/trial on screen

• Absolute technique:– Fast imprecise on watchband– Corrections on screen (1.93/trial)

Page 33: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

User Preferences

• Interaction on watchband– More comfortable– No occlusion

• Favorite technique:– Absolute technique (9/12)

33

Page 34: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

List Scrolling Findings

• Hybrid technique?– Absolute for fast movement– Relative for adjusting

• Augmented input space– Effective list scrolling– Appreciated by users

34

Page 35: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

WatchIt: Takeaway Message

• Micro- and rich interactions– Many commands (10+)– Eyes-free interaction– List scrolling

• Properties:– Increase input space– Input/output space separated

35

Page 36: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

36

Thank you! Questions?

The VIA team is looking for postdocs!

Page 37: WatchIt: Simple Gestures and Eyes-free Interaction for Wristwatches and Bracelets S. Perrault, E. Lecolinet, J. Eagan, Y. Guiard Télécom ParisTech – LTCI

37

Mapping from vocabulary to musicCommand Matching gesture

Play/pause Middle position, internal bracelet

Previous Top position, internal bracelet

Next Bottom position, internal bracelet

Volume control (continuous) 2-contact sliding gestures

Position in the song (continuous) Sliding gestures, internal bracelet

Repeat Top, external

Shuffle Middle, external