wedge: clutter-free visualization of off-screen locations

wedge

Sean GustafsonPatrick BaudischCarl GutwinPourang Irani

clutter-free visualization of off-screen locations

2

wedge

halo: clutter problem wedge: avoids overlap

3

atedworkrel

4

overviews

[Plaisant 95 and many others]

5

fisheye views

fisheye views

[Carpendale 01]

6 [Gustafson 07]

edgeradar

7

simple arrows

[Tecmo Bowl 87]

8

scaled and stretched arrows

[Burigat 06]

9

“space-efficient fisheye technique”city lights

[Mackinlay 03]

10 [Baudisch 03]

halo

11 [Baudisch 03]

halo

12

eproblemth

13

the problem: clutter

14

the problem: clutter

15

corner

(also not great: corners)

side

16

cut lines color

ovalsclustering

Irani et al.Baudisch & Rosenholtz

initial approaches

separatevisually

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

18

ewedgeth

19

leg

legtarget

basebasebasebasewedge

20

halo wedge

21

3 degrees of freedom

rotationapertureintrusion

22

avoiding overlap

rotation

aperture

intrusion

23

outalgorithmlay

24

avoidance algorithm

25

avoidance algorithm

26

avoidance algorithm

27

avoidance algorithm

28

avoidance algorithm

29

leaves 2 degrees

intrusion ~ distance

base-width ~ distance

30

wedgedemo

31

serstudyu

32

two interface conditionshalo and wedge

33

halo

task 1: locate

wedge

same as original halo paper

34

halo

task 2: closest

wedge

same as original halo paper

35

halo

task 3: avoid

wedge

same as original halo paper

36

IV: density

sparse dense

37

16 participants

38

1.wedge is more accurate

2.larger improvement in dense condition

3.larger improvement in corners

(no hypothesis about task time)

hypotheses

39

results

40

no significant difference in task time

41

participants were significantly more accurate when using the wedge

42

error in pixels

60

40

20

0SparseDense

Side

Wedge

Halo

locate task

43

error in pixels

SparseDense

60

40

20

0SparseDense

Side Corner

Wedge

Halo

locate task

44

1.wedge is more accurate

2.larger improvement in dense condition

3.larger improvement in corners

hypotheses

45

fiedpointinguniwedge=

46

intrusion 0

citylights

47

aperture 0

stretched arrows

48

?halo

49

round bases

distance information in corner distance information along arc

50

halo

aperture 360

51

elingpointingmod

52

better layout than this?

?

53

54

beam

55

beam

56

beam

beam

57

orbitalbeam

beam

58intrusion

59intrusion

60aperture

61aperture

62 rotation

63 rotation

64

run user study with many users to determine constants

write new layout algorithm

next steps

65

thanksSean Gustafson

http://www.gustaf.ca/

66

67

68

recent resultspost-publication20 more participants

locate taskSparseDense

Err

or (

pixe

ls)

80

60

40

20

0SparseDense

SideCorner

WedgeHalo

69

recent resultspost-publication20 more participants

SparseDense

Err

or R

ate

60%

40%

20%

0%SparseDense

SideCorner

WedgeHalo

closest task