Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
Published byModified over 4 years ago
Presentation on theme: "Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects."— Presentation transcript:
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects. Interface Design The software that implements the UI Design considerations hardware users tasks environment Innovations are often influenced by new hardware faster higher resolution new input devices
Ch 7 & 8 Interaction Styles page 2 CS 368 Menus A list of choices Eliminates typing and reduces errors Reduces amount of recall Reduces mental workload Especially good for novices Examples Pull down menus Pop up - takes no screen space Cascading menus Toolbar of icons Checkboxes Pie menu Design considerations Labels / commands Depth vs Breadth Order of choices Shortcuts for experts Imagine trying to type using menus!
Ch 7 & 8 Interaction Styles page 3 CS 368 Form Fill-in A collection of labeled fields A familiar metaphor Reduces cognitive workload Examples Text box Text field Radio buttons Combo boxes Design Issues Layout Cues for proper data format Consider default values Handling errors Useful feedback / confirmation
Ch 7 & 8 Interaction Styles page 4 CS 368 Command-line interaction Characteristics Linux Possible user errors due to typing Requires primitive hardware Good for power users Requires significant recall Should allow easy correction of errors Allow power users to develop macros Design Issues the choice of commands meaningful and easy to recall short / long syntax provide appropriate feedback
Ch 7 & 8 Interaction Styles page 5 CS 368 Direct Manipulation Characteristics User manipulates visual objects to initiate actions immediate visible results actions should be reversible Examples double click an icon to start an app drag an drop to copy WYSIWIG text editing video games WIMP -windows, icons, menus, pointing imagine controlling a bicycle with a keyboard steer break shift gears Design issues appropriate visual representations support for experts role of text?
Ch 7 & 8 Interaction Styles page 6 CS 368 More Styles Gesture Recognition sign language Microsoft Surface (play video) Question and Answer guides novices through a path Video Games novel input devices ease of learning is essential must include challenges for experts DDR air handles for Wii Natural Language less restricted vocabulary complex but also ambiguous HAL in Space Odyssey VoiceXML Google
Ch 7 & 8 Interaction Styles page 7 CS 368 More Styles Mobile and handheld smaller form factor limited keyboards renewed interest in text menus? WAP (wireless app protocol) not with the iPhone Multimedia combination of graphics, video, audio which media makes the most sense? Virtual Reality Immersive displays Data gloves CAVE Robotic surgery (play video)
Ch 7 & 8 Interaction Styles page 8 CS 368 Group Activity Design a command-line interface for a home heating and cooling system. Keyboard and text display. Features turn on and off program each day with up to four events temporarily override until the next event check current settings check current temperature set current day/time Describe the vocabulary, syntax and appropriate feedback Group Activity #2 Envision a variety of interaction styles that could be used in a smart house. Group Activity #3 Design a menu system to order pizzas