1 / 8

Designing the Interaction

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

nicole
Download Presentation

Designing the Interaction

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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

  2. 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!

  3. 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

  4. 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

  5. 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?

  6. 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

  7. 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)

  8. 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

More Related