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

Graphic Design and Layout Bloopers

Introduction

Once you have GUI controls that are appropriate for your software and you’ve labeled them well and written any required instructions, you have to decide on presentation details: layout, colors, and text fonts. The basic principles that should guide graphic design and layout decisions in GUIs were covered in Chapter 1 (Basic Principle 7, page 41). Not following those principles usually results in certain common mistakes: “graphic design and layout” bloopers.

Graphic design and layout bloopers definitely diminish software’s perceived quality. It only takes a few to make a product look amateurish and untrustworthy. ...