Practitioner's Handbook for User Interface Design. Deborah J. Mayhew.
Contextual Design: Defining Customer-Centered. Systems. Hugh Beyer and
Karen ...
S E C O N D
E D I T I O N
INFORMATION V ISU A L IZ A T IO N P E R C E P T I O N
F O R
D E S I G N
COLIN WARE
Egocentric object and Pattern map
The Morgan Kaufmann Series in Interactive Technologies Series Editors: Stuart Card, PARC; Jonathan Grudin, Microsoft; Jakob Nielsen, Nielsen Norman Group Information Visualization: Perception for Design, 2"d Edition Colin Ware
Your Wish is My Command: Programming by Example Edited by Henry Lieberman
Interaction Design for Complex Problem Solving: Developing Useful and Usable Software Barbara Mire1
GUI Bloopers: Don'ts and Dos for Softzuare Developers and Web Designers J e f fJohnson
The Craft of Information Visualization: Readings and Reflections Written and edited by Ben Bederson and Ben Shneiderman
Information Visualization: Perception for Design Colin Ware
HCI Models, Theories, and Frameworks: Towards a Multidisciplinary Science Edited by John M . Carroll Web Bloopers: 60 Common Web Design Mistakes, and H o w to Avoid Them J e f fJohnson Observing the User Experience: A Practitioner's Guide to User Research Mike Kuniavsky Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces Carolyn Snyder ,
_
Persuastue Technology: Uszng Computers to Cbange -t 3Vs 'Thtek and Do B: j? Fogg Coordznatzng User-Interfaces for Conszstency Edaed hy Jaltob Nielsen Usabzlzty for the' Web: Deszgnlng Web Sztes that Work T o m Brinck, Darren Gergle, and Scott D. Wood Usability Engineering: Scenario-Based Development of human-Computer Interaction Mary Beth Rosson and John M . Carroll
Robots for Kids: Exploring New Technologies for Learning Edited by Allison Druin and James Hendler Information Appliances and Beyond: Interaction Design for Consumer Products Edited by Eric Bergman Readings in Information Visualization: Using Vision to Think Written and edited by Stuart K. Card, Jock D. Mackinlay, and Ben Shneiderman The Design of Children's Technology Edited by Allison Druin Web Site Usability: A Designer's Guide Jared M . Spool, Tara Scanlon, Will Schroeder, Carolyn Snyder, and Terri DeAngelo The Usability Engineering Lifecycle: A Practitioner's Handbook for User Interface Design Deborah J. Mayhew Contextual Design: Defining Customer-Centered Systems Hugh Beyer and Karen Holtzblatt Human-Computer Interface Design: Success Stories, Emerging Methods, and Real World Context Edited by Marianne Rudisill, Clayton Lewis, Peter P. Polson, and Timothy D. McKay
Second Edition
INFORMATION Perception for Design Colin Ware
.
AMSTERDAM BOSTON HEIDELBERG LONDON NEW YORK OXFORD PARIS SAN DIEGO SAN FRANCISCO SINGAPORE SYDNEY TOKYO Morgan Kaufmann is an imprint of Elsevier
M :( MORGAN KAUFMANN PUBLISHERS
Publishing Director Publishing Services Manager Project Manager Editorial Coordinator Marketing Manager Production Coordinator Cover Design Text Design Composition Technical Illustration Copyeditor Proofreader Indexer
Diane Cerra Simon Crump Justin Palmeiro Mona Buehler Brian Grimm Graphic World Publishing Services Ross Carron Design Frances Baca, Frances Baca Design SNP Best-set Typesetter, Ltd., Hong ICong SNP Best-set Typesetter, Ltd., Hong Kong Graphic World Publishing Services Graphic World Publishing Services Ty Koontz
Morgan Kaufmann Publishers is an imprint of Elsevier. 500 Sansome Street, Suite 400, San Francisco, CA 94111 This book is printed on acid-free paper. O 2004 by Elsevier Inc. All rights reserved.
@
Designations used by companies to distinguish their products are often claimed as trademarks or registered trademarks. In all instances in which Morgan ICaufmann Publishers is aware of a claim, the product names appear in initial capital or all capital letters. Readers, however, should contact the appropriate companies for more complete information regarding trademarks and registration. No part of this publication may be reproduced, stored in a retrieval system, or transmitted in any form or by any means-electronic, mechanical, photocopying, scanning, or otherwise-without prior written permission of the publisher. Permissions may be sought directly from Elsevier's Science & Technology Rights Department in Oxford, UIC: phone: (+44)1865 843830, fax: (+44)1865 853333, e-mail:
[email protected]. You may also complete your request on-line via the Elsevier homepage (http://elsevier.com)by selecting "Customer Support" and then "Obtaining Permissions." Library of Congress Cataloging-in-Publication Data Application submitted. ISBN: 1-55860-819-2 For information on all Morgan Kaufmann publications, visit our website at www.mkp.com. Printed in China 09 08 07 06 05
5 4 3 2
CONTENTS F i g u r e C r e d i t s xv F o r e w o r d xvii P r e f a c e xix P r e f a c e t o t h e f i r s t E d i t i o n xxi CHAPTER 1
F o u n d a t i o n f o r a S c i e n c e of D a t a V i s u a l i z a t i o n 1 Visualization Stages
4
Experimental Semiotics Based on Perception 5 Semiotics of Graphics 6 Pictures as Sensory Languages 8 Sensory versus Arbitrary Symbols 10 Properties of Sensory and Arbitrary Representation Testing Claims about Sensory Representations 15 Arbitrary Conventional Representations 15 The Study of Arbitrary Conventional Symbols 17
13
A Model o f Perceptual Processing 20 Stage 1: Parallel Processing to Extract Low-Level Properties of the Visual Scene Stage 2: Pattern Perception 21 Stage 3: Sequential Goal-Directed Processing 22 Types o f Data 23 Entities 23 Relationships 23 Attributes of Entities or Relationships Operations Considered as Data 25 Metadata Conclusion
26 27
24
20
xxvi
INFORMATION VISUALIZATION: PERCEPTION FOR DESIGN
ate students and research assistants on visualization-related projects: Daniel Jessome, Richard Guitard, Timothy Lethbridge, Siew Hong Yang, Sean Riley, Serge Limoges, David Fowler, Stephen Osborne, I
