Human Computer
Interaction Design
CS237 Assignment #8
 
 
| Out | Tues, 10/8 | 
| Due | Thurs, 10/10 | 
Wake, Warren, Design Paradigms: Introduction; Chapter 10, Multiple Object relations,
Chapter 14: Putting Paradigms to Work
Ware, Colin, Information Visualization: Perception for
Design
Gibson’s Affordance Theory (pp. 22-25) Interacting with Visualizations,
(pp. 335-353)
HCI Papers (Buxton, Ishii, Ullmer, et al.)
Design an interface tool set that includes the capabilities of the actions listed below. The tool set can include real objects (wand, glove, brush, table, other props, etc.), virtual objects (color prism, 3D icons, etc.), body gestures sensed by wiring, voice commands, and/or other interaction devices and techniques. Your interface should be as simple as possible, yet detailed. It should be intuitive in the sense that it can be easily learned, and later, operated without a “guide book”. However, it should also be complete in providing a means to accomplish all of the functionality listed below. It should enhance the user’s sense of connection with the virtual environment and the “realness” of the model. You might try to imagine a “real world” metaphor for the “mood” of your interface (i.e. “scuba diving”, “dissection” or “haunted house”) to give the experience a vivid, comforting, or magical character. When designing your interface, keep in mind the interface principles described in class and in the readings. You might try to make commonly accessed functions easily or intuitively activated. Document your designs in drawing, actual objects, or in 2D or 3D digital graphics. Documentation should be completely detailed and include diagrams for use.
Navigation:
® Move the viewer within the virtual world
o left
o right
o forward
o back
o up
o down
® Move the virtual world (as in grabbing it in CavePainting) with respect to the viewer’s position
o left
o right
o forward
o back
o up
o down
o scale up
o scale down
® Pre-set viewpoints (Jump-cut to these pre-set views)
o Overview, from inside the artery walls
o Overview, from outside the artery
o Isometric overview, from outside the artery
o Normal scale view at spot of the bifurcation
Data Exploration / Probing:
® Place particle emitter here
® Create streamline that passes through this point
® Create one of my super-duper icons at this spot
® I’m only interested in this region (how do you specify the region?), show me everything here
Animation Control:
® real time
® slo-mo
® freeze
® hyper speed
® show pulse
® run backward
Adjust Display of/Emphasis on
Different Flow Characteristics or Areas:
® display a latitudinal section
® display a longitudinal section
® display/emphasize wall data
® display/emphasize streamlines by speed (either low, medium, or high)
® display/emphasize streamlines by pressure (either low, medium, or high)
® display/emphasize vorticity
® display/emphasize pressure
® display/emphasize reverse flow
Annotate the Visualization:
® Take a snapshot of the current view
® Start/Stop recording video
® Write a text note or record voice and attach it to a region in the visualization
Adjust Visual Attributes of Icons
or Artery Wall:
® Brightness
® Color
® Shininess
® Texture
® Texture repeat frequency
Adjust Visual Attributes of the
Environment:
® Background Color
® Placement of Lights
® Strength of Lights
o Devise a set of interaction techniques for the actions listed above.
o Document your ideas with detailed descriptions and diagrams where appropriate.
o Answered assignment questions.