Your SlideShare is downloading. ×
0
The Design of                       Everyday Things                          Imre Gmelig Meijling                       22...
Hi!                 Imre Gmelig Meijling                       COO Krimson Drupal Architects // MD                        ...
Donald A. Norman        Co-founder & principal of the Nielsen        Norman group                                         ...
The bad design of                        everyday things                                    The Design of Everyday Things ...
“Technology Changes Rapidly. People Change Slowly”                  Image: Kertastic Planet Minecraft                  htt...
Norman Door #normandoor    http://www.jnd.org/dn.mss/when_bugs_become_fea.htmlTuesday 21 August 12
Norman Door #normandoor    http://www.jnd.org/dn.mss/when_bugs_become_fea.htmlTuesday 21 August 12
Small visual cues often improve usabilityTuesday 21 August 12
Yellow note at                                           hinge                       Inset ledge                        wi...
Yellow note                                                        near handle                                            ...
“I never design a building before I’ve seen the site    and met the people who will be using it.”    —Frank Lloyd WrightTu...
Tuesday 21 August 12
Remote Control                       for Siemens                       cartridge type                       (ceiling)     ...
Link(it)...   or Link?                                          The Design of Everyday Things DrupalCon Munich 2012Tuesday...
Locked entry by keycard lockTuesday 21 August 12
CitizenM Hotel       Schiphol       AmsterdamTuesday 21 August 12
Flight Safety Instructions Galore                       Open Here, The Art of Instructional DesignTuesday 21 August 12
Roundabout where cars yieldTuesday 21 August 12
Roundabout where cyclists yieldTuesday 21 August 12
Google Premium Navigation                       EULA popup after 30 day trial useTuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
EULA’s....Tuesday 21 August 12
Drupal 7 Usability Study at Google    http://groups.drupal.org/node/218959Tuesday 21 August 12
To err is human                                    The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
“A common mistake that people make when trying to     design something completely foolproof is to     underestimate the in...
Use metaphors    *AND* wordsTuesday 21 August 12
“There is no intuitive interface, not even the nipple. Its all learned.” —Bruce Ediger http://bit.ly/ xPHagz              ...
How we really use the web               —Don’t Make Me Think by Steve KrugTuesday 21 August 12
Poor usability results in                       • Anger and frustration                       • Decreased productivity in ...
Guidelines for Making                           Things Usable                                      The Design of Everyday ...
Tuesday 21 August 12
Know the user and manage his expectationsTuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
Progress indicator for                                           OSX Finder Search                       Provide FeedbackT...
Provide ConstraintsTuesday 21 August 12
Use affordances when possible                       http://www.jnd.org/dn.mss/affordances_and.html                       The...
The Trunk Test                       • What website is this?   • What are my options at                         (site ID) ...
cc               This    Jonathan    Ive    Senior Vice    President Industrial    Design Apple Inc.    Foto ©Eyevine     ...
“Its the finishing the back of the drawer. You can argue                       that people will never see it and its very ...
Ingredients: woodpulp, paper, color ink (Pantone 292SC & 021C), UV-coating, air bubble bags,        It really tastes like ...
You have 8 hours                       and 19 minutes to                        ensure delivery                           ...
Tuesday 21 August 12
Guy Kawaski: Make Meaning — The Art of the Start.          http://ecorner.stanford.edu/authorMaterialInfo.html?mid=1171   ...
Guy Kawaski: Make Meaning — The Art of the Start.          http://ecorner.stanford.edu/authorMaterialInfo.html?mid=1171   ...
Principles of Design Thinking                       •   Know your users and align with user’s mental                      ...
Resources                The Design of Everyday things (Donald A. Norman)           Rework (Jason Fried, David Heinemeier;...
Thank you               Norman door? Tweet a photo               Hashtag #normandoor               Twitter @imregmelig    ...
Upcoming SlideShare
Loading in...5
×

The Design of Everyday Things

2,629

Published on

DrupalCon Munich, August 22nd 2012
All things that need to be operated are designed. Or at least they should be. Sometimes the design is not so obvious. In fact, many things that people need to operate on a daily bases work quirky. In this session I will discuss some real life examples of quirky design, the remarkable resemblance in the software we make and some methods for addressing them.

Published in: Technology, Travel

Transcript of "The Design of Everyday Things"

  1. 1. The Design of Everyday Things Imre Gmelig Meijling 22.8.2012 DrupalCon Munich The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  2. 2. Hi! Imre Gmelig Meijling COO Krimson Drupal Architects // MD Wundekraut Netherlands imre@krimson.nl Twittering about this session? Use hashtag #normandoor The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  3. 3. Donald A. Norman Co-founder & principal of the Nielsen Norman group The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  4. 4. The bad design of everyday things The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  5. 5. “Technology Changes Rapidly. People Change Slowly” Image: Kertastic Planet Minecraft http://www.planetminecraft.com/blog/theories-by-kerr-volume-4/ Presentatienaam 2012Tuesday 21 August 12
  6. 6. Norman Door #normandoor http://www.jnd.org/dn.mss/when_bugs_become_fea.htmlTuesday 21 August 12
  7. 7. Norman Door #normandoor http://www.jnd.org/dn.mss/when_bugs_become_fea.htmlTuesday 21 August 12
  8. 8. Small visual cues often improve usabilityTuesday 21 August 12
  9. 9. Yellow note at hinge Inset ledge with hinge Embossed ledge to open door Doors of refrigerated cells at supermarktTuesday 21 August 12
  10. 10. Yellow note near handle Handle to open door Doors of freezer cells at supermarktTuesday 21 August 12
  11. 11. “I never design a building before I’ve seen the site and met the people who will be using it.” —Frank Lloyd WrightTuesday 21 August 12
  12. 12. Tuesday 21 August 12
  13. 13. Remote Control for Siemens cartridge type (ceiling) A/C Unit The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  14. 14. Link(it)... or Link? The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  15. 15. Locked entry by keycard lockTuesday 21 August 12
  16. 16. CitizenM Hotel Schiphol AmsterdamTuesday 21 August 12
  17. 17. Flight Safety Instructions Galore Open Here, The Art of Instructional DesignTuesday 21 August 12
  18. 18. Roundabout where cars yieldTuesday 21 August 12
  19. 19. Roundabout where cyclists yieldTuesday 21 August 12
  20. 20. Google Premium Navigation EULA popup after 30 day trial useTuesday 21 August 12
  21. 21. The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  22. 22. EULA’s....Tuesday 21 August 12
  23. 23. Drupal 7 Usability Study at Google http://groups.drupal.org/node/218959Tuesday 21 August 12
  24. 24. To err is human The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  25. 25. “A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.” —Douglas AdamsTuesday 21 August 12
  26. 26. Use metaphors *AND* wordsTuesday 21 August 12
  27. 27. “There is no intuitive interface, not even the nipple. Its all learned.” —Bruce Ediger http://bit.ly/ xPHagz The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  28. 28. How we really use the web —Don’t Make Me Think by Steve KrugTuesday 21 August 12
  29. 29. Poor usability results in • Anger and frustration • Decreased productivity in the workplace • Higher error rates • Physical and emotional injury • Equipment damage • Loss of customer loyalty • Costs money Presentatienaam 2012Tuesday 21 August 12
  30. 30. Guidelines for Making Things Usable The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  31. 31. Tuesday 21 August 12
  32. 32. Know the user and manage his expectationsTuesday 21 August 12
  33. 33. The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  34. 34. Progress indicator for OSX Finder Search Provide FeedbackTuesday 21 August 12
  35. 35. Provide ConstraintsTuesday 21 August 12
  36. 36. Use affordances when possible http://www.jnd.org/dn.mss/affordances_and.html The Design of Everyday ThingsTuesday 21 August 12
  37. 37. The Trunk Test • What website is this? • What are my options at (site ID) this level? (secondary navigation) • What page am I on? • Where am I in the • What are the major scheme of things? (“You sections of this are here” indicator) website? (primary navigation) • How can I search? Presentatienaam 2012Tuesday 21 August 12
  38. 38. cc This Jonathan Ive Senior Vice President Industrial Design Apple Inc. Foto ©Eyevine The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  39. 39. “Its the finishing the back of the drawer. You can argue that people will never see it and its very hard to describe why its important but it just seems important. Its a way that you demonstrate that you care for the people that you are making these products for. I think we see ourselves as having a civic responsibility to do that. Its important. Its right. Its very hard to explain why.” ―Jonathan Ive From Jonathan Ive interview: simplicity isnt simple on telegraph.co.uk http://bit.ly/JFnLSN Presentatienaam 2012Tuesday 21 August 12
  40. 40. Ingredients: woodpulp, paper, color ink (Pantone 292SC & 021C), UV-coating, air bubble bags, It really tastes like some special cardboard. skills, a lot of love —CoolBlue and your order of course.Tuesday 21 August 12
  41. 41. You have 8 hours and 19 minutes to ensure delivery tomorrow Open to 22:00 for helpTuesday 21 August 12
  42. 42. Tuesday 21 August 12
  43. 43. Guy Kawaski: Make Meaning — The Art of the Start. http://ecorner.stanford.edu/authorMaterialInfo.html?mid=1171 The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  44. 44. Guy Kawaski: Make Meaning — The Art of the Start. http://ecorner.stanford.edu/authorMaterialInfo.html?mid=1171 The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  45. 45. Principles of Design Thinking • Know your users and align with user’s mental models • Provide appropriate feedback • Eliminate the opportunity for error • All things you make will have to make meaning Presentatienaam 2012Tuesday 21 August 12
  46. 46. Resources The Design of Everyday things (Donald A. Norman) Rework (Jason Fried, David Heinemeier; Founders of book | extract | website | When Bugs Become Features 37signals) book | website The Art of the Start (Guy Kawasaki) book | website | video Make Meaning | presentation Welcome to Macintosh website | video Drupal Watchdog Magazine (Jeffrey Dalton) website | article The Hybrid Designer Design Workshop (Robin Williams, John Tollet) book Smashing Book: Usability Principles for Modern Web-sites (Andrew Maier, David Leggett on Smashing Magazine) Don’t Make Me Think (Steve Krug) article book Open Here, The Art of Instructional Design Rocket Surgery Made Easy (Steve Krug) (Paul Mijksenaar, Piet Westendorp) book book About Face 3: The Essentials of Interaction Design Design: Intelligence Made Visible (Alan Cooper) (Stephen Bayley, Terence Conran) book | presentation | article | article book The Secret to Designing an Intuitive User Experience The Daily Telegraph: Jonathan Ive (Shane Richmond) article interview | article | article Enchantment; The Art of Changing Hearts, Minds, and Re-imagining the Design of Everyday Things Actions (Effective) (Guy Kawasaki) presentation book | facebook The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  47. 47. Thank you Norman door? Tweet a photo Hashtag #normandoor Twitter @imregmelig Blog blog.idstores.nl Slides and resources slideshare.net Presentation eval on Drupalcon Munich website. The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×