User Interfaces: Meeting the Challenge of Simplicity

Preview:

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

giles.colborne@cxpartners.co.uk