Communicating.Design.2nd.Edition.Sep.2010.pdf

Communicating

Design

Developing Web Site Documentation for Design and Planning

Second

edition

Dan M. Brown

Communicating Design:

Developing Web Site Documentation for Design and Planning, Second Edition

Dan M. Brown

New Riders

1249 Eighth Street

Berkeley, CA 94710

510/524-2178

510/524-2221 (fax)

Find us on the Web at :www.newriders.com

To r e p o r t e r r o r s , p l e a s e s e n d a n o t e t o e r r a t a@p e a c h p i t . c om

New Riders is an imprint of Peachpit, a division of Pearson Education.

Project Editor: Michael J. Nolan

Development Editor: Margaret Anderson/Stellarvisions

Production Editor: Tracey Croom

Copyeditor: Darren Meiss

Proofreader: Gretchen Dykstra

Compositor: Kim Scott, Bumpy Design

Indexer: Rebecca Plunkett

Cover Designers: Dan M. Brown and Charlene Charles-Will

Interior Designer: Kathleen Cunningham

Notice of Rights

mechanical, photocopying, recording, or otherwise, without the prior written permission of the publisher. For

information on getting permission for reprints and excerpts, contact permissions@peachpit.com.

Notice of Liability

The information in this book is distributed on an “As Is” basis without warranty. While every precaution has been

taken in the preparation of the book, neither the author nor Peachpit shall have any liability to any person or entity

with respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained

in this book or by the computer software and hardware products described in it.

Tradema r ks

Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks.

Where those designations appear in this book, and Peachpit was aware of a trademark claim, the designations

appear as requested by the owner of the trademark. All other product names and services identiied throughout this

book are used in editorial fashion only and for the beneit of such companies with no intention of infringement of

the trademark. No such use, or the use of any trade name, is intended to convey endorsement or other afiliation

with this book.

ISBN 13: 978-0-321-71246-2

ISBN 10: 0-321-71246-3

9 8 7 6 5 4 3 2 1

Printed and bound in the United States of America

For Ri chard and Zora ,

who raised me to be a communicator with an educator’s touch.

And now for Harry,

who proves that second editions are far better than irst ones.

And especially for Sarah,

who continues to inspire me to be better at everything I do.

Contents

4 Concept Models . . . . . . . . . . . . . . 64

Concept Models At-A-Glance . . . . . . . . . . . . . . . . . 65

Introducing Concept Models . . . . . . . . . . . . . . . . . 66

Anatomy of a Concept Model. . . . . . . . . . . . . . . . . 71

Creating Concept Models . . . . . . . . . . . . . . . . . . . . 77

Presenting Concept Models . . . . . . . . . . . . . . . . . . 83

Applying Concept Models . . . . . . . . . . . . . . . . . . . 88

Concepts Matter. . . . . . . . . . . . . . . . . . . . . . . . . . . 91

Foreword . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . vi

Preface to the Second Edition . . . . . . . . . . . . . . . . . vii

Acknowledgments . . . . . . . . . . . . . . . . . . . . . . . . . xii

1 Introduction . . . . . . . . . . . . . . . . . 2

The Whole Story: Deliverables . . . . . . . . . . . . . . . . . 4

Parts of the Story: Diagrams . . . . . . . . . . . . . . . . . . . 5

To o l s f o r C r e a t i n g D i ag r ams a n d De l i v e r ab l e s . . . . . . 5

Deliverables and the Design Process . . . . . . . . . . . . . 6

Deliverables and the Project Team . . . . . . . . . . . . . . 8

Describing vs. Doing . . . . . . . . . . . . . . . . . . . . . . . 10

5 Site Maps . . . . . . . . . . . . . . . . . . 94

Site Maps At-A-Glance . . . . . . . . . . . . . . . . . . . . . . 95

Introducing Site Maps . . . . . . . . . . . . . . . . . . . . . . 96

Anatomy of a Site Map . . . . . . . . . . . . . . . . . . . . . . 99

Creating Site Maps . . . . . . . . . . . . . . . . . . . . . . . . 106

Presenting Site Maps . . . . . . . . . . . . . . . . . . . . . . 112

Using and Applying Site Maps . . . . . . . . . . . . . . . 119

The Web’s Cartographic Conundrum . . . . . . . . . . 122

Part 1: Design Diagrams

2 Diagram Basics . . . . . . . . . . . . . . 14

Anatomy of a Design Diagram . . . . . . . . . . . . . . . . 15

Creating Design Artifacts . . . . . . . . . . . . . . . . . . . . 16

Challenges in Communicating Design . . . . . . . . . . 20

Presenting Design . . . . . . . . . . . . . . . . . . . . . . . . . 22

Congratulations . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

6 Flowcharts . . . . . . . . . . . . . . . . 124

Flowcharts At-A-Glance . . . . . . . . . . . . . . . . . . . . 125

Introducing Flowcharts . . . . . . . . . . . . . . . . . . . . 126

Anatomy of a Flowchart. . . . . . . . . . . . . . . . . . . . 128

Creating Flowcharts . . . . . . . . . . . . . . . . . . . . . . . 142

Presenting Flowcharts . . . . . . . . . . . . . . . . . . . . . 152

Using and Applying Flowcharts . . . . . . . . . . . . . . 159

The Depth of Process . . . . . . . . . . . . . . . . . . . . . . 163

3 Personas . . . . . . . . . . . . . . . . . . . 34

Personas At-A-Glance . . . . . . . . . . . . . . . . . . . . . . . 35

Introducing Personas . . . . . . . . . . . . . . . . . . . . . . . 36

Anatomy of a Persona . . . . . . . . . . . . . . . . . . . . . . 38

Creating Personas. . . . . . . . . . . . . . . . . . . . . . . . . . 43

Presenting Personas . . . . . . . . . . . . . . . . . . . . . . . . 51

Using and Applying Personas . . . . . . . . . . . . . . . . . 59

iv communicating design

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: