Page 1

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 Problem

2. Language Matters

3. Bulletproof Forms

4. Missing in Action

5. Lend a Helping Hand

6. Get Out of the Way

7. Search and Rescue

8. Out of Stocks


1. Show Me!


Show the Problem

1. Noticeable

2. Clear

3. Consistent

4. No Backand-forth


2. Language


Language Matters

5. Familiar 6. Brief 7. Polite


3. Forms


Bulletproof Forms

8. Highlight Required

9. Accept All Formats

10. Provide Samples

11. State Limits

12. Don’t Show It

13. Validate Entries

14. Button Up

15. Assist Dropouts


4. Missing


Missing in Action

16. Page Not Found

17. Redirects

18. ALT Tags

19. Alternative Versions


5. Helping Hand


Lend a Helping Hand

20. Answer Questions Immediately

21. Offer Easy-to-use Help

22. Offer Self-help

23. Human Fallback Plan

24. Follow Up Quickly

25. Offer Login Help


6. Out of the Way!


Get Out of the Way

26. Don’t Disable Back

27. Make it Fast

28. Don’t Force Registration

29. Don’t Block With Ads

30. Eliminate Unnecessary Navigation


7. Search


Search and Rescue

31. Explain

32. Anticipate Errors

33. Filter Results

34. Expand Criteria

35. Offer Tips

36. No Advanced Searches


8. Out of Stocks


Out of Stocks

37. Be Upfront!

38. Available Later?

39. Offer Email Notification

40. Show Similar Items


Credits


Layers/ Elements of User Experience: ⁄  Jesse James Garret, 2000 Screenshots: ⁄  Me, Myself, and I

http://www.flickr.com

/thomas-merton/3891773020/

/stevec77/2414927062/

/48692800@N00/4352209207/

/foxxyz/25885419/

/eirikref/2862546623/

/question_everything/3503987396/


/kevharb/3065083967/

/suburbanslice/3100774373/

/haraldfelgner/2562128495/

/liewcf/894035077/

http://www.flickr.com

/eversion/3246784697/

The book: ⁄  Matthew Linderman, Jason Fried, Defensive Design for the Web, How to Improve Error Messages, Help, Forms, and Other Crisis Points , 2004, New Riders ⁄  www.designinginterfaces.com ⁄  37signals.com Order via: ⁄  bit.ly/9Stsq5


Read More


⁄  Harald Felgner ⁄  A spectrum of projects, from international marketing to IT. ⁄  ux.felgner.ch

IA 5: Defensive Design  

User experience patterns as presented at the University of Applied Sciences/ Communication Design faculty and the Bavarian Academy for Adver...