Upload
imre-gmelig-meijling
View
2.349
Download
2
Embed Size (px)
DESCRIPTION
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.
Citation preview
The Design of Everyday Things DrupalCon Munich 2012
The Design of Everyday Things
Imre Gmelig Meijling
22.8.2012 DrupalCon Munich
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Imre Gmelig MeijlingCOO Krimson Drupal Architects // MD
Wundekraut [email protected]
Hi!
Twittering about this session?Use hashtag #normandoor
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Donald A. NormanCo-founder & principal of the NielsenNorman group
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
The bad design of everyday things
Tuesday 21 August 12
Presentatienaam 2012
“Technology Changes Rapidly. People Change Slowly”
Image: Kertastic Planet Minecrafthttp://www.planetminecraft.com/blog/theories-by-kerr-volume-4/
Tuesday 21 August 12
Norman Door #normandoorhttp://www.jnd.org/dn.mss/when_bugs_become_fea.html
Tuesday 21 August 12
Norman Door #normandoorhttp://www.jnd.org/dn.mss/when_bugs_become_fea.html
Tuesday 21 August 12
Small visual cues often improve usability
Tuesday 21 August 12
Yellow note at hinge
Embossed ledge to
open door
Inset ledge with hinge
Doors of refrigerated cells at supermarkt
Tuesday 21 August 12
Yellow note near handle
Handle to open door
Doors of freezer cells at supermarkt
Tuesday 21 August 12
“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
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Remote Control for Siemens cartridge type (ceiling)A/C Unit
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Link(it)... or Link?
Tuesday 21 August 12
Locked entry by keycard lock
Tuesday 21 August 12
CitizenM HotelSchiphol Amsterdam
Tuesday 21 August 12
Flight Safety Instructions GaloreOpen Here, The Art of Instructional Design
Tuesday 21 August 12
Roundabout where cars yield
Tuesday 21 August 12
Roundabout where cyclists yield
Tuesday 21 August 12
Google Premium Navigation EULA popup after 30 day trial use
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12
EULA’s....
Tuesday 21 August 12
Drupal 7 Usability Study at Googlehttp://groups.drupal.org/node/218959
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
To err is human
Tuesday 21 August 12
“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
Use metaphors *AND* words
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
“There is no intuitive interface, not even the nipple. It's all learned.”
—Bruce Edigerhttp://bit.ly/xPHagz
Tuesday 21 August 12
How we really use the web—Don’t Make Me Think by Steve Krug
Tuesday 21 August 12
Presentatienaam 2012
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
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Guidelines for Making Things Usable
Tuesday 21 August 12
Tuesday 21 August 12
Know the user and manage his expectations
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Tuesday 21 August 12
Progress indicator for OSX Finder Search
Provide Feedback
Tuesday 21 August 12
Provide Constraints
Tuesday 21 August 12
Use affordances when possible
http://www.jnd.org/dn.mss/affordances_and.htmlThe Design of Everyday Things
Tuesday 21 August 12
Presentatienaam 2012
• What website is this? (site ID)
• What page am I on?
• What are the major sections of this website? (primary navigation)
• What are my options at this level? (secondary navigation)
• Where am I in the scheme of things? (“You are here” indicator)
• How can I search?
The Trunk Test
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
cc
This
Jonathan IveSenior Vice President Industrial Design Apple Inc.
Foto ©Eyevine
Tuesday 21 August 12
Presentatienaam 2012
“It's the '"nishing 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
Tuesday 21 August 12
Ingredients: woodpulp, paper, color ink (Pantone 292SC & 021C), UV-coating, air bubble bags, some special skills, a lot of love and your order of course.
It really tastes like cardboard.—CoolBlue
Tuesday 21 August 12
Open to 22:00 for
help
You have 8 hours and 19 minutes to
ensure delivery tomorrow
Tuesday 21 August 12
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Guy Kawaski: Make Meaning — The Art of the Start.http://ecorner.stanford.edu/authorMaterialInfo.html?mid=1171
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Guy Kawaski: Make Meaning — The Art of the Start.http://ecorner.stanford.edu/authorMaterialInfo.html?mid=1171
Tuesday 21 August 12
Presentatienaam 2012
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
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
ResourcesThe Design of Everyday things (Donald A. Norman)book | extract | website | When Bugs Become Features
The Art of the Start (Guy Kawasaki)book | website | video Make Meaning | presentation
Drupal Watchdog Magazine (Jeffrey Dalton)website | article The Hybrid Designer
Smashing Book: Usability Principles for Modern Web-sites (Andrew Maier, David Leggett on Smashing Magazine)article
Open Here, The Art of Instructional Design (Paul Mijksenaar, Piet Westendorp)book
Design: Intelligence Made Visible (Stephen Bayley, Terence Conran) book
The Daily Telegraph: Jonathan Ive (Shane Richmond)interview | article | article
Re-imagining the Design of Everyday Things(Effective)presentation
Rework (Jason Fried, David Heinemeier; Founders of 37signals)book | website
Welcome to Macintoshwebsite | video
Design Workshop (Robin Williams, John Tollet)book
Don’t Make Me Think (Steve Krug)book
Rocket Surgery Made Easy (Steve Krug)book
About Face 3: The Essentials of Interaction Design (Alan Cooper)book | presentation | article | article
The Secret to Designing an Intuitive User Experiencearticle
Enchantment; The Art of Changing Hearts, Minds, and Actions(Guy Kawasaki)book | facebook
Tuesday 21 August 12
The Design of Everyday Things DrupalCon Munich 2012
Thank youNorman door? Tweet a photo Hashtag #normandoor
Twitter @imregmeligBlog blog.idstores.nlSlides and resources slideshare.net
Presentation eval on Drupalcon Munich website.
Tuesday 21 August 12