INDE/TC 455: User Interface Design

Transcription

1 INDE/TC 455: User Interface Design Autumn 2008 Class #21 URL:courses.washington.edu/ie455 1

2 TA Moment 2

3 Class #20 Review Review of flipbooks 3

4 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 ed report card to Prof. Furness 4

5 Class #21 Agenda Questions about 5A: Flipbooks Finishing up transactional constructs Technologies for the interface - part 2 5

6 INDE/TC 455: User Interface Design Module 13.0 Interface Technology 6

7 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

8 Technology for the Interface 8

9 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

10 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

11 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

12 Technology subsystems #1 Technology to get signals to the user. = displays #2 Technology get signals from the user. = controls 12

13 Human-Machine Systems Operator Sensing Machine Information Processing Psychomotor Performance Display Control 13

14 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

15 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

16 Human Signal Input Parameters Sensation-transducer Signal intensity Resolution Contrast/modulation Color Dynamic range Update rate Throughput delays Interference 16

17 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

18 Technology transducers Displays Visual Acoustic Tactile (haptic) Smell Taste Controls Handheld Fingers Feet Body Head Eyes Speech 18

19 Technology Matrix Modality Visual Acoustic Display Real image Virtual image Control Tactile Olfactory Taste 19

20 Visual Display Technology 20

21 Types of visual displays Real image Direct view Projected view Virtual image See-thru Occluded Eye multiplexed 21

22 Visual displays 22

23 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

24 Real image displays 24

25 Real Image Display Packaging Panel display (monitor) Tablet display Handheld display (e.g. PDA, cellphone) Projection Display Electronic paper 25

26 Palm Pilot - Stylus Input 26

27 Tablet computer 27

28 Plasma display 28

29 Bendable video displays 29

30 Electronic paper 30

31 Xerox electronic paper 31

32 Virtual Image Displays 32

33 Real & Virtual Images

34 Real Image 34

35 Virtual image 35

36 Virtual image x 2 36

37 Virtual image x 3 37

38 Virtual display? 38

39 Visual Display Packaging Head or helmet mounted display Eyeglass display Cellphone virtual display 39

40 TYPES OF VIRTUAL VISUAL DISPLAYS occluded see-thru multiplexed 40

41 first helmet-mounted display (1967) 41

42 eye multiplexed virtual displays 42

43 Early Furness Patent

44 Virtual Vision Personal Eyewear Display

45 Wearing Virtual Vision Display

46 Virtual image inset into real world

47 Entertaining the patient!

48 Entertaining little patients!

49 Parkinson s disease

50

51 emagin Inc.

52 My Vu

53 Occluded virtual displays 53

54 Flat Panel vs. VRD Matrix Element Display Matrix of 1,000,000 pixels Virtual Retinal Display One pixel

55 Color Virtual Retinal Display

56 VRD Demo* *courtesy BBC Tomorrow s s World

57 Microvision Simulation and Medical Display Scanning Engine Relay Optics Combiner

58 VRD in action!

59 See-through virtual displays 59

60 See-through virtual displays 60

61 Low vision findings - 1 Mean Percent Difference- Matched Luminance VRD and Red CRT Percent (%) All Subjects Optical Causes Retinal Causes Character Size (Visual Angle Subtended)

62 Low Vision Findings - 2 Which Display Was Perceptually Clearer? Same (2) CRT (2) VRD (10)

63 MEMs Scanning Technology

64 VRD as a personal eyewear display

65 Other visual display variants 65

66 Interactive big screens 66

67 HI SPACE Collaborative interaction Tangible interface Gestural recognition Joint project with Battelle PNL Companion to Magicbook Seattle Art Museum 67

68 Multi-touch displays 68

69 HALO Display 69

70 Simulated Immersive Display (SID) 70

71 71

72 72

73 CAVE Automatic Virtual Environment 73

74 CAVE 74

75 Holographic display 75

76 76

77 TV on a T-shirt 77

78 Cloaking cloak 78

79 Acoustic displays 79

80 Acoustic displays Monaural sound Stereophonic sound Binaural sound (true 3D sound) Sacred space Active Noise reduction Audio icons (earcons) 80

81 Whoopee cushion 81

82 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 ed report card to Prof. Furness 82