The Design of Sites Patterns for Creating Winning Web Sites

by van Duyne, Douglas K.; Landay, James A.; Hong, Jason I.

• ISBN13: 9780131345553
• ISBN10: 0131345559
• Edition: 2nd
• Format: Paperback
• Copyright: 2006-12-14
• Publisher: PEARSO

Summary

<>Praise for the second edition ofThe Design of Sites "In my worldwide IBM marketing role, I have the benefit of working with some of the finest international interactive agencies and internal Web teams. As I readThe Design of Sites,[I see] the insight from years of professional advice has been put to paper. Nowhere have I seen such a practical, effective, and easy-to-use book to solve and avoid Internet design issues. I keep a copy of the book handy to remind me of the things I forgot and to gain fresh perspectives. It never fails to deliver." -John Cilio, marketing manager, IBM System x & z Storage Synergy "The Design of Sitesartfully brings forward the original intent of Christopher Alexanderrs"s pattern language into the user experience design arena. It is a valuable and comprehensive reference." -George Hackman, Jr., senior director of User Experience for User Interface Guidelines, Patterns and Standards, Oracle Corporation "The Design of Sitesis one of the best tools I have in my usability toolbox. [These] Web UI design patterns make it easy for me to show my clients how to get the most usability bang for their buck." -Claudia Alden Case, usability consultant and interaction designer, Alden Case Enterprises, Inc. "If only biology class had been like this. Lucid text, bulletproof content, and a comprehensive taxonomy thatrs"s just as much a source of inspiration as it is a production tool. This is a really, really good book. If you build Web sites, read it." -Marc Campbell, author ofWeb Design Garage Praise for the first edition ofThe Design of Sites "Stop reinventing the wheel every time you design a Web site!The Design of Siteshelps you rethink your Web sites in terms of genres and patterns. Once you have identified the patterns and applied the best practices for those patterns as outlined in this book, you will reduce your design effort by 50 percent . . . at least!" -Pawan R. Vora, vice president, Information Architecture, Seurat Company "The content [inThe Design of Sites] could make a novice into a seasoned professional over a weekend. Many companies pay a fortune for the information contained in the bookrs"s primary chapters." -John Cilio, marketing manager, IBM System x & z Storage Synergy "This book has many handy checklists for what you should and should not do in creating a conventional Web site. Just following the authorsrs" suggestions would put your site in the top few percent for readability and usability." -Jef Raskin, creator of the Macintosh computer and author ofThe Humane Interface "Now thatThe Design of Siteshas made its appearance, we won't have to put up with those poorly designed Web pages. These authors have captured patterns from successful Web designers, including their own experience in consulting and teaching, and have made this information accessible to all of us. The book is readable yet full of worthwhile information--a valuable addition to any Web designerrs"s bookshelf." -Lin

Author Biography

Jason I. Hong is a computer science professor in the Human-Computer Interaction Institute at Carnegie Mellon University.

Table of Contents

