43
How to Position the Cursor? An Exploration of Absolute and Relative Cursor Positioning for Back-of-Device Input Khalad Hasan Xing-Dong Yang Hai-Ning Liang Pourang Irani

Khalad Hasan Xing-Dong Yang Hai-Ning Liang Pourang Irani

  • Upload
    merton

  • View
    27

  • Download
    0

Embed Size (px)

DESCRIPTION

How to Position the Cursor? An Exploration of Absolute and Relative Cursor Positioning for Back-of-Device Input. Khalad Hasan Xing-Dong Yang Hai-Ning Liang Pourang Irani. Motivation. Occlusion. Motivation. Fat-finger. - PowerPoint PPT Presentation

Citation preview

Page 1: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

How to Position the Cursor? An Exploration of Absolute and Relative Cursor Positioning for

Back-of-Device Input

Khalad Hasan Xing-Dong YangHai-Ning Liang Pourang Irani

Page 2: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Motivation

2Occlusion

Page 3: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Motivation

3Fat-finger

http://blog.mailboxtees.com/2008/04/18/iphone-stylus-for-big-fat-fingers--iphone-finger-covers-for-dirty-sticky-fingers.aspx

Page 4: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Motivation

Reachability 4

Page 5: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Solution

Back-of-device input 5

Page 6: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

We explored

6

Page 7: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Research Questions

7

Suitable selection mechanism

Cursor positioning (absolute or relative)

Target size and location

Page 8: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Contributions

8

Identify suitable selection mechanisms

Benefits of absolute and relative cursor control

Examine variations of absolute pointing mode to resolve the reachability

Page 9: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Related Work

Page 10: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Back-of-device Input

Page 11: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

ReadType

Scott et. al11

Page 12: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

LucidTouch

Widgor et. al12

Page 13: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

nanoTouch

Patrick Baudisch and Gerry Chu13

Page 14: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Dual-Surface Input

Yang et. al14

Page 15: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Behind-the Display

Yang et. al15

Page 16: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Cursor Positioning

Page 17: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Absolute Input

17

Page 18: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Relative Input

18

Hybrid Touch

Page 19: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Selection Mechanism

19

Lift-offLand on

Page 20: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Experiments

20

Page 21: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

• Experiment 1: Selection Mechanism

• Experiment 2: Absolute vs relative cursor Movement

• Experiment 3: Exploring accuracy and reachability with absolute pointing 21

Page 22: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Selection Methods:Side-button Double-tap Frontside-touch

Did not include lift-off selection

Cursor Movement:RelativeAbsolute

22

Page 23: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

DesignCursor movement (2) ×Selection mechanism (3) ×Target size (3) ×Repetitions (6) ×Participants (12)

23

Page 24: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Results

24

Page 25: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Results

25

Page 26: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

• Experiment 1: Selection Mechanism

• Experiment 2: Absolute vs relative cursor Movement

• Experiment 3: Exploring accuracy and reachability with absolute pointing 26

Page 27: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Tasks

27

Page 28: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

DesignCursor movement (2) ×Target size (3) ×Locations (9) ×Repetitions (3) ×Participants (12)

28

Page 29: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Results

29

Page 30: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Results

30

Page 31: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Results

31

Page 32: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

• Experiment 1: Selection Mechanism

• Experiment 2: Absolute vs relative cursor Movement

• Experiment 3: Exploring accuracy and reachability with absolute pointing 32

Page 33: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Two variations of Absolute

33

Page 34: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

34

ThumbSpace

Page 35: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

35

SlidingWindow

Page 36: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

DesignTechnique (4) ×Target Position (2) ×Repetitions (12) ×Participants (12)

36

Page 37: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Results

37

Page 38: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

Results

38

Page 39: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

39

LimitationsResults are influenced by the target sizesTested on single touch deviceA variety of mapping factors were not tested

Page 40: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

40

Guidelines Separating selection and cursor

control Targets should be at least 30 pixels in

size (6.6 mm) and preferably placed in the top

index-reachable part When using Relative positioning,

targets can be as small as 22 pixels

Page 41: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

41

Guidelines For tasks requiring precision, Relative

positioning should be provided

When distorting the 1:1 mapping between the input space and display, consider providing additional visual feedback

Page 42: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

42

Conclusion we examine which selection

mechanisms are suitable Compare the performance of Absolute and

Relative cursor positioning modes

Two approaches to solving the reachability issue

Page 43: Khalad Hasan  Xing-Dong Yang Hai-Ning Liang  Pourang Irani

How to Position the Cursor? An Exploration of Absolute and Relative Cursor Positioning for

Back-of-Device InputKhalad Hasan

Xing-Dong YangHai-Ning Liang Pourang Irani

Thank you