Embed Size (px)
Citation preview
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 1/83
© cxpartners 2008
Simplicity
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 2/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 3/83
© cxpartners 2008
Colbourne
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 4/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 5/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 6/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 7/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 8/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 9/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 10/83
© cxpartners 2007
research led design
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 11/83
© cxpartners 2007
research led design
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 12/83
© cxpartners 2007
user experiences are
getting smaller
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 13/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 14/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 15/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 16/83
© cxpartners 2007
Zune 1.0 vs Zune 2.0
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 17/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 18/83
© cxpartners 2007
To do lis t
- Call Ken
- Write presen ta tion
- Cinema ticke ts
- Fish fingers?
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 19/83
© cxpartners 2007
People are crying out for less
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 20/83
© cxpartners 2007
Why is there a move to simplicity?
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 21/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 22/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 23/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 24/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 25/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 26/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 27/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 28/83
© cxpartners 2007
Simplicity≠
Usability
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 29/83
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Measuring usability
Source: ISO 9241-11
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 30/83
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Traditional system
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 31/83
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Call centre
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 32/83
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Web site
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 33/83
© cxpartners 2007
Efficiency Effectiveness Satisfaction
Simplicity
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 34/83
© cxpartners 2008
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 35/83
© cxpartners 2007
Simplicity is not...
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 36/83
© cxpartners 2007
Removing features
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 37/83
© cxpartners 2007
Adding instructions
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 38/83
© cxpartners 2007
Breaking it into steps
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 39/83
© cxpartners 2007
The achievement of maximum
effect with minimum meansDr Koichi Kawana
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 40/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 41/83
© cxpartners 2007
Simplicity in user interface design
refers to experience, not artefacts
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 42/83
© cxpartners 2007
‘It just works’
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 43/83
© cxpartners 2007
Experience occurs at many levels
Physical dimensions & handling
Input mechanisms
Visual / output
Correspondence between program modeland mental model
Eco-systems of software / devices
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 44/83
© cxpartners 2007
The achievement of maximum
effect with minimum meansDr Koichi Kawana
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 45/83
© cxpartners 2007
A process for simplicity
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 46/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 47/83
© cxpartners 2007
A process for simplicity
(guidelines in a specific order)
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 48/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 49/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 50/83
© cxpartners 2007
Understand context
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 51/83
© cxpartners 2007
What is minimal?Go
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 52/83
© cxpartners 2007
What is minimal?January 2002
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 53/83
© cxpartners 2007
Understand context
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 54/83
© cxpartners 2007
Understand context
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 55/83
© cxpartners 2007
Just simple enough
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 56/83
© cxpartners 2007
What is minimal?January 2002
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 57/83
© cxpartners 2007
Shrink, Hide, Embody
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 58/83
By removing the irrelevant
© cxpartners 2007
you emphasise whatreally 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 thecat out
Simply better
One, two, three, go!
To dare is to do
Some day I’ll fly away
Meeting at 13:40
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 59/83
By removing the irrelevant
© cxpartners 2007
you emphasise whatreally matters
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 60/83
© cxpartners 2007
Just simple enough
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 61/83
© 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 pharetragravida, orci magna rhoncus neque, id pulvinar odio loremnon turpis.
Suspendisse id velit vitae ligula volutpat condimentum.Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nullalibero.
Nullam sit amet enim.
Vivamus pharetra posuere sapien. Nam consectetuer. Sedaliquam, nunc eget euismod ullamcorper, lectus nuncullamcorper orci, fermentum bibendum enim
Travellers’ tipsLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbicommodo, ipsum sed pharetra gravida, orci magna rhoncus
<image>
Drag totravel planner
Region map Interactive map
Bigger map Show on map
Booking Options
email to a friend
Welcome Jon Update profile | Sign out | Help
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 62/83
© 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 pharetragravida, orci magna rhoncus neque, id pulvinar odio loremnon turpis.
Suspendisse id velit vitae ligula volutpat condimentum.Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nullalibero.
Nullam sit amet enim.
Vivamus pharetra posuere sapien. Nam consectetuer. Sedaliquam, nunc eget euismod ullamcorper, lectus nuncullamcorper orci, fermentum bibendum enim
Travellers’ tipsLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbicommodo, ipsum sed pharetra gravida, orci magna rhoncus
<image>
Wild WestThings to do
Region map Interactive map
Bigger map 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
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 63/83
© 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 pharetragravida, orci magna rhoncus neque, id pulvinar odio loremnon turpis.
Suspendisse id velit vitae ligula volutpat condimentum.Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nullalibero.
Nullam sit amet enim.
Vivamus pharetra posuere sapien. Nam consectetuer. Sedaliquam, nunc eget euismod ullamcorper, lectus nuncullamcorper orci, fermentum bibendum enim
Travellers’ tipsLorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbicommodo, ipsum sed pharetra gravida, orci magna rhoncus
<image>
Wild WestThings to do
Region map Interactive map
Bigger map 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
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 64/83
© cxpartners 2007
Organise
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 65/83
© cxpartners 2007
19
72 6
4
83
5
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 66/83
© cxpartners 2007
What numbers did you just see?
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 67/83
© cxpartners 2007
1 2 3 4 5 6 7 8 9
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 68/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 69/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 70/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 71/83
© cxpartners 2007
Don’t make them wait
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 72/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 73/83
© cxpartners 2007
Test
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 74/83
© cxpartners 2007
GOMS KLMCard & Moran
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 75/83
© cxpartners 2007
A process for simplicity
Eliminate waiting
Organise
Shrink, Hide, Embody
Understand the users’ context
Test
Spend time upfront thinking
Spend timelater checking
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 76/83
© 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 pagesError messages
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 77/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 78/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 79/83
© cxpartners 2007
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 80/83
© cxpartners 2007
A process for simplicity
Eliminate waiting
Organise
Shrink, Hide, Embody
Understand the users’ context
Test
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 81/83
© cxpartners 2007
Perfection is achieved
not when there is nothing more to add
but when there is
nothing more to take awayAntoine de Saint Exupery
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 82/83
© cxpartners 2007
No matter how cool your user interface,
less would be betterAlan Cooper
8/14/2019 User Interfaces: Meeting the Challenge of Simplicity
http://slidepdf.com/reader/full/user-interfaces-meeting-the-challenge-of-simplicity 83/83
© cxpartners 2007
