Skip to content

Defensive Design for the Web How to Improve Error Messages, Help, Forms, and Other Crisis Points

Best in textbook rentals since 2012!

ISBN-10: 073571410X

ISBN-13: 9780735714106

Edition: 2004

Authors: Matthew Linderman, Jason Fried, 37 Signals

List price: $29.99
Blue ribbon 30 day, 100% satisfaction guarantee!
what's this?
Rush Rewards U
Members Receive:
Carrot Coin icon
XP icon
You have reached 400 XP and carrot coins. That is the daily max!

Description:

Defensive Design for the Web is about creating a contingency plan for the unexpected errors users may experience with your web site. It is about keepingcustomers at your web site and preventing user frustration with navigationand/or purchasing. 37 Signals knows how to prevent customers from leaving.In this book they share their highly sought-after knowledge by using their real worldexamples. Topics covered include: proper ways to handle errormessaging, graphic design, instructive text, information architecture, backendsystems, and customer service techniques to help visitors get back on trackafter a problem occurs. How many times have you gone to purchase somethingonly to get five screens…    
Customers also bought

Book details

List price: $29.99
Copyright year: 2004
Publisher: Pearson Education
Publication date: 3/2/2004
Binding: Paperback
Pages: 264
Size: 6.75" wide x 8.50" long x 0.50" tall
Weight: 0.990
Language: English

37signals is a privately held company founded by Internet trailblazers, Jason Fried and David Heinemeier Hansson, committed to building the best web-based software products possible with the least number of features necessary. Their products -- Basecamp, Backpack, Highrise, and Campfire -- do less than the competition...intentionally. Since 1999, 37signals has grown into a multi-million dollar company with three million fanatically loyal customers. The company has been profiled in the Guardian, Time, Wired, and Business Week. They are based in Chicago.

