wedge: clutter-free visualization of off-screen locations

69
wedge Sean Gustafson Patrick Baudisch Carl Gutwin Pourang Irani visualization of off-screen locations

Upload: seangustafson

Post on 17-Jul-2015

996 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Wedge: Clutter-Free Visualization of Off-Screen Locations

wedge

Sean GustafsonPatrick BaudischCarl GutwinPourang Irani

clutter-free visualization of off-screen locations

Page 2: Wedge: Clutter-Free Visualization of Off-Screen Locations

2

wedge

halo: clutter problem wedge: avoids overlap

Page 3: Wedge: Clutter-Free Visualization of Off-Screen Locations

3

atedworkrel

Page 4: Wedge: Clutter-Free Visualization of Off-Screen Locations

4

overviews

[Plaisant 95 and many others]

Page 5: Wedge: Clutter-Free Visualization of Off-Screen Locations

5

fisheye views

fisheye views

[Carpendale 01]

Page 6: Wedge: Clutter-Free Visualization of Off-Screen Locations

6 [Gustafson 07]

edgeradar

Page 7: Wedge: Clutter-Free Visualization of Off-Screen Locations

7

simple arrows

[Tecmo Bowl 87]

Page 8: Wedge: Clutter-Free Visualization of Off-Screen Locations

8

scaled and stretched arrows

[Burigat 06]

Page 9: Wedge: Clutter-Free Visualization of Off-Screen Locations

9

“space-efficient fisheye technique”city lights

[Mackinlay 03]

Page 10: Wedge: Clutter-Free Visualization of Off-Screen Locations

10 [Baudisch 03]

halo

Page 11: Wedge: Clutter-Free Visualization of Off-Screen Locations

11 [Baudisch 03]

halo

Page 12: Wedge: Clutter-Free Visualization of Off-Screen Locations

12

eproblemth

Page 13: Wedge: Clutter-Free Visualization of Off-Screen Locations

13

the problem: clutter

Page 14: Wedge: Clutter-Free Visualization of Off-Screen Locations

14

the problem: clutter

Page 15: Wedge: Clutter-Free Visualization of Off-Screen Locations

15

corner

(also not great: corners)

side

Page 16: Wedge: Clutter-Free Visualization of Off-Screen Locations

16

cut lines color

ovalsclustering

Irani et al.Baudisch & Rosenholtz

initial approaches

separatevisually

Page 17: Wedge: Clutter-Free Visualization of Off-Screen Locations

17

• circles offer only a single degree of freedom: radius (aka intrusion)

• in some cases varying allows resolving overlap,in others it does not

• how can we get additional degrees of freedom?

separate geometrically

Page 18: Wedge: Clutter-Free Visualization of Off-Screen Locations

18

ewedgeth

Page 19: Wedge: Clutter-Free Visualization of Off-Screen Locations

19

leg

legtarget

basebasebasebasewedge

Page 20: Wedge: Clutter-Free Visualization of Off-Screen Locations

20

halo wedge

Page 21: Wedge: Clutter-Free Visualization of Off-Screen Locations

21

3 degrees of freedom

rotationapertureintrusion

Page 22: Wedge: Clutter-Free Visualization of Off-Screen Locations

22

avoiding overlap

rotation

aperture

intrusion

Page 23: Wedge: Clutter-Free Visualization of Off-Screen Locations

23

outalgorithmlay

Page 24: Wedge: Clutter-Free Visualization of Off-Screen Locations

24

avoidance algorithm

Page 25: Wedge: Clutter-Free Visualization of Off-Screen Locations

25

avoidance algorithm

Page 26: Wedge: Clutter-Free Visualization of Off-Screen Locations

26

avoidance algorithm

Page 27: Wedge: Clutter-Free Visualization of Off-Screen Locations

27

avoidance algorithm

Page 28: Wedge: Clutter-Free Visualization of Off-Screen Locations

28

avoidance algorithm

Page 29: Wedge: Clutter-Free Visualization of Off-Screen Locations

29

leaves 2 degrees

intrusion ~ distance

base-width ~ distance

Page 30: Wedge: Clutter-Free Visualization of Off-Screen Locations

30

wedgedemo

Page 31: Wedge: Clutter-Free Visualization of Off-Screen Locations

31

serstudyu

Page 32: Wedge: Clutter-Free Visualization of Off-Screen Locations

32

two interface conditionshalo and wedge

Page 33: Wedge: Clutter-Free Visualization of Off-Screen Locations

33

halo

task 1: locate

wedge

same as original halo paper

