IA 5: Defensive Design. Matthew Linderman, Jason Fried

67
A Defensive Design
  • date post

    17-Oct-2014
  • Category

    Education

  • view

    4.006
  • download

    2

description

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.

Transcript of IA 5: Defensive Design. Matthew Linderman, Jason Fried

Page 1: IA 5: Defensive Design. Matthew Linderman, Jason Fried

IA Defensive Design

Page 2: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 3: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Design for when things go wrong.

Page 4: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 5: IA 5: Defensive Design. Matthew Linderman, Jason Fried

⁄  From Matthew Linderman, Jason Fried Defensive Design for the Web New Riders, 2004

Page 6: IA 5: Defensive Design. Matthew Linderman, Jason Fried

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

Page 7: IA 5: Defensive Design. Matthew Linderman, Jason Fried

1. Show Me!

Page 8: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Show the Problem

1. Noticeable 2. Clear

3. Consistent

4. No Back-and-forth

Page 9: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 10: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 11: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 12: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 13: IA 5: Defensive Design. Matthew Linderman, Jason Fried

2. Language

Page 14: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Language Matters

5. Familiar

6. Brief

7. Polite

Page 15: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 16: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 17: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 18: IA 5: Defensive Design. Matthew Linderman, Jason Fried

3. Forms

Page 19: IA 5: Defensive Design. Matthew Linderman, Jason Fried

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

Page 20: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 21: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 22: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 23: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 24: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 25: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 26: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 27: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 28: IA 5: Defensive Design. Matthew Linderman, Jason Fried

4. Missing

Page 29: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Missing in Action

16. Page Not Found

17. Redirects

18. ALT Tags

19. Alternative

Versions

Page 30: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 31: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 32: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 33: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 34: IA 5: Defensive Design. Matthew Linderman, Jason Fried

5. Helping Hand

Page 35: IA 5: Defensive Design. Matthew Linderman, Jason Fried

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

Page 36: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 37: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 38: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 39: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 40: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 41: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 42: IA 5: Defensive Design. Matthew Linderman, Jason Fried

6. Out of the Way!

Page 43: IA 5: Defensive Design. Matthew Linderman, Jason Fried

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

Page 44: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 45: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 46: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 47: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 48: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 49: IA 5: Defensive Design. Matthew Linderman, Jason Fried

7. Search

Page 50: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Search and Rescue 31. Explain

32. Anticipate

Errors

33. Filter Results

34. Expand Criteria

35. Offer Tips

36. No Advanced Searches

Page 51: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 52: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 53: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 54: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 55: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 56: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 57: IA 5: Defensive Design. Matthew Linderman, Jason Fried

8. Out of Stocks

Page 58: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Out of Stocks

37. Be Upfront!

38. Available

Later?

39. Offer Email

Notification

40. Show Similar Items

Page 59: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 60: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 61: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 62: IA 5: Defensive Design. Matthew Linderman, Jason Fried
Page 63: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Credits

Page 64: IA 5: Defensive Design. Matthew Linderman, Jason Fried

/question_everything/3503987396/

/thomas-merton/3891773020/

/stevec77/2414927062/

/48692800@N00/4352209207/

/foxxyz/25885419/

/eirikref/2862546623/ http

://w

ww

.flic

kr.c

om

Layers/ Elements of User Experience:

⁄  Jesse James Garret, 2000

Screenshots: ⁄  Me, Myself, and I

Page 65: IA 5: Defensive Design. Matthew Linderman, Jason Fried

http

://w

ww

.flic

kr.c

om

/liewcf/894035077/

/eversion/3246784697/

/kevharb/3065083967/

/suburbanslice/3100774373/

/haraldfelgner/2562128495/

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

Page 66: IA 5: Defensive Design. Matthew Linderman, Jason Fried

Read More

Page 67: IA 5: Defensive Design. Matthew Linderman, Jason Fried

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