The Design of Everyday Things

  • 1,978 views
Uploaded on

DrupalCon Munich, August 22nd 2012 …

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.

More in: Technology , Travel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,978
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
67
Comments
0
Likes
7

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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. 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. Donald A. Norman Co-founder & principal of the Nielsen Norman group The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 4. The bad design of everyday things The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 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. Norman Door #normandoor http://www.jnd.org/dn.mss/when_bugs_become_fea.htmlTuesday 21 August 12
  • 7. Norman Door #normandoor http://www.jnd.org/dn.mss/when_bugs_become_fea.htmlTuesday 21 August 12
  • 8. Small visual cues often improve usabilityTuesday 21 August 12
  • 9. Yellow note at hinge Inset ledge with hinge Embossed ledge to open door Doors of refrigerated cells at supermarktTuesday 21 August 12
  • 10. Yellow note near handle Handle to open door Doors of freezer cells at supermarktTuesday 21 August 12
  • 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. Tuesday 21 August 12
  • 13. Remote Control for Siemens cartridge type (ceiling) A/C Unit The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 14. Link(it)... or Link? The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 15. Locked entry by keycard lockTuesday 21 August 12
  • 16. CitizenM Hotel Schiphol AmsterdamTuesday 21 August 12
  • 17. Flight Safety Instructions Galore Open Here, The Art of Instructional DesignTuesday 21 August 12
  • 18. Roundabout where cars yieldTuesday 21 August 12
  • 19. Roundabout where cyclists yieldTuesday 21 August 12
  • 20. Google Premium Navigation EULA popup after 30 day trial useTuesday 21 August 12
  • 21. The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 22. EULA’s....Tuesday 21 August 12
  • 23. Drupal 7 Usability Study at Google http://groups.drupal.org/node/218959Tuesday 21 August 12
  • 24. To err is human The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 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. Use metaphors *AND* wordsTuesday 21 August 12
  • 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. How we really use the web —Don’t Make Me Think by Steve KrugTuesday 21 August 12
  • 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. Guidelines for Making Things Usable The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 31. Tuesday 21 August 12
  • 32. Know the user and manage his expectationsTuesday 21 August 12
  • 33. The Design of Everyday Things DrupalCon Munich 2012Tuesday 21 August 12
  • 34. Progress indicator for OSX Finder Search Provide FeedbackTuesday 21 August 12
  • 35. Provide ConstraintsTuesday 21 August 12
  • 36. Use affordances when possible http://www.jnd.org/dn.mss/affordances_and.html The Design of Everyday ThingsTuesday 21 August 12
  • 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. 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. “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. 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. You have 8 hours and 19 minutes to ensure delivery tomorrow Open to 22:00 for helpTuesday 21 August 12
  • 42. Tuesday 21 August 12
  • 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. 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. 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. 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. 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