The Design of Everyday Things

47
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

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.

Transcript of The Design of Everyday Things

Page 1: The Design of Everyday Things

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

Page 2: The Design of Everyday Things

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

Page 3: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

Donald A. NormanCo-founder & principal of the NielsenNorman group

Tuesday 21 August 12

Page 4: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

The bad design of everyday things

Tuesday 21 August 12

Page 5: The Design of Everyday Things

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

Page 6: The Design of Everyday Things

Norman Door #normandoorhttp://www.jnd.org/dn.mss/when_bugs_become_fea.html

Tuesday 21 August 12

Page 7: The Design of Everyday Things

Norman Door #normandoorhttp://www.jnd.org/dn.mss/when_bugs_become_fea.html

Tuesday 21 August 12

Page 8: The Design of Everyday Things

Small visual cues often improve usability

Tuesday 21 August 12

Page 9: The Design of Everyday Things

Yellow note at hinge

Embossed ledge to

open door

Inset ledge with hinge

Doors of refrigerated cells at supermarkt

Tuesday 21 August 12

Page 10: The Design of Everyday Things

Yellow note near handle

Handle to open door

Doors of freezer cells at supermarkt

Tuesday 21 August 12

Page 11: The Design of Everyday Things

“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

Page 12: The Design of Everyday Things

Tuesday 21 August 12

Page 13: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

Remote Control for Siemens cartridge type (ceiling)A/C Unit

Tuesday 21 August 12

Page 14: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

Link(it)... or Link?

Tuesday 21 August 12

Page 15: The Design of Everyday Things

Locked entry by keycard lock

Tuesday 21 August 12

Page 16: The Design of Everyday Things

CitizenM HotelSchiphol Amsterdam

Tuesday 21 August 12

Page 17: The Design of Everyday Things

Flight Safety Instructions GaloreOpen Here, The Art of Instructional Design

Tuesday 21 August 12

Page 18: The Design of Everyday Things

Roundabout where cars yield

Tuesday 21 August 12

Page 19: The Design of Everyday Things

Roundabout where cyclists yield

Tuesday 21 August 12

Page 20: The Design of Everyday Things

Google Premium Navigation EULA popup after 30 day trial use

Tuesday 21 August 12

Page 21: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

Tuesday 21 August 12

Page 22: The Design of Everyday Things

EULA’s....

Tuesday 21 August 12

Page 23: The Design of Everyday Things

Drupal 7 Usability Study at Googlehttp://groups.drupal.org/node/218959

Tuesday 21 August 12

Page 24: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

To err is human

Tuesday 21 August 12

Page 25: The Design of Everyday Things

“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

Page 26: The Design of Everyday Things

Use metaphors *AND* words

Tuesday 21 August 12

Page 27: The Design of Everyday Things

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

Page 28: The Design of Everyday Things

How we really use the web—Don’t Make Me Think by Steve Krug

Tuesday 21 August 12

Page 29: The Design of Everyday Things

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

Page 30: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

Guidelines for Making Things Usable

Tuesday 21 August 12

Page 31: The Design of Everyday Things

Tuesday 21 August 12

Page 32: The Design of Everyday Things

Know the user and manage his expectations

Tuesday 21 August 12

Page 33: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

Tuesday 21 August 12

Page 34: The Design of Everyday Things

Progress indicator for OSX Finder Search

Provide Feedback

Tuesday 21 August 12

Page 35: The Design of Everyday Things

Provide Constraints

Tuesday 21 August 12

Page 36: The Design of Everyday Things

Use affordances when possible

http://www.jnd.org/dn.mss/affordances_and.htmlThe Design of Everyday Things

Tuesday 21 August 12

Page 37: The Design of Everyday Things

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

Page 38: The Design of Everyday Things

The Design of Everyday Things DrupalCon Munich 2012

cc

This

Jonathan IveSenior Vice President Industrial Design Apple Inc.

Foto ©Eyevine

Tuesday 21 August 12

Page 39: The Design of Everyday Things

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

Page 40: The Design of Everyday Things

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

Page 41: The Design of Everyday Things

Open to 22:00 for

help

You have 8 hours and 19 minutes to

ensure delivery tomorrow

Tuesday 21 August 12

Page 42: The Design of Everyday Things

Tuesday 21 August 12

Page 43: The Design of Everyday Things

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

Page 44: The Design of Everyday Things

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

Page 45: The Design of Everyday Things

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

Page 46: The Design of Everyday Things

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

Page 47: The Design of Everyday Things

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