SlideShare ist ein Scribd-Unternehmen logo
1 von 67
Downloaden Sie, um offline zu lesen
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. Get Out of
   Action       Helping Hand      the Way


        7. Search and    8. Out of
           Rescue         Stocks
1. Show Me!
Show the       1.
                         2. Clear
           Noticeable
Problem
              3.        4. No Back-
           Consistent    and-forth
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
               Samples         Limits


               12. Don’t     13. Validate
                Show It        Entries


              14. Button      15. Assist
                  Up          Dropouts
4. Missing
Missing     16. Page     17.
            Not Found   Redirects
in Action
                            19.
             18. ALT
                        Alternative
              Tags
                         Versions
5. Helping Hand
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
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
                Force        Block With
             Registration       Ads

             30. Eliminate
             Unnecessary
              Navigation
7. Search
Search and                    32.
             31. Explain   Anticipate
 Rescue                     Errors


              33. Filter   34. Expand
               Results       Criteria


                            36. No
              35. Offer
                           Advanced
                Tips
                           Searches
8. Out of Stocks
Out of     37. Be
                           38.
                        Available
          Upfront!
Stocks                   Later?

          39. Offer     40. Show
           Email         Similar
         Notification     Items
Credits
/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
/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
Read More
⁄  Harald Felgner
⁄  A spectrum of projects, from international marketing to IT.
⁄  ux.felgner.ch

Weitere ähnliche Inhalte

Ähnlich wie IA 5: Defensive Design. Matthew Linderman, Jason Fried

Seattle Interactive Conference - Social and Seach
Seattle Interactive Conference - Social and SeachSeattle Interactive Conference - Social and Seach
Seattle Interactive Conference - Social and Seach
Microsoft
 
UC Merced: Data Management for Scientists
UC Merced: Data Management for ScientistsUC Merced: Data Management for Scientists
UC Merced: Data Management for Scientists
Carly Strasser
 
YOOX Launch & Learn - Javascript as a programming language
 YOOX Launch & Learn - Javascript as a programming language YOOX Launch & Learn - Javascript as a programming language
YOOX Launch & Learn - Javascript as a programming language
Marco Cedaro
 

Ähnlich wie IA 5: Defensive Design. Matthew Linderman, Jason Fried (19)

jsDay - Javascript as a programming language
jsDay - Javascript as a programming languagejsDay - Javascript as a programming language
jsDay - Javascript as a programming language
 
CIPD 12 Using Online Communities
CIPD 12 Using Online Communities CIPD 12 Using Online Communities
CIPD 12 Using Online Communities
 
Give to Get: Real-World Dividends from Social Networking
Give to Get: Real-World Dividends from Social NetworkingGive to Get: Real-World Dividends from Social Networking
Give to Get: Real-World Dividends from Social Networking
 
Seattle Interactive Conference - Social and Seach
Seattle Interactive Conference - Social and SeachSeattle Interactive Conference - Social and Seach
Seattle Interactive Conference - Social and Seach
 
Introduction to Social Media for business
Introduction to Social Media for businessIntroduction to Social Media for business
Introduction to Social Media for business
 
How Social Has Changed the Way we Work
How Social Has Changed the Way we WorkHow Social Has Changed the Way we Work
How Social Has Changed the Way we Work
 
Plugging in: Leveraging Technology For Engagement
Plugging in: Leveraging Technology For EngagementPlugging in: Leveraging Technology For Engagement
Plugging in: Leveraging Technology For Engagement
 
UC Merced: Data Management for Scientists
UC Merced: Data Management for ScientistsUC Merced: Data Management for Scientists
UC Merced: Data Management for Scientists
 
Come for the software, stay for the community - How Drupal improves and evolves
Come for the software, stay for the community - How Drupal improves and evolvesCome for the software, stay for the community - How Drupal improves and evolves
Come for the software, stay for the community - How Drupal improves and evolves
 
YOOX Launch & Learn - Javascript as a programming language
 YOOX Launch & Learn - Javascript as a programming language YOOX Launch & Learn - Javascript as a programming language
YOOX Launch & Learn - Javascript as a programming language
 
Touch Research 3: How Bodies Matter
Touch Research 3: How Bodies MatterTouch Research 3: How Bodies Matter
Touch Research 3: How Bodies Matter
 
How to keep you out of the News: Web and End-to-End Performance Tips
How to keep you out of the News: Web and End-to-End Performance TipsHow to keep you out of the News: Web and End-to-End Performance Tips
How to keep you out of the News: Web and End-to-End Performance Tips
 
NorDevCon: The Politics of Tool Shaming
NorDevCon: The Politics of Tool ShamingNorDevCon: The Politics of Tool Shaming
NorDevCon: The Politics of Tool Shaming
 
Ambassadors go forth...
Ambassadors go forth...Ambassadors go forth...
Ambassadors go forth...
 
Driving Yammer Adoption
Driving Yammer AdoptionDriving Yammer Adoption
Driving Yammer Adoption
 
Angry Birds to Minecraft: Game Dynamics and Learning
Angry Birds to Minecraft: Game Dynamics and LearningAngry Birds to Minecraft: Game Dynamics and Learning
Angry Birds to Minecraft: Game Dynamics and Learning
 
The Cupcake Effect
The Cupcake EffectThe Cupcake Effect
The Cupcake Effect
 
Delirio twitter emociones - coreografias
Delirio twitter   emociones - coreografiasDelirio twitter   emociones - coreografias
Delirio twitter emociones - coreografias
 
Permettere al cliente di apprezzare l'approccio agile
Permettere al cliente di apprezzare l'approccio agilePermettere al cliente di apprezzare l'approccio agile
Permettere al cliente di apprezzare l'approccio agile
 

