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.

1. The Design of
Everyday Things
Imre Gmelig Meijling
22.8.2012 DrupalCon Munich
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 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 2012
Tuesday 21 August 12

3. Donald A. Norman
Co-founder & principal of the Nielsen
Norman group
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12

4. The bad design of
everyday things
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 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 2012
Tuesday 21 August 12

6. Norman Door #normandoor
http://www.jnd.org/dn.mss/when_bugs_become_fea.html
Tuesday 21 August 12

7. Norman Door #normandoor
http://www.jnd.org/dn.mss/when_bugs_become_fea.html
Tuesday 21 August 12

8. Small visual cues often improve usability
Tuesday 21 August 12

9. Yellow note at
hinge
Inset ledge
with hinge
Embossed
ledge to
open door
Doors of refrigerated cells at supermarkt
Tuesday 21 August 12

10. Yellow note
near handle
Handle to
open door
Doors of freezer cells at supermarkt
Tuesday 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 Wright
Tuesday 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 2012
Tuesday 21 August 12

14. Link(it)... or Link?
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12

15. Locked entry by keycard lock
Tuesday 21 August 12

16. CitizenM Hotel
Schiphol
Amsterdam
Tuesday 21 August 12

17. Flight Safety Instructions Galore
Open Here, The Art of Instructional Design
Tuesday 21 August 12

18. Roundabout where cars yield
Tuesday 21 August 12

19. Roundabout where cyclists yield
Tuesday 21 August 12

20. Google Premium Navigation
EULA popup after 30 day trial use
Tuesday 21 August 12

21. The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12

22. EULA’s....
Tuesday 21 August 12

23. Drupal 7 Usability Study at Google
http://groups.drupal.org/node/218959
Tuesday 21 August 12

24. To err is human
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 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 Adams
Tuesday 21 August 12

26. Use metaphors
*AND* words
Tuesday 21 August 12

27. “There is no
intuitive
interface, not
even the
nipple.
It's all learned.”
—Bruce Ediger
http://bit.ly/
xPHagz
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12

28. How we really use the web
—Don’t Make Me Think by Steve Krug
Tuesday 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 2012
Tuesday 21 August 12

30. Guidelines for Making
Things Usable
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12

31. Tuesday 21 August 12

32. Know the user and manage his expectations
Tuesday 21 August 12

33. The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12

34. Progress indicator for
OSX Finder Search
Provide Feedback
Tuesday 21 August 12

35. Provide Constraints
Tuesday 21 August 12

36. Use affordances when possible
http://www.jnd.org/dn.mss/affordances_and.html
The Design of Everyday Things
Tuesday 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 2012
Tuesday 21 August 12

38. cc
This
Jonathan
Ive
Senior Vice
President Industrial
Design Apple Inc.
Foto ©Eyevine
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12

39. “It's the 'finishing the back of the drawer. You can argue
that people will never see it and it's very hard to describe
why it's important but it just seems important.
It's 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.
It's important. It's right. It's very hard to explain why.”
―Jonathan Ive
From Jonathan Ive interview: simplicity isn't simple on
telegraph.co.uk http://bit.ly/JFnLSN
Presentatienaam 2012
Tuesday 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
help
Tuesday 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 2012
Tuesday 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 2012
Tuesday 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 2012
Tuesday 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 2012
Tuesday 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 2012
Tuesday 21 August 12