Tactile: keyboard, mice, stylus / tablets (chord keyboards,... Visual: monitors, printers (helmets, see-through, microscreens) Interaction Devices
Transcription
Tactile: keyboard, mice, stylus / tablets (chord keyboards,... Visual: monitors, printers (helmets, see-through, microscreens) Interaction Devices
Interaction Devices devices Tactile: keyboard, mice, stylus / tablets (chord keyboards, 3D gloves) Visual: monitors, printers (helmets, see-through, microscreens) Acoustic: speech synthesis & recognition, music Smell: burn chemicals, control air flow, in movies across head rest Taste ? Neurological Implants, “R U wired?”, Sci-Fi cochlear implants Virtual Retinal Display (VRD) Laser-based projected image onto the retina Visual Cortical Implant 1 devices Keyboards QWERTY Dvoark designed for manual (slow) typewriters minimizes finger travel distance QWERTY Dvoark Words / minute 150 200 Error more less Dvoark takes a week or so to learn: Benefits not greater than effort to learn? Resistance to change? Chord Keyboards Several keys are pressed to enter a symbol. Speed up to 300w/m with high accuracy. Steep learning curve, constant practice. E.g.: court recorders, piano keyboards... 2 devices task performance .68 18.4 .95 7.9 .45 8.2 q a z w s x 1.17 7.2 .41 .54 .54 12.6 e 22.9 21.6 i .60 d rt 1.3 uy k o c fg jh , l p . ; vb nb / .42 space 3 QUERTY Work Load and Errors % Error % Work Load symbols common device performance metrics / analysis Homing Position devices 4 Special keys often require "homing" or positioning of hands off keyboard's "home row". Homing is a source of error (description) and often requires a change in visual focus from task to keyboard. Function keys require homing. Side function keys were operated by single hand. Control sequence (shortcuts / accelerator) commands require least homing like function key use. Cursor positioning keys vary both home position and key layout across keyboards. Pointing Devices 3rd hand - homing problem devices 5 Direct Pointers: fingers, stylus / pen (lightpen, touchscreen) + User selects and manipulates objects on display directly with pointer device. More natural (touchscreen). + Fast positioning - Pointing on vertical display causes fatigue. - Less accurate, pointing (hand) can block view of display. In-Out touchscreen positioning can help accuracy. Touchscreens useful in novice user and environmental critical areas. automated tellers, information kiosk, factory floor computers controlling manufacturing, civil engineers on construction sites, survey workers in the field. devices Indirect Pointers (mice, joystick) - User positions a "pointer" icon on screen with a pointer device. The pointer device does not contact the display. After indirectly positioning icon the user can select and manipulate displayed objects. - Positioning less "natural", a learned skill + View not blocked, less fatigue Mouse is dominant indirect pointer. Card et.al. showed arrow key faster than mouse for very short distances only. Seconds Indirect pointers have a resolution – sensitivity to movement ("pixels"/inch, ballistic mode) Distance 4 3 2 1 0 1 2 4 Centimeters Fitt's law applies to the study of pointing tasks. Arrow Mouse 8 6 Keyboard VS. Pointer Devices devices 7 Direct pointers are faster than keyboard cursor keys in most cases. Indirect pointers excel at fine resolution position of on screen targets and far positioning tasks. Cursor keys excel at low resolution position of on screen targets (form fill in tasks) and close position tasks. Cursor keys preferred on tasks that mix text processing (keyboard required) and positioning Less 3rd hand homing problem with cursor keys and keyboard commands. Indirect pointer are often "preferred" position and selection devices in "easy to use" oriented software. Are small mobile devices “easy” or “convenient” to use? User satisfaction due to closure, control, direct manipulation interface. Uncommon pointers foot pointer devices 8 Feet based pointer devices (no 3rd hand) Head (eye) based pointers -- infrared headbands, glasses IR head tracker Trackir 3D Manipulators Data Glove: manipulates objects, has sense of contact with object. No "mass/resistance" feedback. Joystring: manipulates objects, no sense of contact with object, "mass/resistance" feedback. 3D “mouse”: eg. 3DConnexion. Dimensions = (x, y ,z, pitch, yaw, and roll). devices Joystring hand grabs "inverted T" wires attached to stepper motors provide resistance. 9 tactile feedback flexing sensors tracking sensor Dataglove Interface board foot pointer Pen I/O devices 10 Natural I/O interface: selection, input Metaphor to existing tools Expressive and portable Smart Paper & Electronic Ink Smart paper (use awareness in the media) text OCR convert, auto complete, spell (grammar) check, justify, evaluate math draw CAD conversion, snap, stretch... Electronic writing - pen strokes (vs bitmaps) can be edited, layered (“post-its”), attached to objects in smart paper. PenPoint -- eg. pen commands, common edit cmds devices 11 brackets, selects pieces of text caret, insert text check, display options for selected text, objects, icons, tools, etc circle, opens edit pad to modify text fields and labels cross out deletes object beneath it scratch out deletes sfsff flick, scrolls document in flick direction {up, down, right, left} pigtail deletes a character tap selects or invokes press - hold initiates drag (move) tap - press initiates drag (copy) devices Palm Pilot's graffiti reduced stroke input language write numbers here write letters here Graffiti Help screen Division marks Start stroke at heavy dot Lift Stylus here 12 devices 13 devices Color Vision 3 interacting variables of color vision: Hue color Brightness intensity (bright - dull) Saturation % color in field 14 blue / yellow green / red white / black Opponent process theory of color vision These colors can't be seen in same patch of light. They produce shadows and edges. Avoid use of opponent (opposite) colors. Color is very useful to have user selected items stand out in a display. Spatial and temporal representations of blue colors is worse than other colors. Selection / Applicability Color can also be used to indicate whether a menu option is valid in the current state or not ("greyed options"). Color Usage devices Alert / Attention. Change of color represents change in state (green, yellow, red). • • • Use few colors that are easy to discriminate Use warning colors sparingly. Consistent system wide analysis of color use. Element Discrimination. Color provides contrast and improves discrimination. Need high contrast difference. Contrast a function of luminance or hue. Category grouping & field definition. Color can help group display elements and facilitate visual search. Visual search is affected by: • • • • number of items color separation of categories legibility of coded symbols relationship between color coding and targets 15 As screen density increases color effect increase. devices Color can define visual fields on display - weather maps Size & Visual Acuity As number of colors increase size of text should also increase. Color can't be assumed! Redundantly code display. Designer's color perception != user's color perception color & text codes (categorization) color, size & text color, size, text & icon .... Color Memory: 5 - 7 color memory for codes. Don't tax Working Memory use around 4 colors! 16 Strong color connotations: red danger, error, hot, revolution green OK, go on, well, alive, healing yellow slow down, caution, sun light Weak color connotations: blue fluid / liquid, wet, calm, hidden black empty, death, anarchy brown earth, warm Color Preferences • • • Children prefer warm colors: reds, browns Adults prefer cool colors: blues, greens Occupations (degrees) have color associations: green health orange engineering devices 17 Rules of Thumb for Visual Displays devices 18 No more than 6 colors (including black) should be used on one screen. Backgrounds should not be brighter than foregrounds. Grid lines should be half intensity Do not have extreme color contrasts between foreground and background colors -- causes afterimages due to rod fatigue. Use white for critical / important dynamic information (color gun fails) A monochrome flash of twice intensity is as effective as color use. Separate significant information on display by size, distance, intensity or highlighting. Use screen position consistently. Time / Date info or page number in same place. Groups screen elements. Provide title for elements. Hard to title than grouping is poor. devices 19 US Government suggested color use in (critical) monitoring systems Color State Result Flashing red Emergency immediate action red Alert corrective action magenta Emergency warning out of limit indicator yellow Advise Caution, recheck Blue Advisory ( use only as background / filler ) Resolution devices Pixels (picture elements) / inch - density measure. For text higher resolution implies larger font dimensions. (Text same visual size) Pixel shape (saturation) Display Fields Layout (tiled) center in fields uncluttered fields 20 Windowed Displays devices 21 Tiled vs Overlapping Windows. Titled: Applications with static window sizes and little or no window manipulation. E.g.: form entry, message windows, popups. Overlapped: Applications with dynamically sized windows with user window manipulation.More robust - let user control display rather than application. E.g.: text or graphic editors. Experts tend to prefer overlapped (control ,customization). Novices tend to prefer tiled (full screen / switch apps) when applicable. Preference full screen Vs overlapped mobile devices ? tiles Vs full screen Wearable displays devices 22 Display glasses user sees a full-sized display floating in front of their eyes. Projected Displays - displays projected transparent surfaces: glass windows, cockpits, visors opaque surfaces: SixthSense, Cave Enable user to view displays w/o moving eyes in critical environments. Proposed for displays in cars. (dashboard controls, in car TV / movies Head Mounted Displays devices 23 Visual display can appear 360 degrees, or at least always be present regardless of head position. HMD w/ trackers can update display based on head movement (inside a virtual world). Sound (and possibly smell) can also be presented (3D sound effects). Complete control of user's visual and acoustic interface. No external environment interference. Comfort? Acoustic Interfaces devices 24 Speech Synthesis (generation) + Good quality - issue of digitized sampling resolution and complexity. + Basic speech phonemes can be edited to make comprehensible speech. ? Speaking devices: cars, computers, houses... devices Speech Recognition hearing & understanding limited w/o training Trained systems. User speech commands are sampled and stored for pattern matching. Production Systems: spoken cmd pattern1 : spoken cmd pattern2 : : action1 action2 : - Sensitive to surrounding noise - Low transference across users - High storage overhead for representing spoken commands and searching command pattern set. (Can be hierarchical in nature). 25 Digital Sound Processing + High Quality, actual sound ? capacity function of sampling rate / compression CD R/W provides large capacity Using Recorded (or Digitized) Sound Sampling & manipulations (music -rap) Sound Bites (commercials, film, TV) HCI Applications: Voice Mail -- Computer Phone surveys - digitized voice production with user input by touch tones. Acoustic menu system... Acoustic Desktop Sonic Icons: pilots, blind Desktop becomes a spherical environment. devices 26 Virtual Reality devices 27 (Reality) = = the product of our 3 lb. universe (brain) Reality consists of a person's perception of the world around them. That perception is the product of their sensory inputs and expectations. Illusions, "magic" are the interactions of our sensations and expectations. We see and hear what we want, what we expect. Current computer controlled interactive devices have the rudimentary capability to generate a truly artificial reality for the user: Vision and Acoustic control of environment via helmets, goggles, headphones, ... Tactile interaction and feedback via data glove like devices for hands, feet, body glove ... Existing, accepted artificial realities: movies, books, television, games, simulators for training, sensory deprivation, dreams... Uses of VR, AR (augmented realityu) devices 28 Multimedia interfaces like interactive CD-ROM for graphics, animations, and sound, helmets, and data gloves enable complex adventure/fantasy environments (caves) for entertainment. Will books and movies become interactive ? Scientific Visualization - engineers and scientist can move through dangerous or theoretical worlds. Boeing Dreamliner first virtual (VR assisted) designed aircraft Medicine - surgeons walk through accurate 3D representations of patients gathered w/ CAT or MRI scans. (Robotic/Waldo surgery) Waldo enhancements for workers in dangerous environments. Programming as a visual/intuitive process - looking at data and processes aka Neuromancer. Software walkthrough gets a new meaning! Is software modeling 2D (UML...) or can it be 3D 3D program visualization I. Goldman's 3D program visualizer (2002) devices 29 3D programming language M.A. Najork S.M. Kaplan, 1991, The CUBE Language devices 30 Wearable Computers devices 31 "We try to move our designs closer to the human being and blend the machine with the body." - Hideji Takemasa, NEC Wearable Data Terminal an optical scanner worn on forearm enables reading bar codes, OCR, graphics, with writable optical disk and CD-ROM database computer located in terminal worn on neck. The MIThril hardware platform combines body-worn computation, sensing, and networking in a clothing-integrated design. The MIThril software platform is a combination of user interface elements and machine learning tools built on the Linux operating system. devices 32 "A person's computer should be worn, much as eyeglasses or clothing are worn, and interact with the user based on the context of the situation. With heads-up displays, unobtrusive input devices, personal wireless local area networks, and a host of other context sensing and communication tools, the wearable computer can act as an intelligent assistant, whether it be through a Remembrance Agent, augmented reality, or intellectual collectives." -- MIThril annual wearable computing conference urls http://iswc.gatech.edu/archives.htm http://www.media.mit.edu/wearables/ http://wearables.gatech.edu/ I, Cyborg devices In 1998 Porfessor K. Warwick surgically implant a silicon chip transponder surgically implanted into his forearm. http://www.kevinwarwick.com/index.asp He can be monitored using a signals emitted by the chip. He could operate doors, lights, heaters and other computers without lifting a finger... In 2002 a 100 electrode array was implanted into the median nerve fibres of his left arm. The implant can send signals back and forth between Warwick's nervous system and a computer. This bi-directional functionality was demonstrated with the aid of Kevin’s wife Irena and a second, less complex implant with her nervous system... 33