A Defensive Design
Design for when
things go wrong.
⁄  From
 Matthew Linderman,
 Jason Fried
 Defensive Design for the
 Web
 New Riders, 2004
1. Show the     2. Language    3. Bulletproof
  Problem          Matters         Forms


4. Missing in     5. Lend a    6....
1. Show Me!
Show the       1.
                         2. Clear
           Noticeable
Problem
              3.        4. No Back-
    ...
2. Language
Language     5.
 Matters   Familiar

           6. Brief


           7. Polite
3. Forms
Bulletproof   8. Highlight    9. Accept
  Forms        Required      All Formats


              10. Provide     11. State...
4. Missing
Missing     16. Page     17.
            Not Found   Redirects
in Action
                            19.
             18. ...
5. Helping Hand
Lend a     20. Answer    21. Offer
Helping     Questions   Easy-to-use
 Hand     Immediately      Help

                  ...
6. Out of the Way!
Get Out of    26. Don’t      27. Make it
 the Way     Disable Back        Fast


              28. Don’t       29. Don’t
 ...
7. Search
Search and                    32.
             31. Explain   Anticipate
 Rescue                     Errors


             ...
8. Out of Stocks
Out of     37. Be
                           38.
                        Available
          Upfront!
Stocks              ...
Credits
/thomas-merton/3891773020/




                                                           /stevec77/2414927062/




      ...
/eversion/3246784697/




/kevharb/3065083967/




                             http://www.flickr.com
                    ...
Read More
⁄  Harald Felgner
⁄  A spectrum of projects, from international marketing to IT.
⁄  ux.felgner.ch
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
IA 5: Defensive Design. Matthew Linderman, Jason Fried
Upcoming SlideShare
Loading in …5
×

IA 5: Defensive Design. Matthew Linderman, Jason Fried

4,351 views

Published on

User experience patterns as presented at the University of Applied Sciences/ Communication Design faculty and the Bavarian Academy for Advertising and Marketing between 2003 and 2008.

Based on Defensive Design, How to Improve Error Messages, Help, Forms, and Other Crisis Points by Matthew Linderman and Jason Fried, New Riders, 2004.

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,351
On SlideShare
0
From Embeds
0
Number of Embeds
112
Actions
Shares
0
Downloads
36
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

IA 5: Defensive Design. Matthew Linderman, Jason Fried

  1. 1. A Defensive Design
  2. 2. Design for when things go wrong.
  3. 3. ⁄  From Matthew Linderman, Jason Fried Defensive Design for the Web New Riders, 2004
  4. 4. 1. Show the 2. Language 3. Bulletproof Problem Matters Forms 4. Missing in 5. Lend a 6. Get Out of Action Helping Hand the Way 7. Search and 8. Out of Rescue Stocks
  5. 5. 1. Show Me!
  6. 6. Show the 1. 2. Clear Noticeable Problem 3. 4. No Back- Consistent and-forth
  7. 7. 2. Language
  8. 8. Language 5. Matters Familiar 6. Brief 7. Polite
  9. 9. 3. Forms
  10. 10. Bulletproof 8. Highlight 9. Accept Forms Required All Formats 10. Provide 11. State Samples Limits 12. Don’t 13. Validate Show It Entries 14. Button 15. Assist Up Dropouts
  11. 11. 4. Missing
  12. 12. Missing 16. Page 17. Not Found Redirects in Action 19. 18. ALT Alternative Tags Versions
  13. 13. 5. Helping Hand
  14. 14. Lend a 20. Answer 21. Offer Helping Questions Easy-to-use Hand Immediately Help 23. Human 22. Offer Fallback Self-help Plan 24. Follow 25. Offer Up Quickly Login Help
  15. 15. 6. Out of the Way!
  16. 16. Get Out of 26. Don’t 27. Make it the Way Disable Back Fast 28. Don’t 29. Don’t Force Block With Registration Ads 30. Eliminate Unnecessary Navigation
  17. 17. 7. Search
  18. 18. Search and 32. 31. Explain Anticipate Rescue Errors 33. Filter 34. Expand Results Criteria 36. No 35. Offer Advanced Tips Searches
  19. 19. 8. Out of Stocks
  20. 20. Out of 37. Be 38. Available Upfront! Stocks Later? 39. Offer 40. Show Email Similar Notification Items
  21. 21. Credits
  22. 22. /thomas-merton/3891773020/ /stevec77/2414927062/ http://www.flickr.com /48692800@N00/4352209207/ /foxxyz/25885419/ Layers/ Elements of User Experience: ⁄  Jesse James Garret, /eirikref/2862546623/ 2000 Screenshots: /question_everything/3503987396/ ⁄  Me, Myself, and I
  23. 23. /eversion/3246784697/ /kevharb/3065083967/ http://www.flickr.com The book: ⁄  Matthew Linderman, Jason /suburbanslice/3100774373/ Fried, Defensive Design for the Web, How to Improve Error Messages, Help, Forms, and Other Crisis Points , 2004, New Riders /haraldfelgner/2562128495/ ⁄  www.designinginterfaces.com ⁄  37signals.com Order via: /liewcf/894035077/ ⁄  bit.ly/9Stsq5
  24. 24. Read More
  25. 25. ⁄  Harald Felgner ⁄  A spectrum of projects, from international marketing to IT. ⁄  ux.felgner.ch

×