26
IAT 814 1 IAT 814 1 IAT 814 Scent, or Interaction & Navigation _________________________________________________________________________________ _____ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] | WWW.SIAT.SFU.CA

IAT 814 Scent, or Interaction & Navigation

  • Upload
    tamra

  • View
    43

  • Download
    0

Embed Size (px)

DESCRIPTION

IAT 814 Scent, or Interaction & Navigation. ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] | WWW.SIAT.SFU.CA. IAT 814. 1. Interaction. - PowerPoint PPT Presentation

Citation preview

Page 1: IAT 814 Scent, or Interaction & Navigation

IAT 814 1IAT 814 1

IAT 814Scent, or

Interaction & Navigation

______________________________________________________________________________________

SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] | WWW.SIAT.SFU.CA

Page 2: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 2IAT 814 2

Interaction• In discrete information spaces, need

ability to move from current to new view• Discrete Info space?

– Situations where there are discrete queries• Web• Between moves in dynamic query

Page 3: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 3

• Discrete information space• Stepped interaction

Figure 5.2

Page 4: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 4

Figure 5.3

• Discrete information space• Continuous interaction• Responsive system

Page 5: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 5

Figure 5.5• Continuous interaction• Continuous relation• Immediate response• Preliminary calculation may be needed

Page 6: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 6

Figure 5.6 Two classes of information space

Continuous DiscreteInformation spaces

Page 7: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 7

Continuous

Stepped

Passive

Composite

Coffee TableMinard

Entertainment guideWorld Wide Web

Function exploration(Figure 5.5)

Interaction modes

Circuit design (Figure 5.5)

Engineering design (Section 5.4)

Information spacesContinuous Discrete

Figure 5.7 Information spaces, interaction modes and examples of their combination

Page 8: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 8Figure 5.8 Norman’s Action Cycle

Form Intention

Form Action plan

ExecuteAction

Evaluation

Interpretation

Perception

Change in World

Gulfofexecution

Gulfofevaluation

Goal

• Norman’s Action Cycle

Page 9: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 9

Perceive-Think-Act

• In small-scale visualizations, this is easy– Select variable to map to X– Select color of Honda Cars

• In large-scale info spaces, the volume of data is too large

• Must be selected, or Navigated through– WWW

Page 10: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 10

Navigation Questions

• Where am I?• Where can I go?• How do I get there?• What lies beyond?• Where can I usefully go?• Where have I been?

Page 11: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 11

Sensitivity• A movement in information space and the

interaction required to achieve it• SM – Sensitivity Movement

– Visible cues to future locations• Labeled hyperlinks on web• Signs, labeled doors in real life

• SI – Sensitivity Interaction– Actions you can take to change location

• Click on a button• pass through door

Page 12: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 12

Black encoding of houses that fail one attribute limit provides sensitivity information

SM, SI• SM: Black bars indicate that only one

attribute does not satisfy• SI: Range sliders under each histogram

Page 13: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 13

Figure 5.22 In a limit positioning tool colour coding indicates that selection will be unaffected while the lower limit stays within the white region. When a limit moves into the yellow region selection will be affected

1 2 3 4 5Number of bedrooms

SM, SI• SM: Yellow range shows “populated”

region of parameter• SI: Arrowheads

Page 14: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 14

Where can I go?

• Often answered by displaying possibilities

• In InfoVis case, showing what is in and/or beyond current range– Outlook: Preview email content– Google: Show context or search terms– Dynamic Query: next slide

Page 15: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 15

Figure 5.24 A possible modification to the Dynamic Queries interface. Houses violating only one limit are identified, so that sensitivity is explicit rather than having to be discovered by manual movement of the limits

Pricelowerlimit

upperlimit

Three houses which satisfy all limits with the sole exception of the upper limit on Price

Page 16: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 16

Figure 5.25 In the EZChooser outline cars are those that satisfy all requirements except one. Selection of the range immediately underneath an outline car ensures that the car then satisfies all requirements

Page 17: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 17

Figure 5.49 Limits placed on the four stresses S1 to S4 have been brushed into the parameter histograms, with red designs indicating those which satisfy all limits on S1, S2, S3 and S4

Page 18: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 18

Figure 5.50 A prosection matrix associated with a design involving four parameters. Red indicates the location of designs that satisfy all performance limits. Yellow defines the regions within which the designs of a mass-produced design will lie as a result of manufacturing tolerances on the parameters

Page 19: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 19

Residue

• An indication of distant content in SM encoding

Page 20: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 20

Scent

• Scent: The perceived benefit associated with a movement in information space, evaluated as one interprets one or more cues

• Where can I usefully go from here?

Page 21: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 21Figure 5.31 The relation between sensitivity, residue and scent

remote content Residue(= cue encodingremote content)sensitivity cues SM and SI encoding

Interpretedsensitivity cuesand residues

scenthuman evaluationof the benefit ofavailable SMs

human interpretation

Page 22: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 22

DateLens

• Search for HCIL: Highlight yellow

• Yellow highlights extend beyond visible region in scrollbar

Page 23: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 23

Where am I?

• Navigational aids

Page 24: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 24Figure 5.39 Available paths from the current location in discrete information space

User’spath

Current location

Outlinks

Page 25: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 25

Figure 5.40 Location breadcrumbs (red) provide an awareness of the structure of a site within which the current location resides

Location structure

User’spath

Page 26: IAT 814 Scent, or Interaction & Navigation

Nov 4, 2013 IAT 814 26Figure 5.41 An example of path breadcrumbs within a website