INDE/TC 455: User Interface Design Autumn 2008 Class #21 URL:courses.washington.edu/ie455 1
TA Moment 2
Class #20 Review Review of flipbooks 3
Assignments for Class #22 Individual Review modules: 5.7, 12.1, 12.2, 13.0 Group Phase 6A: Field Trials 1 (to be completed by Class #24 - Monday 17 Nov) with emailed report card to Prof. Furness 4
Class #21 Agenda Questions about 5A: Flipbooks Finishing up transactional constructs Technologies for the interface - part 2 5
INDE/TC 455: User Interface Design Module 13.0 Interface Technology 6
Three more interface considerations What is the best allocation of responsibility between the human and the tool? What is the best representational/interaction construct? Which technology choose to implement? 7
Technology for the Interface 8
Which technology to choose? To match the task Mobility Automation To match the user (persona?) Child vs. adult disabled To work in the environment Outside inside Other Aesthetics (form) Efficiency (function) Effectiveness (form + function) 9
Tools versus Technology Decide what your tool should do first Design a representational construct Then decide how to implement that functionality with technology Refine form for aesthetics May require iteration Use thinking hats 10
Important Considerations Responsiveness Actions have direct results User acts intuitively and spontaneously Permissiveness User can do anything reasonable Do and undo Different paths to task completion Consistency Same interface style for all applications from Human Interface Guidelines: The Apple Desktop Interface 11
Technology subsystems #1 Technology to get signals to the user. = displays #2 Technology get signals from the user. = controls 12
Human-Machine Systems Operator Sensing Machine Information Processing Psychomotor Performance Display Control 13
Human Interface Model -- Level 3 EXPERIENCE A PRIORI KNOWLEDGE EXPERIENCE TRAINING DESIGNER USER META COMMUNICATION MODEL OF MODEL OF USER MACHINE INDIRECT PATH MACHINE HUMAN PROCESSES MACHINE PROCESSES DIRECT PATH COGNITIVE PERCEPTUAL SENSORY PSYCHOMOTOR DISPLAY CONTROL INPUT PROCESSING PROGRAMMING SIGNAL TRANSFER TASK 14
Interface technologies displays COGNITIVE PERCEPTUAL SENSORY PSYCHOMOTOR controls DISPLAY CONTROL INPUT PROCESSING PROGRAMMING Signal Level Transfer of physical signals across machine and human boundaries 15
Human Signal Input Parameters Sensation-transducer Signal intensity Resolution Contrast/modulation Color Dynamic range Update rate Throughput delays Interference 16
Human Signal Output Parameters Psychomotor transducer Movement (head, eyes, hand, body) Event (eye blink) Utterance (vibration of vocal chords) Physiological transducer Electro-myography Electro-encephalography Electro-cardiography Electro-oculography Galvanic skin response 17
Technology transducers Displays Visual Acoustic Tactile (haptic) Smell Taste Controls Handheld Fingers Feet Body Head Eyes Speech 18
Technology Matrix Modality Visual Acoustic Display Real image Virtual image Control Tactile Olfactory Taste 19
Visual Display Technology 20
Types of visual displays Real image Direct view Projected view Virtual image See-thru Occluded Eye multiplexed 21
Visual displays 22
Visual Display transduction Photon source Phosphor (cathode ray tube) Solid state emitter (light emitting diodes) Light modulators (liquid crystal) Lasers Plasma Photon manipulation modulation scanning Photon representation Real image Virtual image 23
Real image displays 24
Real Image Display Packaging Panel display (monitor) Tablet display Handheld display (e.g. PDA, cellphone) Projection Display Electronic paper 25
Palm Pilot - Stylus Input 26
Tablet computer 27
Plasma display 28
Bendable video displays 29
Electronic paper 30
Xerox electronic paper 31
Virtual Image Displays 32
Real & Virtual Images
Real Image 34
Virtual image 35
Virtual image x 2 36
Virtual image x 3 37
Virtual display? 38
Visual Display Packaging Head or helmet mounted display Eyeglass display Cellphone virtual display 39
TYPES OF VIRTUAL VISUAL DISPLAYS occluded see-thru multiplexed 40
first helmet-mounted display (1967) 41
eye multiplexed virtual displays 42
Early Furness Patent
Virtual Vision Personal Eyewear Display
Wearing Virtual Vision Display
Virtual image inset into real world
Entertaining the patient!
Entertaining little patients!
Parkinson s disease
emagin Inc.
My Vu
Occluded virtual displays 53
Flat Panel vs. VRD Matrix Element Display Matrix of 1,000,000 pixels Virtual Retinal Display One pixel
Color Virtual Retinal Display
VRD Demo* *courtesy BBC Tomorrow s s World
Microvision Simulation and Medical Display Scanning Engine Relay Optics Combiner
VRD in action!
See-through virtual displays 59
See-through virtual displays 60
Low vision findings - 1 Mean Percent Difference- Matched Luminance VRD and Red CRT Percent (%) 50.00 40.00 30.00 20.00 10.00 0.00-10.00-20.00 3.15 1.88 1.22 0.74 All Subjects Optical Causes Retinal Causes Character Size (Visual Angle Subtended)
Low Vision Findings - 2 Which Display Was Perceptually Clearer? Same (2) CRT (2) VRD (10)
MEMs Scanning Technology
VRD as a personal eyewear display
Other visual display variants 65
Interactive big screens 66
HI SPACE Collaborative interaction Tangible interface Gestural recognition Joint project with Battelle PNL Companion to Magicbook Seattle Art Museum 67
Multi-touch displays 68
HALO Display 69
Simulated Immersive Display (SID) 70
71
72
CAVE Automatic Virtual Environment 73
CAVE 74
Holographic display 75
76
TV on a T-shirt 77
Cloaking cloak 78
Acoustic displays 79
Acoustic displays Monaural sound Stereophonic sound Binaural sound (true 3D sound) Sacred space Active Noise reduction Audio icons (earcons) 80
Whoopee cushion 81
Assignments for Class #22 Individual Review modules: 5.7, 12.1, 12.2, 13.0 Group Phase 6A: Field Trials 1 (to be completed by Class #24 - Monday 17 Nov) with emailed report card to Prof. Furness 82