|
 |
|
|---|---|
 |
|
|
|
Tutorial #4: GUI Bloopers: Recognizing and Avoiding Common GUI Design MistakesJeff JohnsonMonday, July 8th, 8:30 AM - 5:00 PMKeywords:User interface design, design heuristics and guidelines, design errorsAbstractThe tutorial is based on the instructor's book: GUI Bloopers: Don'ts and Do's for Software Developers and Web Designers, which describes common GUI design errors, illustrated with examples from commercial software and websites, and explains how to avoid them. The tutorial covers the more concrete bloopers from the book: GUI Component Bloopers, Layout & Appearance Bloopers, Textual Bloopers, Interaction Bloopers, and Web Bloopers.Note: This tutorial was presented at UPA 2001. It has been revised and updated since then. Targeted AudienceSoftware designers and developers, especially those who lack several years of experience designing and evaluating GUIs. Usability testers, particularly those who are interesting in making the transition to doing more design work.Presentation StrategyHow-to discussion, presentation of design guidelines, presentation of common design errors and how to avoid them, class and small-group exercises in spotting common design errors. The morning segment of the tutorial will consist primarily of lecture and visual examples to describe the most important bloopers and how to avoid them. The bloopers will be presented in segments corresponding to the blooper-categories in the book (see above). Each blooper-segment will be followed by brief exercises in which audience members will be asked to spot bloopers of that type in displayed screen images. Two brief design exercises will also be presented during the morning. Audience members will be given ample opportunities to ask questions. The afternoon segment of the tutorial will first finish describing the bloopers (with blooper-spotting exercises following each blooper-segment), then move into software review exercises. The first exercise is a class quiz in which tutorial participants will test their blooper-spotting skills on a mixed collection of screen images collected by the instructor. The second (main) exercise is an opportunity for the class to review commercially-available software products and services to find bloopers in their GUIs (perhaps in small groups depending on the class size). The blooper examples are always a big hit with audiences because they are such concrete, obvious examples of bad design. They add a humorous aspect to talks that helps keep audiences engaged and interested.Product CategoryDesktop software applications, desktop applications, web-applications, websites.Timeline for SessionThe amount of time to be allocated to each activity in the tutorial (subject to minor revision) is given below. The schedule for the entire day will include a lunch break and two coffee-breaks (mid-morning and mid-afternoon).1. Overview and Introduction (15 minutes)2. Bloopers (4 hours, 30 minutes)
3. Spotting Bloopers (2 hours)
4. Recap and Wrap-Up (15 minutes)Learning ObjectivesAfter completing this one-day tutorial, participants will:
4. Recap and Wrap-UpMaximum Desired Number of Tutorial ParticipantsFifty (50)Instructor BackgroundJeff JohnsonUI Wizards, Inc. jjohnson@uiwizards.com +1 (415) 586-5285 Jeff Johnson is Principal Consultant at UI Wizards, Inc., a product usability consulting firm (http;//www.uiwizards.com). He has worked in the HCI field since 1978. After earning B.A. and Ph.D. degrees from Yale and Stanford, he worked as a UI designer, programmer, manager, tester, and researcher at Cromemco, Xerox, US West, Hewlett-Packard Labs, Sun/FirstPerson, and SunSoft. Besides the GUI Bloopers book, he has published articles and book chapters on a variety of topics in HCI. |
|
|
|---|---|
|
|
|
|
|
