7 Presentation Thanks to John Stasko, Robert Spence, Ross Ihaka, - - PowerPoint PPT Presentation

7 presentation
SMART_READER_LITE
LIVE PREVIEW

7 Presentation Thanks to John Stasko, Robert Spence, Ross Ihaka, - - PowerPoint PPT Presentation

Elective in Software and Services (Complementi di software e servizi per la societ dell'informazione) Section Inf nfor ormat ation V on Visual sualizat ation on Numbers of credit : 3 Gius usep eppe pe S Sant antucci 7


slide-1
SLIDE 1

1

Elective in Software and Services (Complementi di software e servizi per la società dell'informazione) Section Inf

nfor

  • rmat

ation V

  • n Visual

sualizat ation

  • n

Numbers of credit : 3

Gius usep eppe pe S Sant antucci

7 – Presentation

Thanks to John Stasko, Robert Spence, Ross Ihaka, Marti Hearst, Kent Wittemburg

slide-2
SLIDE 2

2

Outline

  • Presentation & Screen limitations
  • Space limitations

– Scrolling – Overview + details – Distortion – Suppression – Zoom & pan

  • Time limitation
slide-3
SLIDE 3

3

Presentation & Screen limitations

Once you got a representation you have to present it

  • n the screen
slide-4
SLIDE 4

4

Outline

  • Presentation & Screen limitations
  • Space limitations

– Scrolling – Overview + details – Distortion – Suppression – Zoom & pan

  • Time limitation
slide-5
SLIDE 5

5

Space limitations: scrolling

  • Scrolling !
  • Scrolling where ?
  • Boring
  • Time consuming
  • Most content is

hidden from view

7.1 A PROBLEM Many of us have found ourselves with a report that has to be completed by a deadline, with the result (Figure 7.1) that the dining room table, extended to its 12- guest state, is covered by piles of paper as well as reports, books, clippings and slides; perhaps with more arranged on the floor and on a couple of chairs. There may even be piles on top of piles. Such a presentation of vital information makes a lot of sense: everything relevant is to hand (hopefully!) and, moreover, its very visibility acts as a reminder (Bolt, 1984, page 2) of what might be relevant at any particular juncture, possibly triggering a situated action (Suchman, 1987). In this environment I can concentrate on creative tasks rather than

  • rganisation.

Despite the availability of high-resolution displays and powerful workstations I still write most of my reports in this way. Why? Because the display area provided by the typical workstation is far too small to support, visibly, all the sources that are relevant to my composition. 7.2 THE PRESENTATION PROBLEM I am not alone in the sense of having too much data to fit onto a small screen. A very large and expensive screen, for example, would be needed to display the London Underground map in sufficient detail(Figure 1.1), and it would be difficult or impossible to present, on a normal display, the complete

  • rganisation chart of IBM or ICI.

Moreover, the recent emergence of small and mobile information and communication devices such as PDAs and wearable displays has additionally identified a pressing need for a solution to the ‘ too much data, too little display area’ problem: the presentation

  • problem. How can it be solved, mindful
  • f the need to support the activity of

visualising the underlying data? 7.2.1 Scrolling An obvious solution is to scroll the data into and out of the visible area. In other words, to provide a means whereby a long document can be moved past a window until it reaches the required ‘page’ (Figure 7.2). This mechanism is widely used, but carries with it many

  • penalties. One relates to the "Where am

I?" problem: I’m working on Chapter 2, (it may be section 2.3, I don’t know) and I want to remind myself of a figure that is in chapter 5, it may be in section 5.3 – or was it 5.6? All I can do is operate the scrolling mechanism and look out for the figure I need, albeit assisted by various cues such as the page number indicated in the scrolling mechanism. With a scrolling mechanism, most of a document is hidden from view. I have the same problem when using a microfilm reader, with the additional complication that if I move the tray to the left, the image moves to the right. A similar difficulty applies to my use of the famous London ‘AtoZ’ street directory. I’m driving along a road that goes off the edge of the page, so I desperately need whatever page contains the continuation of that road (and quickly!). Even if I get it, I will typically have trouble locating the same road on the new page. These and other similar problems can be ameliorated by the provision of context . Much of this chapter, in fact, is concerned with deciding how to provide context .

slide-6
SLIDE 6

6

Outline

  • Presentation & Screen limitations
  • Space limitations

– Scrolling – Overview + details – Distortion – Suppression – Zoom & pan

  • Time limitation
slide-7
SLIDE 7

7

Space limitations : overview + detail

slide-8
SLIDE 8

8

Space limitations : overview + detail

slide-9
SLIDE 9

9

Space limitations : overview + detail

slide-10
SLIDE 10

10

Outline

  • Presentation & Screen limitations
  • Space limitations

– Scrolling – Overview + details – Distortion – Suppression – Zoom & pan

  • Time limitation
slide-11
SLIDE 11

11

Space limitations : distortion

(a) An information space containing documents, emails, etc. (b) The same space wrapped around two uprights. (c) Appearance of the information space when viewed from an appropriate direction direction

  • f view

Horizontal distortion

slide-12
SLIDE 12

12

Space limitations : distortion

Documents on a (early) bifocal display Sequence of amino acids

slide-13
SLIDE 13

13

Space limitations : distortion

Expansion to show names and numbers The table lens

Data (histograms) about baseball players:

  • number of 'hits'
  • ball speed

Interaction

  • sort
slide-14
SLIDE 14

14

Generalized distortion

Combined X- and Y-distortion

slide-15
SLIDE 15

15

London Underground map

slide-16
SLIDE 16

16

Combined distortion for a calendar

11Sun 12 Mon 13 Tue 14 Wed 15 Thur 16 Fri 17Sat

Fly LA Kathy to airport Model Maker Check slides, notes. Family barbeque Fly LHR Kathy to collect Chapter 2/ see Dave March

July

June May April Mar Aug Sept Oct Flight to SFO Tutorial set-up Tutorial United flight Heathrow Pointer Color OHs Jane+John Call Kathy

slide-17
SLIDE 17

17

Combined distortion

  • n a PDA

The distortion preserves the continuity of transportation links

slide-18
SLIDE 18

18

Macintosh OSX distortion

slide-19
SLIDE 19

19

The perspective wall

  • Bifocal display + 3D
slide-20
SLIDE 20

20

Outline

  • Presentation & Screen limitations
  • Space limitations

– Scrolling – Overview + details – Distortion – Suppression – Zoom & pan

  • Time limitation
slide-21
SLIDE 21

21

Suppression

Saul Steinberg A view of the world from 9th Avenue Distortion + Suppression Presenting only relevant data

slide-22
SLIDE 22

22

Relevant data (?)

  • A more formal definition
  • Degree of interest (Doi) = f(API,D)

– API = a priori importance – D = distance

Organization tree of a company A priori importance

10 9 9 8 8 8 8 8 8 6 8 8 6 9

G P President S M N F K

slide-23
SLIDE 23

23

Relevant data (?)

1 2 3 3 4 4 2 2 1 1 1 2 2 P Focus

DoI=API-D Distance from the focus

8 6 6 8 7 7 7 4 4 4 6 6 4 8

10 9 9 8 8 8 8 8 8 6 8 8 6 9

slide-24
SLIDE 24

24

Relevant data (?)

  • Defining a Doi threshold define context

DoI=API-D

8 6 6 8 7 7 7 4 4 4 6 6 4 8

Doi>=7

S M N K P President President

slide-25
SLIDE 25

25

OntoViewer Demo

slide-26
SLIDE 26

26

Relevant data

The drawing simplified in the context of a suspected fault Part of an engineering drawing

slide-27
SLIDE 27

27

Suppression through layers: magic lens

Magic lens. (a) shows a conventional map of an area, (b) shows the location of services (gas, water and electricity pipes) in the same area, and (c) a (movable) magic lens shows services in an area of interest, in context

slide-28
SLIDE 28

28

Suppression through layers: magic lens

A molecular surface of the protein transferase. The magic lens window allows a view of the atomic structure bonding to be shown, thereby providing a view inside the protein

slide-29
SLIDE 29

29

Distortion + suppression

slide-30
SLIDE 30

30

Link between representation & presentation

Representation & presentation to provide context for a small display

slide-31
SLIDE 31

31

Outline

  • Presentation & Screen limitations
  • Space limitations

– Scrolling – Overview + details – Distortion – Suppression – Zoom & pan

  • Time limitation
slide-32
SLIDE 32

32

Zoom and pan

In both cases we have to care about the context

slide-33
SLIDE 33

33

NY to London Long, boring panning (unless you like blue ...)

... ...

slide-34
SLIDE 34

34

Combining zoom an panning

What a complex interaction ! Who acts this way? video

slide-35
SLIDE 35

35

Geometric & semantic zoom

slide-36
SLIDE 36

36

Outline

  • Presentation & Screen limitations
  • Space limitations

– Scrolling – Overview + details – Distortion – Suppression – Zoom & pan

  • Time limitation
slide-37
SLIDE 37

37

Time limitations

  • Rapid serial visual presentation vs parallel visualization
  • Up to 10 images per second ...

time

Concurrent presentation Serial presentation

slide-38
SLIDE 38

38

What an odd task?

  • Browsing !!!

– Looking for a page in a book (using its appearance) – Looking for a picture in a collection of photos – Looking at a movie through a trailer – Looking for a gift in a catalogue – Searching a product in a supermarket shelf

  • .......video (v21imagebrowsing.mov)
slide-39
SLIDE 39

39

Browsing video posters

Browsing of posters advertising videos. Cursor movement along the stacks causes posters to briefly ‘pop out’ sideways, and the whole bifocal structure can be scrolled to bring a video of interest to the central region, where a mouse click will cause a clip from a video to be played

slide-40
SLIDE 40

40

How fast we can go?

  • Experiment

– A subject is shown an image – After he is exposed to a large set of images at rate 10 per seconds – The subject is asked for the target image belongs to the set – 80%-90% success rate

Prior instruction to subject Subjects’ perf ormance “Here is a target

  • image. Tell me if

this image appears in the sequence of N images y ou’re about to see” Recognition about 80% to 90% successf ul time about 100 ms unrelated images Presentation of images

slide-41
SLIDE 41

41

Space and time...

Videos... A B D

slide-42
SLIDE 42

42

Do you remember the 1° fovea?

  • To evaluate such kind of interfaces it is mandatory to

recall the way an eye behaves

  • Fovea: narrow high resolution spot
  • Quick eye-gazes plus fixations

F F F F F F F F

A simple representation of eye-gaze behavior. The rapid saccades are shown green, the fixations (F) of varying duration by circles of proportionate size

slide-43
SLIDE 43

43

Eye tracking

Recording of eye-gaze. An infra-red laser beam is aimed at the user’s eye, and reflections from the retina and cornea are detected by a television camera. It also records pupil diameter

slide-44
SLIDE 44

44

Eyes gazes: A) slide-show

slide-45
SLIDE 45

45

Eyes gazes: B) mixed

