The Design of

Everyday Things
Principle of User Interaction Design

Imre Gmelig Meijling

(Adapted)
Donald A. Norman
Co-founder & principal of
the Nielsen Norman group

The Design of Everyday Things

DrupalCon Munich 2012
“Technology Changes Rapidly. People Change Slowly”

Image: Kertastic Planet Minecraft

http://www.planetminecraft.com/blog/theories-by-kerr-volume-4/
Presentatienaam
2012
Norman Door #normandoor
http://www.jnd.org/dn.mss/when_bugs_become_fea.html
Norman Door #normandoor
http://www.jnd.org/dn.mss/when_bugs_become_fea.html
Small visual cues often improve
usability
 Yellow note at
hinge
Inset ledge
with
hinge

Embossed
ledge to
open door

Doors of refrigerated cells at supermarkt

 Yellow note
near
handle
Handle to
open
door

Doors of freezer cells at supermarkt

“I never design a building before I’ve seen the
site and met the people who will be using it.”
—Frank Lloyd Wright
Remote
Control for
Siemens
cartridge type
(ceiling)
A/C Unit

The Design of Everyday Things DrupalCon Munich

2012
Link(it)... or Link?

The Design of Everyday Things DrupalCon Munich

2012
Locked entry by keycard lock
CitizenM
Hotel
Schiphol
Amsterdam
End User License
Agreements
(EULA’s)
Flight Safety Instructions Galore
Open Here, The Art of Instructional Design
Flight Safety Instructions Galore
Open Here, The Art of Instructional Design
The Design of Everyday Things Munich
DrupalCon 2012
Drupal 7 Usability Study at Google
http://groups.drupal.org/node/218959
To err is human

The Design of Everyday Things DrupalCon Munich

2012
“A common mistake that people make when trying
to design something completely foolproof is to
underestimate the ingenuity of complete fools.”
—Douglas Adams 不要低估用户弄巧成拙的可能性
Use metaphors
*AND* words
Use metaphors
*AND* words
How we really use the web
—Don’t Make Me Think by Steve Krug
Poor usability results in
• Anger and frustration
• Decreased productivity in the
workplace
• Higher error rates
• Physical and emotional injury
[Terrified Reactions During Hawaii Mi
ssile Threat From North Korea]
• Equipment damage
• Loss of customer loyalty
• Costs money
Presentatienaam
2012
Poor usability results
in
• Anger and frustration
• Decreased productivity in the
workplace
• Higher error rates
• Physical and emotional injury
[Terrified Reactions During Hawaii Mi
ssile Threat From North Korea]
• Equipment damage
• Loss of customer loyalty
• Costs money
Presentatienaam
2012
Guidelines for Making
Things Usable

The Design of Everyday Things DrupalCon Munich

2012
The Design of Everyday Things DrupalCon Munich
2012
Know the user and manage his expectations
 Progress indicator for
OSX Finder Search

Provide Feedback
Provide Constraints

Seat Map
Provide Constraints
Use affordances when possible

http://www.jnd.org/dn.mss/affordances_and.html
The Design of Everyday Things
 The Trunk Test
• 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”)
• How can I search?
 cc
Thi
s

Jonathan Ive
Senior Vice President
Industrial Design Apple
Foto ©Eyevine
“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
[Jonathan Ive - Harmonious Design]
Presentatienaam
2012
 You have 8 hours
and 19 minutes to
ensure delivery
tomorrow

Open to
22:00 for
help
 ©

Google in 2018
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
Eight Golden Rules of Interface Design
– Ben Shneiderman

•  Strive for consistency

•  Enable frequent users to use shortcuts
•  Offer informative feedback.
•  Design dialog to yield closure.
•  Offer simple error handling.
•  Permit easy reversal of actions
•  Support internal locus of control.
•  Reduce short-term memory load.

Presentatienaam
2012
Resourc
es
The Design of Everyday things (Donald A.
Norman) book | extract | website | When Bugs
Become Features
The Art of the Start (Guy Kawasaki)
Rework (Jason Fried, David Heinemeier; Founders
of 37signals)
book | website
Welcome to Macintosh
book | website | video Make Meaning | website | video
presentation
Design Workshop (Robin Williams, John
Drupal Watchdog Magazine (Jeffrey Tollet) book
Dalton) website | article The Hybrid
Designer Don’t Make Me Think (Steve
Krug) book
Smashing Book: Usability Principles for
Modern Web-sites Rocket Surgery Made Easy (Steve
(Andrew Maier, David Leggett on Smashing Krug) book
Magazine) article
About Face 3: The Essentials of
Open Here, The Art of Instructional Design Interaction Design
(Paul Mijksenaar, Piet (Alan Cooper)
Westendorp) book book | presentation | article | article

Design: Intelligence Made The Secret to Designing an Intuitive

Visible (Stephen Bayley, Terence User Experience
Conran) book article
The Daily Telegraph: Jonathan Ive (Shane Enchantment; The Art of Changing Hearts, Minds,
Richmond) interview | article | article and Actions
(Guy Kawasaki)
Re-imagining the Design of Everyday Things book |
(Effective) facebook
presentatio
n
The Design of Everyday Things DrupalCon Munich
2012
A Computer-Guy Perspective of HCI
 Thank you

[Designed by Apple in California

]

Tuesday 21 August 12