The Design of Everyday Things

Post on 06-May-2015

2.349 views 2 download

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

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 Netherlandsimre@krimson.nl

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