slide-46
SLIDE 46

46

Eyes gazes: C) tile

slide-47
SLIDE 47

47

Eyes gazes: D) diagonal (liking it)

slide-48
SLIDE 48

48

Eyes gazes: D) diagonal (disliking it)

slide-49
SLIDE 49

49

Accuracy

The accuracy with which the presence or absence of a target image was reported for the six presentation modes

1.0 0.9 0.8 0.7 0.6 0.5 0.4 0.3 0.2 0.1

Slide-show Mixed Tile Diagonal Ring Stream

Recognition accuracy

slide-50
SLIDE 50

50

Matter of opinion...

The (static) slide-show, mixed and tile image presentation modes account for three-quarters of the preferred modes Almost all the least preferred image presentation modes were moving modes and the stream mode accounted for over half

slide-51
SLIDE 51

51

Interaction !

  • Control the speed
  • Expand images

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 10 11 12 13 14 15 16 17 18 19 20 9 8

6

1 2 3 4

Macintosh like interaction...

slide-52
SLIDE 52

52

Still on human visual performance

  • Another experiment

Prior instruction to subject Presentation of image collection Subject’s performance

about 100ms unrelated images time

None The subject was shown an image and then asked, ‘Was this image present in the sequence you have just seen?’ Recognition success was 10% to 20% unless the question was aksed within about 4 seconds of the end of the presentation

4 seconds? Conceptual short-term memory (sound and images)...

slide-53
SLIDE 53

53

Still on human visual performance

  • You can argue that 100 ms is too short but...

Prior instruction to subject Presentation of image collection Subject’s performance

about 300ms unrelated images time

None The subject was shown an image and then asked, ‘Was this image present in the sequence you have just seen?’ Up to 92% recognition success

etc . . . .

Visual mask

.

Visual mask Visual mask

about 100ms

slide-54
SLIDE 54

54

Interaction design

Scrolling Overview+detail Distortion Suppression Zoom Pan RSVP* Eye gaze

A third palette for designing Infovis applications

*Rapid Serial Visual Presentation