Mehr von Harald Felgner, PhD

Mehr von Harald Felgner, PhD (20)

User Experience 2: Talk@Stabilo
User Experience 2: Talk@StabiloUser Experience 2: Talk@Stabilo
User Experience 2: Talk@Stabilo
 
Business Quotes for 2011
Business Quotes for 2011Business Quotes for 2011
Business Quotes for 2011
 
Phones are the new PCs. & the Red Fez Sketchbook, November 2010
Phones are the new PCs. & the Red Fez Sketchbook, November 2010Phones are the new PCs. & the Red Fez Sketchbook, November 2010
Phones are the new PCs. & the Red Fez Sketchbook, November 2010
 
IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!
 
Phones are the new PCs. & the Red Fez Playbook, November 2010
Phones are the new PCs. & the Red Fez Playbook, November 2010Phones are the new PCs. & the Red Fez Playbook, November 2010
Phones are the new PCs. & the Red Fez Playbook, November 2010
 
66 slides to steal from! Business Quotes, November 2010
66 slides to steal from! Business Quotes, November 201066 slides to steal from! Business Quotes, November 2010
66 slides to steal from! Business Quotes, November 2010
 
To organize the world's information. 30 quotes for your next presentation. Bu...
To organize the world's information. 30 quotes for your next presentation. Bu...To organize the world's information. 30 quotes for your next presentation. Bu...
To organize the world's information. 30 quotes for your next presentation. Bu...
 
Pursue your dream--and never accept a proven solution! This is ... Paul Otlet
Pursue your dream--and never accept a proven solution! This is ... Paul OtletPursue your dream--and never accept a proven solution! This is ... Paul Otlet
Pursue your dream--and never accept a proven solution! This is ... Paul Otlet
 
The best ideas come as jokes. Make your thinking as funny as possible. 28 quo...
The best ideas come as jokes. Make your thinking as funny as possible. 28 quo...The best ideas come as jokes. Make your thinking as funny as possible. 28 quo...
The best ideas come as jokes. Make your thinking as funny as possible. 28 quo...
 
Do not believe that it is very much of an advance to do the unnecessary three...
Do not believe that it is very much of an advance to do the unnecessary three...Do not believe that it is very much of an advance to do the unnecessary three...
Do not believe that it is very much of an advance to do the unnecessary three...
 
Touch Research 0: Class and Presentations [Handouts]
Touch Research 0: Class and Presentations [Handouts]Touch Research 0: Class and Presentations [Handouts]
Touch Research 0: Class and Presentations [Handouts]
 
Touch Research 0: Class and Presentations
Touch Research 0: Class and PresentationsTouch Research 0: Class and Presentations
Touch Research 0: Class and Presentations
 
IA 6: Patterns for Effective Interaction Design. Jenifer Tidwell
IA 6: Patterns for Effective Interaction Design. Jenifer TidwellIA 6: Patterns for Effective Interaction Design. Jenifer Tidwell
IA 6: Patterns for Effective Interaction Design. Jenifer Tidwell
 
X-cultural Communication 7: Colors Across Cultures
X-cultural Communication 7: Colors Across CulturesX-cultural Communication 7: Colors Across Cultures
X-cultural Communication 7: Colors Across Cultures
 
Smoke spotting. & Red Fez Playbook, April 2009 II
Smoke spotting. & Red Fez Playbook, April 2009 IISmoke spotting. & Red Fez Playbook, April 2009 II
Smoke spotting. & Red Fez Playbook, April 2009 II
 
I'm a social object. Business Quotes, July 2010
I'm a social object. Business Quotes, July 2010I'm a social object. Business Quotes, July 2010
I'm a social object. Business Quotes, July 2010
 
Those are the issues we are going to have to address. Business Quotes, June 2010
Those are the issues we are going to have to address. Business Quotes, June 2010Those are the issues we are going to have to address. Business Quotes, June 2010
Those are the issues we are going to have to address. Business Quotes, June 2010
 
Business Quotes, May 2010
 Business Quotes, May 2010 Business Quotes, May 2010
Business Quotes, May 2010
 
Business Quotes, April 2010
Business Quotes, April 2010Business Quotes, April 2010
Business Quotes, April 2010
 
Business Quotes, March 2010
Business Quotes, March 2010Business Quotes, March 2010
Business Quotes, March 2010
 

Kürzlich hochgeladen

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Kürzlich hochgeladen (20)

How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 

IA 5: Defensive Design. Matthew Linderman, Jason Fried

  • 2.
  • 4.
  • 5. ⁄  From Matthew Linderman, Jason Fried Defensive Design for the Web New Riders, 2004
  • 6. 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
  • 8. Show the 1. 2. Clear Noticeable Problem 3. 4. No Back- Consistent and-forth
  • 9.
  • 10.
  • 11.
  • 12.
  • 14. Language 5. Matters Familiar 6. Brief 7. Polite
  • 15.
  • 16.
  • 17.
  • 19. 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
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 29. Missing 16. Page 17. Not Found Redirects in Action 19. 18. ALT Alternative Tags Versions
  • 30.
  • 31.
  • 32.
  • 33.
  • 35. 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
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. 6. Out of the Way!
  • 43. 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
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 50. Search and 32. 31. Explain Anticipate Rescue Errors 33. Filter 34. Expand Results Criteria 36. No 35. Offer Advanced Tips Searches
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57. 8. Out of Stocks
  • 58. Out of 37. Be 38. Available Upfront! Stocks Later? 39. Offer 40. Show Email Similar Notification Items
  • 59.
  • 60.
  • 61.
  • 62.
  • 64. /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
  • 65. /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
  • 67. ⁄  Harald Felgner ⁄  A spectrum of projects, from international marketing to IT. ⁄  ux.felgner.ch