Foreword	p. xxix
Preface	p. xxxiii
Acknowledgments	p. xli
Foundations of Web Site Design	p. 1
Customer-Centered Web Design: More Than a Good Idea	p. 31
The Evolution of Web Design	p. 3
The Importance of Customer-Centered Design	p. 6
Our First Steps toward Unifying Design, Usability, and Marketing	p. 8
Why We Prefer Customer-Centered Design	p. 9
Nine Myths of Customer-Centered Design	p. 12
Applying Customer-Centered Design	p. 15
Take-away Ideas	p. 16
Making the Most of Web Design Patterns	p. 19
What Are Patterns?	p. 19
A Sample Pattern	p. 20
How to Read a Pattern	p. 23
How Much Do Patterns Change Over Time?	p. 25
How to Use the Patterns	p. 30
An Example of Using Patterns	p. 31
Take-away Ideas	p. 37
Knowing Your Customers: Principles and Techniques	p. 39
Principles for Knowing Your Customers	p. 40
Techniques for Knowing Your Customers	p. 50
Take-away Ideas	p. 67
Involving Customers with Iterative Design	p. 694
The Iterative Design Process	p. 69
Reasons to Use Iterative Design	p. 71
Designing with Goals and Principles in Mind	p. 73
Rapid Prototyping	p. 80
Evaluating Your Web Site	p. 90
Take-away Ideas	p. 95
Processes for Developing Customer-Centered Sites	p. 5
Development Process Overview	p. 98
The Discovery Phase	p. 100
The Exploration Phase	p. 105
The Refinement Phase	p. 106
The Production Phase	p. 108
The Implementation Phase	p. 110
The Launch Phase	p. 113
The Maintenance Phase	p. 113
Take-away Ideas	p. 115
Patterns	p. 117
Pattern Group A: Site Genres 119
Personal E-Commerce	p. 120
News Mosaics	p. 128
Community Conference	p. 136
Self-Service Government	p. 148
Nonprofits as Networks of Help	p. 154
Grassroots Information Sites	p. 161
Valuable Company Sites	p. 167
Educational Forums	p. 174
Stimulating Arts and Entertainment	p. 182
Web Apps That Work	p. 187
Enabling Intranets	p. 195
blogs	p. 201
Pattern Group B: Creating a Navigation Framework	p. 215
Multiple Ways to Navigate	p. 216
Browsable Content	p. 221
Hierarchical Organization	p. 226
Task-Based Organization	p. 231
Alphabetical Organization	p. 235
Chronological Organization	p. 238
Popularity-Based Organization	p. 241
Category Pages	p. 247
Site Accessibility	p. 251
Pattern Group C: Creating a Powerful Homepage	p. 267
Homepage Portal	p. 268
Up-Front Value Proposition	p. 277
Pattern Group D: Writing and Managing Content	p. 283
Page Templates	p. 284
Content Modules	p. 291
Headlines and Blurbs	p. 297
Personalized Content	p. 303
Message Boards	p. 314
Writing for Search Engines	p. 324
Inverted-Pyramid Writing Style	p. 332
Printable Pages	p. 339
Distinctive HTML Titles	p. 343
Internationalized and Localized Content	p. 349
Style Sheets	p. 356
Pattern Group E: Building Trust and Credibility	p. 365
Site Branding	p. 366
E-Mail Subscriptions	p. 372
Fair Information Practices	p. 378
Privacy Policy	p. 384
About Us	p. 391
Secure Connections	p. 398
E-Mail Notifications	p. 402
Privacy Preferences	p. 410
Preventing Phishing Scams	p. 418
Pattern Group F: Basic E-Commerce	p. 431
Quick-Flow Checkout	p. 432
Clean Product Details	p. 439
Shopping Cart	p. 449
Quick Address Selection	p. 458
Quick Shipping Method Selection	p. 464
Payment Method	p. 469
Order Summary	p. 475
Order Confirmation and Thank-You	p. 480
Easy Returns	p. 485
Pattern Group G: Advanced E-Commerce	p. 491
Featured Products	p. 492
Cross-Selling and Up-Selling	p. 500
Personalized Recommendations	p. 510
Table of Contents provided by Publisher. All Rights Reserved.

Excerpts

Four years ago, we began this book with a story of a man who discovers a talking dog. When asked what the dog said, the man replied, "Who cares? It's a talking dog!" For several years after its inception in the early 1990s, the Web was the talking dog, fascinating in its very existence. Then businesspeople discovered that they could sell things using the Web, without paying the huge production and distribution fees that print and television advertising required. Web sites became commercial ventures almost overnight, and a period of rapid evolution began for this new medium. As the Web evolved, the problems faced by its developers were the same ones faced by any industry as it matures: people started to care more about factors like value, convenience, and ease of use than about the novelty of the technology itself. A new term,customer-centered design,was coined in an attempt to deal with this change in priorities.For Douglas van Duyne, James Landay, and Jason Hong, customer-centered design wasn't always a hot topic for e-business. Eight years ago, when we were an entrepreneur with a software design background, a Berkeley computer science professor, and a doctoral graduate student, we had a vision to provide much-needed customer insights to businesses developing for the new medium of the Web. Although the vision eventually resulted in a thriving Web development business and this book, we had many questions to answer along the way. As part of our research into why most Web sites failed to meet customer expectations, we became very interested in how typical design agencies went about their work, and why companies hired outside Web site design firms instead of creating sites themselves.To help answer these questions, we sent researchers to interview Web designers and their clients. We learned that companies hired design agencies on the basis of their previous work building recognizable brands. At the time, Web designers distinguished themselves through awards and accolades, not by measured success with real customers. This pattern began to make sense only when we learned that most Web designers got into the business after working in print, film, or television, all noninteractive media. At that time, few tools existed to help designers understand the Web customer experience. In fact, when we studied a new client's site, we could see that the business was suffering, but now we knew it was because of the original designer's blindness to the distinctions of interaction design, along with a tradition that often put form over function.This scenario became clear in our daily work. We were brought in to assess tough site design problems and fix them. We saw client after client with site designs that were failing, even though all the essentials appeared to be in place. During one such project, when we were testing a client's large-scale e-commerce site, we asked typical site visitors to locate a specific product. Our client had designed the site internally and their designers knew how to find everything, so they were confident that customers could do the same. To the test subjects, however, the product descriptions were cryptic, the navigation controls were unclear, and trying to find a single product resulted in pages and pages of choices. Upon completion of the test, almost all the participants reported success, but in actuality, only a scant few had found the correct product. A site design that was clear to its designers was so confusing to the customers that they did not even know they had failed. As a result of our efforts, the client was able to see that the site had been designed in a vacuum. Only through iterative design and rigorous testing were we able to create a site that was as usable as it was attractive.Well, a funny thing has happened since those early years. Customer-centered design has risen from obscurity to the for