Page 34: Wedge: Clutter-Free Visualization of Off-Screen Locations

34

halo

task 2: closest

wedge

same as original halo paper

Page 35: Wedge: Clutter-Free Visualization of Off-Screen Locations

35

halo

task 3: avoid

wedge

same as original halo paper

Page 36: Wedge: Clutter-Free Visualization of Off-Screen Locations

36

IV: density

sparse dense

Page 37: Wedge: Clutter-Free Visualization of Off-Screen Locations

37

16 participants

Page 38: Wedge: Clutter-Free Visualization of Off-Screen Locations

38

1.wedge is more accurate

2.larger improvement in dense condition

3.larger improvement in corners

(no hypothesis about task time)

hypotheses

Page 39: Wedge: Clutter-Free Visualization of Off-Screen Locations

39

results

Page 40: Wedge: Clutter-Free Visualization of Off-Screen Locations

40

no significant difference in task time

Page 41: Wedge: Clutter-Free Visualization of Off-Screen Locations

41

participants were significantly more accurate when using the wedge

Page 42: Wedge: Clutter-Free Visualization of Off-Screen Locations

42

error in pixels

60

40

20

0SparseDense

Side

Wedge

Halo

locate task

Page 43: Wedge: Clutter-Free Visualization of Off-Screen Locations

43

error in pixels

SparseDense

60

40

20

0SparseDense

Side Corner

Wedge

Halo

locate task

Page 44: Wedge: Clutter-Free Visualization of Off-Screen Locations

44

1.wedge is more accurate

2.larger improvement in dense condition

3.larger improvement in corners

hypotheses

Page 45: Wedge: Clutter-Free Visualization of Off-Screen Locations

45

fiedpointinguniwedge=

Page 46: Wedge: Clutter-Free Visualization of Off-Screen Locations

46

intrusion 0

citylights

Page 47: Wedge: Clutter-Free Visualization of Off-Screen Locations

47

aperture 0

stretched arrows

Page 48: Wedge: Clutter-Free Visualization of Off-Screen Locations

48

?halo

Page 49: Wedge: Clutter-Free Visualization of Off-Screen Locations

49

round bases

distance information in corner distance information along arc

Page 50: Wedge: Clutter-Free Visualization of Off-Screen Locations

50

halo

aperture 360

Page 51: Wedge: Clutter-Free Visualization of Off-Screen Locations

51

elingpointingmod

Page 52: Wedge: Clutter-Free Visualization of Off-Screen Locations

52

better layout than this?

?

Page 53: Wedge: Clutter-Free Visualization of Off-Screen Locations

53

Page 54: Wedge: Clutter-Free Visualization of Off-Screen Locations

54

beam

Page 55: Wedge: Clutter-Free Visualization of Off-Screen Locations

55

beam

Page 56: Wedge: Clutter-Free Visualization of Off-Screen Locations

56

beam

beam

Page 57: Wedge: Clutter-Free Visualization of Off-Screen Locations

57

orbitalbeam

beam

Page 58: Wedge: Clutter-Free Visualization of Off-Screen Locations

58intrusion

Page 59: Wedge: Clutter-Free Visualization of Off-Screen Locations

59intrusion

Page 60: Wedge: Clutter-Free Visualization of Off-Screen Locations

60aperture

Page 61: Wedge: Clutter-Free Visualization of Off-Screen Locations

61aperture

Page 62: Wedge: Clutter-Free Visualization of Off-Screen Locations

62 rotation

Page 63: Wedge: Clutter-Free Visualization of Off-Screen Locations

63 rotation

Page 64: Wedge: Clutter-Free Visualization of Off-Screen Locations

64

run user study with many users to determine constants

write new layout algorithm

next steps

Page 65: Wedge: Clutter-Free Visualization of Off-Screen Locations

65

thanksSean Gustafson

http://www.gustaf.ca/

Page 66: Wedge: Clutter-Free Visualization of Off-Screen Locations

66

Page 67: Wedge: Clutter-Free Visualization of Off-Screen Locations

67

Page 68: Wedge: Clutter-Free Visualization of Off-Screen Locations

68

recent resultspost-publication20 more participants

locate taskSparseDense

Err

or (

pixe

ls)

80

60

40

20

0SparseDense

SideCorner

WedgeHalo

Page 69: Wedge: Clutter-Free Visualization of Off-Screen Locations

69

recent resultspost-publication20 more participants

SparseDense

Err

or R

ate

60%

40%

20%

0%SparseDense

SideCorner

WedgeHalo

closest task