Giles Witton-Davies, National Taiwan University, Taiwan [email protected].
Giles Colborne The Challenge Of Simplicity
-
Upload
deimos -
Category
Technology
-
view
130 -
download
3
description
Transcript of Giles Colborne The Challenge Of Simplicity
© cxpartners 2008
Simplicity
© cxpartners 2008
© cxpartners 2008
Colbourne
© cxpartners 2008
© cxpartners 2008
© cxpartners 2008
What did you want to be?
© cxpartners 2008
© cxpartners 2008
© cxpartners 2008
© cxpartners 2007
.co.ukresearch led design
© cxpartners 2007
.comresearch led design
© cxpartners 2007
user experiences aregetting smaller
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
Zune 1.0 vs Zune 2.0
© cxpartners 2007
113
© cxpartners 2007
To do list
- Call Ken- Write presentation- Cinema tickets- Fish fingers?
© cxpartners 2007
People are crying out for less
© cxpartners 2007
Why is there a move to simplicity?
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
Simplicity ≠ Usability
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Measuring usability
Source: ISO 9241-11
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Traditional system
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Call centre
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Web site
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Simplicity
© cxpartners 2008
© cxpartners 2007
Simplicity is not...
© cxpartners 2007
Removing features
© cxpartners 2007
Adding instructions
© cxpartners 2007
Breaking it into steps
© cxpartners 2007
The achievement of maximum effect with minimum means
Dr Koichi Kawana
© cxpartners 2007
© cxpartners 2007
Simplicity in user interface designrefers to experience, not artefacts
© cxpartners 2007
‘It just works’
© cxpartners 2007
Experience occurs at many levels
Physical dimensions & handling
Input mechanisms
Visual / output
Correspondence between program model and mental model
Eco-systems of software / devices
© cxpartners 2007
The achievement of maximum effect with minimum means
Dr Koichi Kawana
© cxpartners 2007
A process for simplicity
© cxpartners 2007
Guidelines
© cxpartners 2007
A process for simplicity(guidelines in a specific order)
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
Understand context
© cxpartners 2007
What is minimal?Go
© cxpartners 2007
What is minimal?January 2002
© cxpartners 2007
Understand context
What effect is the user trying to produce?
© cxpartners 2007
Understand context
What does the user know?
© cxpartners 2007
Just simple enough
© cxpartners 2007
What is minimal?January 2002
© cxpartners 2007
Shrink, Hide, Embody
By removing the irrelevant
© cxpartners 2007
you emphasise what really matters
Many hands make light work
A bird in the hand is worth two in the bush
Buy one get one freeJust do it
Today is the first day of the rest of your life
Don’t forget to put the cat out
Simply betterOne, two, three, go!
To dare is to do
Some day I’ll fly away
Meeting at 13:40
By removing the irrelevant
© cxpartners 2007
you emphasise what really matters
© cxpartners 2007
Just simple enough
© cxpartners 2007
Related web sitesLorem ipsum dolor sit amet »
More mapsStreet map »RAA Map (PDF, 132kB) »
<image>
TITLE
SUBHEADING
Home | Regions | Experiences | Events | Wine & Food | Accommodation | Transport | General information
Stunning scenery Search
Travelplanner
Wild West Theme Park
Intro text Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
Nullam sit amet enim.
Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim
Travellers’ tipsLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus
<image>
Drag totravel planner
Region map Interactive map
Biggermap Show on map
Booking Options
email to a friend
Welcome Jon Update profile | Sign out | Help
Travel planneran incredibly complex
problem
© cxpartners 2007
Related web sitesLorem ipsum dolor sit amet »
More mapsStreet map »RAA Map (PDF, 132kB) »
<image>
TITLE
SUBHEADING
Home | Regions | Experiences | Events | Wine & Food | Accommodation | Transport | General information
Stunning scenery Search
Travelplanner
Wild West Theme Park
Intro text Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
Nullam sit amet enim.
Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim
Travellers’ tipsLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus
<image>
Wild WestThings to do
Region map Interactive map
Biggermap Show on map
<image> Royal HotelHotel
<image> Chez GerredFood & drink
<image> Marine WorldThings to do
<image> BudgetCar rental
Booking Options
email to a friend
3 Items (Delete)
View my travel planRecommendationsWhat’s this?
Unsorted (4 items)
Add folder
Welcome Jon Update profile | Sign out | Help
© cxpartners 2007
Related web sitesLorem ipsum dolor sit amet »
More mapsStreet map »RAA Map (PDF, 132kB) »
<image>
TITLE
SUBHEADING
Home | Regions | Experiences | Events | Wine & Food | Accommodation | Transport | General information
Stunning scenery Search
Travelplanner
Wild West Theme Park
Intro text Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.
Nullam sit amet enim.
Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim
Travellers’ tipsLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus
<image>
Wild WestThings to do
Region map Interactive map
Biggermap Show on map
<image> Royal HotelHotel
<image> Chez GerredFood & drink
<image> Marine WorldThings to do
<image> BudgetCar rental
Booking Options
email to a friend
3 Items (Delete)
View my travel planRecommendationsWhat’s this?
Unsorted (4 items)
<image>
Wild WestThings to do
1
Add folder
Welcome Jon Update profile | Sign out | Help
© cxpartners 2007
Organise
© cxpartners 2007
197
2 6 4 835
© cxpartners 2007
What numbers did you just see?
© cxpartners 2007
1 2 3 4 5 6 7 8 9
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
Don’t make them wait
© cxpartners 2007
© cxpartners 2007
Test
© cxpartners 2007
GOMS KLMCard & Moran
© cxpartners 2007
A process for simplicity
Eliminate waiting
Organise
Shrink, Hide, Embody
Understand the users’ context
Test
Spend time up front thinking
Spend time later checking
© cxpartners 2007
The road to hell is paved with good intentions
Linear step-by-step processes - taking control of what the user does next
We’ll let the user decide
What if the user wanted to...
Instructions
Long lists
Home pages
Error messages
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
© cxpartners 2007
A process for simplicity
Eliminate waiting
Organise
Shrink, Hide, Embody
Understand the users’ context
Test
© cxpartners 2007
Perfection is achievednot when there is nothing more to add
but when there isnothing more to take away
Antoine de Saint Exupery
© cxpartners 2007
No matter how cool your user interface,less would be better
Alan Cooper
© cxpartners 2007