book

GUI Bloopers 2.0, 2nd Edition

by Jeff Johnson

October 2007

Beginner to intermediate

424 pages

12h 7m

English

Morgan Kaufmann

Read now

Unlock full access

Why was this book updated?Why is this book needed?What is a GUI blooper?How were the bloopers compiled?How is the book organized?Who should read GUI Bloopers 2.0 and how should they use it?GUI-Bloopers2.com
IntroductionBasic Principle 1: Focus on the users and their tasks, not on the technologyBasic Principle 2: Consider function first, presentation laterBasic Principle 3: Conform to the users’ view of the taskBasic Principle 4: Design for the common caseBasic Principle 5: Don’t distract users from their goalsBasic Principle 6: Facilitate learningBasic Principle 7: Deliver information, not just dataBasic Principle 8: Design for responsivenessBasic Principle 9: Try it out on users, then fix it!
IntroductionUsing the wrong controlUsing controls wrongly
IntroductionNot showing users where they areLeading users astray and not showing the wayPoor search navigation
IntroductionUncommunicative textDeveloper-centric textMisleading text

IntroductionBad layout and window placementTroublesome typography
IntroductionDeviating from task focusRequiring unnecessary stepsBurdening users’ memoryTaking control away from users
IntroductionCommon responsiveness bloopersReasons for poor responsivenessAvoiding responsiveness bloopers: Design principlesAvoiding responsiveness bloopers: TechniquesConclusion
IntroductionCounterproductive attitudeCounterproductive process
Appendix A: GlossaryAppendix B: How this book was usability testedAppendix C: Task analysis of creating slide presentations—questionsAppendix D: Illustrating simplicity—the object/action matrixAppendix E: Usability tests for every time and purpose
Blooper 71: Text hard to read on backgroundBlooper 72: Relying on subtle color differences

Content preview from GUI Bloopers 2.0, 2nd Edition

Web Appendix: Color Bloopers

Blooper 71: Text hard to read on background

Even large-font text is hard to read against a background that is patterned and/or that contrasts poorly with the text color. This blooper occurs mainly on the Web, but sometimes occurs in desktop applications and consumer appliances. It has three common variations.

Variation A: Text on textured background

The first variation is displaying text against a background pattern. Content text at TugPegasis.org is displayed on a patterned background, making it hard to read (Figure 1).