Top Banner
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
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.

Dec 16, 2015

Download

Documents

Robert Barton
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 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.

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: 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.

Motivation

2Occlusion

Page 3: 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.

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: 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.

Motivation

Reachability

4

Page 5: 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.

Solution

Back-of-device input

5

Page 6: 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.

We explored

6

Page 7: 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.

Research Questions

7

Suitable selection mechanism

Cursor positioning (absolute or relative)

Target size and location

Page 8: 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.

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: 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.

Related Work

Page 10: 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.

Back-of-device Input

Page 11: 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.

ReadType

Scott et. al11

Page 12: 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.

LucidTouch

Widgor et. al12

Page 13: 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.

nanoTouch

Patrick Baudisch and Gerry Chu13

Page 14: 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.

Dual-Surface Input

Yang et. al14

Page 15: 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.

Behind-the Display

Yang et. al15

Page 16: 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.

Cursor Positioning

Page 17: 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.

Absolute Input

17

Page 18: 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.

Relative Input

18

Hybrid Touch

Page 19: 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.

Selection Mechanism

19

Lift-off

Land on

Page 20: 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.

Experiments

20

Page 21: 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.

• Experiment 1: Selection Mechanism

• Experiment 2: Absolute vs relative cursor

Movement

• Experiment 3: Exploring accuracy and reachability

with absolute pointing 21

Page 22: 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.

Selection Methods:Side-button

Double-tap

Frontside-touch

Did not include lift-off selection

Cursor Movement:Relative

Absolute22

Page 23: 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.

Design

Cursor movement (2) ×

Selection mechanism (3) ×

Target size (3) ×

Repetitions (6) ×

Participants (12)

23

Page 24: 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.

Results

24

Page 25: 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.

Results

25

Page 26: 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.

• Experiment 1: Selection Mechanism

• Experiment 2: Absolute vs relative cursor

Movement

• Experiment 3: Exploring accuracy and reachability

with absolute pointing 26

Page 27: 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.

Tasks

27

Page 28: 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.

Design

Cursor movement (2) ×

Target size (3) ×

Locations (9) ×

Repetitions (3) ×

Participants (12)

28

Page 29: 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.

Results

29

Page 30: 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.

Results

30

Page 31: 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.

Results

31

Page 32: 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.

• Experiment 1: Selection Mechanism

• Experiment 2: Absolute vs relative cursor

Movement

• Experiment 3: Exploring accuracy and reachability

with absolute pointing 32

Page 33: 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.

Two variations of Absolute

33

Page 34: 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.

34

ThumbSpace

Page 35: 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.

35

SlidingWindow

Page 36: 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.

Design

Technique (4) ×

Target Position (2) ×

Repetitions (12) ×

Participants (12)

36

Page 37: 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.

Results

37

Page 38: 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.

Results

38

Page 39: 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.

39

Limitations

Results are influenced by the target

sizes

Tested on single touch device

A variety of mapping factors were not

tested

Page 40: 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.

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: 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.

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: 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.

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: 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.

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

Thank you