Top Banner
Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008
81

Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

Dec 13, 2015

Download

Documents

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: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

Visualizing Off-Screen Locations onSmall Mobile Displays

Sean Gustafson

master of sciencethesis defense

Dec 15 / 2008

Page 2: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

2

off-screen viz

overview arrows halo

Page 3: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

3

atedworkrel

Page 4: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

4

overviews

[Plaisant 95 and many others]

Page 5: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

5

fisheye views

fisheye views

[Carpendale 01]

Page 6: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

6

simple arrows

[Tecmo Bowl 87]

Page 7: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

7

scaled and stretched arrows

[Burigat 06]

Page 8: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

8 [Gustafson 07]

edgeradar

Page 9: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

9 [Baudisch 03]

halo

Page 10: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

10 [Baudisch 03]

halo

Page 11: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

11

the problem: clutter

Page 12: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

12

the problem: clutter

Page 13: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

13

corner

(also not great: corners)

side

Page 14: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

14

cut lines color

ovalsclustering

Irani et al.Baudisch & Rosenholtz

initial approaches

separatevisually

Page 15: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

15

ewedgeth

Page 16: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

16

leg

legtarget

basebasebasebasewedge

Page 17: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

17

halo wedge

Page 18: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

18

3 degrees of freedom

rotationbase lengthintrusion

Page 19: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

19

avoiding overlap

rotation

base length

intrusion

Page 20: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

20

outalgorithmlay

Page 21: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

21

avoidance algorithm

Page 22: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

22

avoidance algorithm

Page 23: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

23

avoidance algorithm

Page 24: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

24

avoidance algorithm

Page 25: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

25

avoidance algorithm

Page 26: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

26

leaves 2 degrees

intrusion ~ distance

base-width ~ distance

Page 27: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

27

serstudyu

Page 28: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

28

two interface conditions

halo and wedge

Page 29: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

29

halo

task 1: locate

wedge

same as original halo paper

Page 30: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

30

halo

task 2: closest

wedge

same as original halo paper

Page 31: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

31

halo

task 3: avoid

wedge

same as original halo paper

Page 32: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

32

IV: density

sparse dense

Page 33: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

33

IV: cornerside

corner

Page 34: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

34

36 participants

Page 35: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

35

1.wedge is more accurate

2.larger improvement in dense condition

3.larger improvement in corners

(no hypothesis about task time)

hypotheses

Page 36: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

36

results

Page 37: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

37

participants were significantly more accurate when using the wedge

Page 38: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

38

error in pixels

locate task

Err

or

(pix

els) 60

40

20

0

SparseDense

Side

Wedge

Halo80

Page 39: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

39

error in pixels

locate task

Err

or

(pix

els) 60

40

20

0

SparseDense

Side

Wedge

Halo80

Corner

SparseDense

Page 40: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

40

other results

no interesting results from the other tasks or from completion time.

Page 41: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

41

other resultsWedge Halo No

Preference

Locate 25 10 1

Avoid 21 13 2

Closest 18 14 4

preferences

Page 42: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

42

1.wedge is more accurate

2.larger improvement in dense condition

3.larger improvement in corners

hypotheses

Page 43: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

43

elingpointingmod

Page 44: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

44

Page 45: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

45

beam

Page 46: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

46

beam

Page 47: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

47

beam

beam

Page 48: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

48

orbitalbeam

beam

Page 49: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

49 intrusion

Page 50: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

50 intrusion

Page 51: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

51 aperture

Page 52: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

52 aperture

Page 53: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

53 rotation

Page 54: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

54 rotation

Page 55: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

55

experiment to gather accuracy data

data collection

Page 56: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

56

experiment to gather accuracy data

data collection

distance

legLength1

legLength2 base

Leng

th

Page 57: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

57

results50

100

200

300

Depth Error

Dis

tanc

e

-100 0 100 200 300-60

60

0

-60

60

0

-60

60

0

-60

60

0

Bre

ad

th E

rro

r

Page 58: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

58

results

Depth Error

-100 0 100 200 300

60

0

-60bias

length

width

Page 59: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

59

results - bias

Page 60: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

60

results - length

Page 61: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

61

minimizing errors

• choose smallest base and leg length that still maintains small orbital and low bias

• base length of at least 50px, 100px for longer distances

• a large leg length (above 8px) does not result in smaller orbital

• avoid heavily rotating wedges

Page 62: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

62

conclusion

Page 63: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

63

1. summary of existing techniques and criteria for evaluating them

2. introduction of Wedge

3. introduction of the concept of degrees of freedom and dynamic layout

4. evaluation of Wedge

5. preliminary model

contributions

Page 64: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

64

thanks

Page 65: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

65

Page 66: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

66

IV: density2

3 4

1sparse

dense

Page 67: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

67

Page 68: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

68

correcting errors

Page 69: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

69

correcting errors

Page 70: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

70

Page 71: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

71

fiedpointinguniwedge=

Page 72: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

72

intrusion 0

citylights

Page 73: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

73

aperture 0

stretched arrows

Page 74: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

74

?halo

Page 75: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

75

round bases

distance information in corner distance information along arc

Page 76: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

76

halo

aperture 360

Page 77: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

77

Page 78: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

78 locate task

SparseDense

Err

or

(pix

els

) 60

40

20

0SparseDense

SideCorner

Wedge

Halo80

SparseDense

Tim

e (

ms)

3000

2000

1000

SparseDense

SideCorner

Wedge

Halo

0

full results

Page 79: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

79 avoid task

full results

SparseDense

Err

or

Ra

te %

50

40

30

20

10

0SparseDense

Wedge

Halo

SideCorner

Tim

e (

ms)

5000

4000

2000

0

SideCorner

Wedge

Halo

SparseDense SparseDense

3000

1000

Page 80: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

80 closest task

full results

SparseDense

Err

or

Ra

te %

60

40

20

0SparseDense

WedgeHalo

SideCorner

SparseDenseT

ime

(m

s)

6000

4000

2000

0

SparseDense

SideCorner

WedgeHalo

Page 81: Visualizing Off-Screen Locations on Small Mobile Displays Sean Gustafson master of science thesis defense Dec 15 / 2008.

81