Universal principles of design: a cross disciplinary reference

273 Pages·2003·11.612 MB·English

by  Butler, Jill;Lidwell, William;Holden, Kritina

Universal Principles
of Design
William Lidwell
Kritina Holden
Jill Butler
125 Ways to Enhance Usability,
Influence Perception, Increase Appeal, Make Better
Design Decisions, and Teach through Design
© 2003, 2011 by Rockport Publishers, Inc.
This edition published in 2010
All rights reserved. No part of this book may
be reproduced in any form without written
permission of the copyright owners. All images
in this book have been reproduced with the
knowledge and prior consent of the artists
concerned, and no responsibility is accepted
by producer, publisher, or printer for any
infringement of copyright or otherwise, arising
from the contents of this publication. Every effort
has been made to ensure that credits accurately
comply with information supplied.
First published in the United States
of America by:
Rockport Publishers, a member of
Quayside Publishing Group
100 Cummings Center
Suite 406-L
Beverly, Massachusetts 01915-6101
Telephone: [phone]
Fax: [phone]
www.rockpub.com
Digital edition: 978-1-61058-065-6
Softcover edition: 978-1-59253-587-3
Library of Congress
Cataloging-in-Publication Data
Lidwell, William.
——Universal principles of design :
a cross-disciplinary reference /
—William Lidwell, Kritina Holden, and
Jill Butler.
————p.––cm.
——ISBN 1-59253-007-9 (paper over board)
——1. Design-Dictionaries. I. Holden, Kritina.
II. Butler, Jill. III. Title.
—NK1165.L53 2003
—745.4’03—dc21 2003009384
CIP
ISBN-13: 978-1-59253-587-3
ISBN-10: 1-59253-587-9
10 9 8 7 6 5 4 3 2 1
Design: Collaborated, Inc.
James Evelock
Tony Leone
Printed in Singapore
For our dads...
John C. Butler
Larry W. Lidwell
Contents
Alphabetical
11 Foreword 54 Confirmation 98 Fitts’ Law
12 Introduction 56 Consistency 100 Five Hat Racks
14 80/20 Rule 58 Constancy 102 Flexibility-Usability Tradeoff
16 Accessibility 60 Constraint 104 Forgiveness
18 Advance Organizer 62 Contour Bias 106 Form Follows Function
20 Aesthetic-Usability Effect 64 Control 108 Framing
22 Affordance 66 Convergence 110 Freeze-Flight-Fight-Forfeit
24 Alignment 68 Cost-Benefit 112 Garbage In–Garbage Out
26 Anthropomorphic Form 70 Defensible Space 114 Golden Ratio
28 Archetypes 72 Depth of Processing 116 Good Continuation
30 Area Alignment 74 Design by Commitee 118 Gutenberg Diagram
32 Attractiveness Bias 76 Desire Line 120 Hick’s Law
34 Baby-Face Bias 78 Development Cycle 122 Hierarchy
36 Biophilia Effect 80 Entry Point 124 Hierarchy of Needs
38 Cathedral Effect 82 Errors 126 Highlighting
40 Chunking 84 Expectation Effect 128 Horror Vacui
42 Classical Conditioning 86 Exposure Effect 130 Hunter-Nurturer Fixations
44 Closure 88 Face-ism Ratio 132 Iconic Representation
46 Cognitive Dissonance 90 Factor of Safety 134 Immersion
48 Color 92 Feedback Loop 136 Inattentional Blindness
50 Common Fate 94 Fibonacci Sequence 138 Interference Effects
52 Comparison 96 Figure-Ground Relationship 140 Inverted Pyramid
142 Iteration 184 Picture Superiority Effect 228 Stickiness
144 Law of Prägnanz 186 Priming 230 Storytelling
146 Layering 188 Progressive Disclosure 232 Structural Forms
148 Legibility 190 Propositional Density 234 Symmetry
150 Life Cycle 192 Prospect-Refuge 236 Threat Detection
152 Mapping 194 Prototyping 238 Three-Dimensional Projection
154 Mental Model 196 Proximity 240 Top-Down Lighting Bias
156 Mimicry 198 Readability 242 Uncanny Valley
158 Mnemonic Device 200 Recognition Over Recall 244 Uncertainty Principle
160 Modularity 202 Red Effect 246 Uniform Connectedness
162 Most Advanced Yet Acceptable 204 Redundancy 248 Veblen Effect
164 Most Average Facial 206 Rosetta Stone 250 Visibility
Appearance Effect 208 Rule of Thirds 252 Visuospacial Resonance
166 Normal Distribution 210 Satisficing 254 von Restorff Effect
168 Not Invented Here 212 Savanna Preference 256 Wabi-Sabi
170 Nudge 214 Scaling Fallacy 258 Waist-to-Hip Ratio
172 Ockham’s Razor 216 Scarcity 260 Wayfinding
174 Operant Conditioning 218 Self-Similarity 262 Weakest Link
176 Orientation Sensitivity 220 Serial Position Effects 264 Credits
178 Performance Load 222 Shaping 266 Acknowledgments
180 Performance Versus Preference 224 Signal-to-Noise Ratio 267 About the Authors
182 Personas 226 Similarity 268 Index
Contents
Categorical
How can I influence the How can I help people How can I enhance the
way a design is perceived? learn from a design? usability of a design?
22 Affordance 16 Accessibility 14 80/20 Rule
24 Alignment 18 Advance Organizer 16 Accessibility
26 Anthromorphic Form 36 Biophilia Effect 20 Aesthetic-Usability Effect
44 Closure 38 Cathedral Effect 22 Affordance
48 Color 40 Chunking 54 Confirmation
50 Common Fate 42 Classical Conditioning 56 Consistency
56 Consistency 52 Comparison 60 Constraint
58 Constancy 72 Depth of Processing 64 Control
62 Contour Bias 86 Exposure Effect 68 Cost-Benefit
88 Face-ism Ratio 104 Forgiveness 76 Desire Line
96 Figure-Ground Relationship 112 Garbage In–Garbage Out 80 Entry Point
100 Five Hat Racks 122 Hierarchy 82 Errors
116 Good Continuation 134 Immersion 98 Fitts’ Law
118 Gutenberg Diagram 138 Interference Effects 104 Forgiveness
126 Highlighting 140 Inverted Pyramid 110 Freeze-Flight-Fight-Forfeit
128 Horror Vacui 146 Layering 120 Hick’s Law
132 Iconic Representation 148 Legibility 122 Hierarchy
136 Inattentional Blindness 154 Mental Model 132 Iconic Representation
138 Interference Effects 158 Mnemonic Device 134 Immersion
144 Law of Prägnanz 174 Operant Conditioning 138 Interference Effects
146 Layering 178 Performance Load 140 Inverted Pyramid
148 Legibility 184 Picture Superiority Effect 146 Layering
152 Mapping 188 Progressive Disclosure 152 Mapping
176 Orientation Sensitivity 198 Readability 154 Mental Model
186 Priming 200 Recognition Over Recall 156 Mimicry
196 Proximity 206 Rosetta Stone 170 Nudge
202 Red Effect 220 Serial Position Effects 178 Performance Load
224 Signal-to-Noise Ratio 222 Shaping 182 Personas
236 Threat Detection 224 Signal-to-Noise Ratio 188 Progressive Disclosure
238 Three-Dimensional Projection 228 Stickiness 198 Readability
240 Top-Down Lighting Bias 230 Storytelling 200 Recognition Over Recall
246 Uniform Connectedness 254 von Restorff Effect 224 Signal-to-Noise Ratio
250 Visibility 250 Visibility
252 Visuospacial Resonance 260 Wayfinding
8 Universal Principles of Design
How can I increase the How can I make better
appeal of a design? design decisions?
20 Aesthetic-Usability Effect 240 Top-Down Lighting Bias 14 80/20 Rule
24 Alignment 242 Uncanny Valley 16 Accessibility
26 Anthromorphic Form 248 Veblen Effect 52 Comparison
28 Archetypes 256 Wabi-Sabi 66 Convergence
30 Area Alignment 258 Waist-to-Hip Ratio 68 Cost-Benefit
32 Attractiveness Bias 74 Design by Committee
34 Baby-Face Bias 78 Development Cycle
42 Classical Conditioning 82 Errors
46 Cognitive Dissonance 84 Expectation Effect
48 Color 90 Factor of Safety
70 Defensible Space 92 Feedback Loop
80 Entry Point 102 Flexibility-Usability Tradeoff
86 Exposure Effect 106 Form Follows Function
88 Face-ism Ratio 110 Freeze-Flight-Fight-Forfeit
94 Fibonacci Sequence 112 Garbage In–Garbage Out
108 Framing 124 Hierarchy of Needs
114 Golden Ratio 142 Iteration
130 Hunter-Nurturer Fixations 150 Life Cycle
156 Mimicry 160 Modularity
164 Most Average Facial 162 Most Advanced Yet Acceptable
Appearance Effect 166 Normal Distribution
174 Operant Conditioning 168 Not Invented Here
190 Propositional Density 172 Ockham’s Razor
192 Prospect-Refuge 180 Performance Versus Preference
202 Red Effect 182 Personas
208 Rule of Thirds 194 Prototyping
212 Savanna Preference 204 Redundancy
216 Scarcity 210 Satisficing
218 Self-Similarity 214 Scaling Fallacy
224 Signal-to-Noise Ratio 232 Structural Forms
226 Similarity 244 Uncertainty Principle
228 Stickiness 262 Weakest Link
230 Storytelling
234 Symmetry
9