iat 814 scent, or interaction & navigation
DESCRIPTION
IAT 814 Scent, or Interaction & Navigation. ______________________________________________________________________________________ SCHOOL OF INTERACTIVE ARTS + TECHNOLOGY [SIAT] | WWW.SIAT.SFU.CA. IAT 814. 1. Interaction. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: IAT 814 Scent, or Interaction & Navigation](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/3.jpg)
Nov 4, 2013 IAT 814 3
• Discrete information space• Stepped interaction
Figure 5.2
![Page 4: IAT 814 Scent, or Interaction & Navigation](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/4.jpg)
Nov 4, 2013 IAT 814 4
Figure 5.3
• Discrete information space• Continuous interaction• Responsive system
![Page 5: IAT 814 Scent, or Interaction & Navigation](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/19.jpg)
Nov 4, 2013 IAT 814 19
Residue
• An indication of distant content in SM encoding
![Page 20: IAT 814 Scent, or Interaction & Navigation](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/23.jpg)
Nov 4, 2013 IAT 814 23
Where am I?
• Navigational aids
![Page 24: IAT 814 Scent, or Interaction & Navigation](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022062302/568166fb550346895ddb5f10/html5/thumbnails/26.jpg)
Nov 4, 2013 IAT 814 26Figure 5.41 An example of path breadcrumbs within a website