Understanding Defensive Design: Making Mistakes Well
Introduction
No One's Perfect
Why "Defensive Design"?
Crisis Points
Contingency Design to the Rescue
Success Stories
So What Will This Book Teach Me?
What Won't I Learn from This Book?
Who Should Read It?
How Should I Use This Book?
A Brief Introduction to the Guidelines
Be Flexible
One Last Thing: See People, Not Users
Let's Get to It
Show the Problem: Display Obvious Error Messages and Alerts
Introduction
Give an error message that's noticeable at a glance
QwestDex: Where's My Error Message?
Hilton: But I Just Entered My Login
MotherNature: This Isn't What I Wanted
KB Toys: Obvious Error Notice
Excite: Try Again Error
Use color, icons, and text to clearly highlight and explain the problem area
Topica: The Wrong Way
Sony: Wrong Spot
Expedia: The Right Way
Google: Can't-Miss Error Message
Banana Republic: Clear Explanation
Always identify errors the same way
E*Trade: Inconsistent Error Notification
Priceline: Same Style, Same Place
Eliminate the need for back-and-forth clicking
eBay: It's Your Problem
Shutterfly: No More Backtracking
United Airlines: Which Airport in Chicago?
Head to Head: Ticketmaster vs. Victoria's Secret
Chapter Summary
Language Matters: Provide Clear Instructions
Introduction
Don't use language that might be unfamiliar to your customers
ESPN and USPS: What's That Mean?
Network Solutions: What's a TLD?
Switchboard: Keep Internal Terms Internal
Typebox: Add to Buybox?
University of Chicago: Funky Acronyms Explained
Keep text brief and easy to understand
Aer Lingus and Fortune: Is There an Echo in Here?
Motley Fool: Straightforward Messaging
c2it: Cash or No Cash?
Head to Head: Qwest vs. AT&T
UPS: Invalid. Verify Validity
FedEx: Simpler Is Better
Be polite
Best Deal Magazines: We Warned You
Hallmark: Apologetic Tone
Lands' End: We Owe It All To You
Chapter Summary
Bulletproof Forms: Create Friendly Forms that are Easy to Complete
Introduction
Highlight either required or optional fields
Victoria's Secret: Turned Off
Washington Post: Marked With
Accept entries in all common formats
Nordstrom: No Hyphens or Spaces
KB Toys: It's All Good
AOL: Autoformat
Zagat Survey: They've Got My Number
Provide sample entries, pull-downs, and formatting hints to ensure clean data
E*Trade: Which Dates Are Valid?
United Airlines: Month Pull-Down
DeepDiscountCD: Improving the Odds
Expedia and E*Trade: MM/DD/YYYY and XXX-XX-XXXX
Yahoo! and Citysearch: Sample Answers
Dell: Boxed In
Explicitly state limits to characters, number of entries, and so forth
Yahoo!: Then How Many?
CDNow: What's the Limit?
Google: 25 Max
Head to Head: Paypal vs. SprintPCS
If customers can't choose it, don't show it
Google: Then Don't Offer 2003
Ticketmaster: Why Not Tell Me It's Sold Out?
Peapod: Only Show Available Times
EasyJet: Easy Picking
Validate entries (as soon as possible)
AOL: New York, Alaska?
UPS: Match City and Zip
Motley Fool: Enter a Valid Number
NBA: Invalid Email
ATI: Check Compatibility
Button up: Eliminate the Reset button and disable the Submit button after it's clicked
Bank One: Reset Only
FedEx: Asking for Button Trouble
University of Washington: Are You Sure?
E*Trade: Click Only Once
Applied Biosystems: Disabling a Button
Assist form dropouts by saving information
Discover: It's Now or Never
Bank One: Saving for Later
Netflix: Finish Up
Chapter Summary
Missing in Action: Overcome Missing Pages, Images, or Plug-Ins
Introduction
Offer customized "Page Not Found" error pages
Home Depot: Where's the Beef?
Apple: Top-Notch 404
Hewlett Packard: Explaining Why It's Not Found
Head to Head: Moviefone vs. IBM
The New York Times: Back to the News
Successfully redirect near-miss URLs
Apple: Uppercase vs. Lowercase
Excite: One Too Many
Amazon: One Too Few "W"s
Google: Ooo Yeah
Yahoo!: Photo or Photos?
Use ALT tags for images
J. Crew: No Alternative
Red Envelope: Missing Navigation
Apple: Text Rather Than Images
Don't shut out visitors with old technology: Offer alternative versions and technology upgrade information
Warren Center: Simpler Is Better
Versace: Have It Your Way
Connected Earth: Plug-In Breakdown
Sumomusic: Flash Help
Yellow Pencil: It works, but please upgrade
Chapter Summary
Lend a Helping Hand: Offer Help that's Actually Helpful
Introduction
Answer questions on the same page they arise
Lands' End: On-the-Spot Help
Wedding Channel: Sanity Savers
Yahoo!: Contextual Help
Amazon: The Shipping News
Offer an easy-to-use "Help" section and provide clear links to it
PC Mall: Hidden Help
eBay: Bare-Bones Help
Yahoo! Chat: Help That's Actually Helpful
Orbitz: 4 Ways to Receive Help
Amazon: Need Further Assistance?
Let customers help themselves through online forums and training sessions
Blogger: Help from Other Customers?
eBay and Adobe: Self-Serve Help
Provide a human fallback plan (help via chat, phone, or email)
eBay: Snail-Mail Help?
Lands' End: Help That's Convenient for You
1-800 Flowers and Gap: Help Avenues
Answer emails quickly and effectively
Gap: Short and Sweet
Dell: "Customer Support, This Is Tarzan"
Lands' End: Return Policy Explained
Help login with tips or email
Lego: What's My Username Again?
Pottery Barn: Password Savior
Yahoo!: Give Me a Hint
Apple: Three Strikes and You're Sent an Email
Chapter Summary
Get Out of the Way: Eliminate Obstacles to Conversion (E.G. Unnecessary Ads, Registration, Navigation, Etc.)
Introduction
Don't disable the browser's Back button
Ticketmaster: Back Isn't a Bad Request
eBay: Input (T)error
Expedia: Back = No Problem
Make it fast, not cute
Star Wars: Episode Ugh
EXPN: Too Cute
Thrifty: Getting to the Point
Comedy Central: Playing It Straight
Don't force registration
Apple: Don't Make Me Sign In for Help
Sun: Getting to the Point
Don't block content with ads
About: Owl Blockage
Yahoo!: Cruising for a Bruising
Orbitz: Ad Trumps Error
News: Bannerless
Eliminate unnecessary navigation during multi-step processes
Pottery Barn: Checkout Distraction
eBay: Stay on Track
Chapter Summary
Search and Rescue: Deliver the Right Results with Smart Search Engine Assistance
Introduction
Offer a clear explanation when no results are found or inexact matches are shown
Pepsi: Less Is Not More
Target: A Mop That Plays MP3s?
Spun: No Keyword Matches
Crate & Barrel: Votive Explanation
Head to Head: Marshall Field's vs. Sears
Anticipate common errors and provide relevant results
IRS: W2 or W-2?
Google: Bad Spelling = No Problem
Head to Head: MarketWatch vs. Yahoo! Finance
Amazon: You Know What I Mean
Google: Using Search Logs
Head to Head: Bluelight vs. Wal-Mart
Too many results? Offer features that let searchers refine and filter results
Best Buy: I Just Wanted a DVD Player!
L.L. Bean: Give Me the Boot
Amazon: Which Cash?
Sears: Sort Options
Citysearch: Have It Your Way
Yahoo!: Narrow My Search
HotJobs: Refine Results
eBay: Get More Specific
Qwest: Suggest Related Documents
CDNow: If You Like This...
Head to Head: Foot Locker vs. Finish Line
Amazon: Letting the Customer Decide
No results? Let customers easily expand search criteria
Marriott: No Quick Fix
eBay: Try These Search Alternatives
News: Expand Your Search
Yahoo!: Need More Results?
Offer tips on how to improve results
Reebok: No Tips
Amazon: Search Examples
AllRecipes: For Better Results...
Don't rely on advanced searches
Musician's Friend: Too Complex
Palm: Pull-down Overload
Chicago Tribune: Basic First, Then Advanced
Chapter Summary
Out of Stocks and Unavailable Items: Make Sure Unavailable Items Don't Become Dead Ends
Introduction
Be upfront about item unavailability
Baby Ultimate: Don't Tease Like That
Amazon and Tower Records: Stock Notification
Lands' End: Inventory Alert
If a product will be available at a later date, explain when, provide product details, and take advance orders
Bookpool: When Will I Get It?
CDNow: Expected Release Date
Head to Head: Barnes & Noble vs. Amazon
Offer email notification
UPS: Can't You Get Back to Me?
Kill Rock Stars: Tell Me When This Item Is in Stock
Mother Nature: "We will watch this product..."
Show similar items that are available
Terrific Toy: Less Is Not More
Gap and L.L. Bean: ...But These Are Available
Hotmail: Try One of These Instead
Head to Head: Domain Bank vs. Register.com
Chapter Summary
The Contingency Design Test: See How Your Site Rates
Who Should Perform the Tasks?
How Does This Differ from Other Site Usability Tests?
Scoring Your Test
The Contingency Design Test
Tally Your Score
See How You Stack Up
Conclusion: Contingency Design: A Long-term Commitment
Study Customer Support Inquiries
Solicit Feedback
Analyze Server Log Files
Get Outside Opinions
Put Someone in Charge of Contingency Design
Build a Contingency Design Knowledgebase
Prepare to Fail
Conclusion: One Step at a Time
Index