95
Simplicity! Based on Giles Colborne, Simple and usable. UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 01 of 95

UX Basics, Simplicity

Embed Size (px)

Citation preview

Page 1: UX Basics, Simplicity

Simplicity!Based on Giles Colborne, Simple and usable.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 01 of 95

Page 2: UX Basics, Simplicity

People prefer to be pilots, not

passengers .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 02 of 95

Page 3: UX Basics, Simplicity

Next 40 minutes

What is “Simplicity”?

What is it good for?

How to create it?

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 03 of 95

Page 4: UX Basics, Simplicity

Three perspectives:

● the manager’s

● the engineer’s

● the user’s

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 04 of 95

Page 5: UX Basics, Simplicity

Simple doesn’t mean minimal.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 05 of 95

Page 6: UX Basics, Simplicity

Simplicity isn’t something you

can stick on top of a user

interface .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 06 of 95

Page 7: UX Basics, Simplicity

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 07 of 95

Page 8: UX Basics, Simplicity

What is this for?

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 08 of 95

Page 9: UX Basics, Simplicity

The experience I want the users

to have

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 09 of 95

Page 10: UX Basics, Simplicity

First, understand the users’

world, then figure out how your

design fits in .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 10 of 95

Page 11: UX Basics, Simplicity

Get out of your office

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 11 of 95

Page 12: UX Basics, Simplicity

The best place to watch users is

in their

natural environment

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 12 of 95

Page 13: UX Basics, Simplicity

What to look for:

● Offices

● Homes

● Outdoor

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 13 of 95

Page 14: UX Basics, Simplicity

At home, at work, and outdoors,

you must design for constant

interruptions .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 14 of 95

Page 15: UX Basics, Simplicity

Three types of user:

● Experts

● Willing adopters

● Mainstreamers

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 15 of 95

Page 16: UX Basics, Simplicity

Sometimes, it’s best to ignore

the expert customers.

Experts often want features that

would horrify mainstreamers .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 16 of 95

Page 17: UX Basics, Simplicity

If you want simplicity, if you want

to be seen as an innovator, then

it’s the mainstream customers

you should be aiming at.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 17 of 95

Page 18: UX Basics, Simplicity

Mass appeal comes from

focusing on the mainstream .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 18 of 95

Page 19: UX Basics, Simplicity

What mainstreamers want

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 19 of 95

Page 20: UX Basics, Simplicity

Mainstreamers are interested in

getting the job done now; experts

are interested in customizing

their settings first.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 20 of 95

Page 21: UX Basics, Simplicity

Mainstreamers value ease of

control; experts value precision

of control.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 21 of 95

Page 22: UX Basics, Simplicity

Mainstreamers want reliable

results; experts want perfect

results.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 22 of 95

Page 23: UX Basics, Simplicity

Mainstreamers are afraid of breaking

something; experts want to take

things apart to see how they work.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 23 of 95

Page 24: UX Basics, Simplicity

Mainstreamers want a good

match; experts want an exact

match.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 23 of 95

Page 25: UX Basics, Simplicity

Mainstreamers want examples

and stories; experts want

principles.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 25 of 95

Page 26: UX Basics, Simplicity

Simple user experiences need to

work for a novice, or a

mainstreamer who’s under

pressure.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 26 of 95

Page 27: UX Basics, Simplicity

Mainstreamers don’t want to

build it from scratch .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 27 of 95

Page 28: UX Basics, Simplicity

People are driven by an

emotional need

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 28 of 95

Page 29: UX Basics, Simplicity

Make user feel confident that

they’d be able to put tasks away

and find them again later.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 29 of 95

Page 30: UX Basics, Simplicity

Simplicity is about feeling control

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 30 of 95

Page 31: UX Basics, Simplicity

Simple experiences make users

confident that they’re making

good choices.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 31 of 95

Page 32: UX Basics, Simplicity

Simple experiences reassure

users that the product will

respond in a predictable way.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 32 of 95

Page 33: UX Basics, Simplicity

describe the beginning to the end of their experience,

remembering that the user’s actions is most important

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 33 of 95

Page 34: UX Basics, Simplicity

Turn problem into a vision. Tell

the story.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 34 of 95

Page 35: UX Basics, Simplicity

Describe what you want in the

simplest possible terms .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 35 of 95

Page 36: UX Basics, Simplicity

World, character, plot:● A believable world (the “where” and “when” of our story)

● Credible characters (the “who” and “why”)

● A coherent plot (the “what” and “how”)

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 36 of 95

Page 37: UX Basics, Simplicity

Extreme usabilityUsability aims for...

● a specific group of people can use it● easy to use● responds quickly● understood quickly● works reliably● straightforward error messages● complete information● works in a user test

Simplicity aims for...

● anyone can use it● effortless to use● responds instantly● understood at a glance● works always● error-free● just enough information● works in a chaotic environment

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 37 of 95

Page 38: UX Basics, Simplicity

Review your story and ask: What

things have the most impact on your

users’ behavior?

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 38 of 95

Page 39: UX Basics, Simplicity

Check the facts about the users, their

problems and the world they live in.

Prioritize things that have the most

impact on your users’ behavior.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 39 of 95

Page 40: UX Basics, Simplicity

Prioritize points to act on: where can

you have the most impact? What can

you change easily?

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 40 of 95

Page 41: UX Basics, Simplicity

Test your insights

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 41 of 95

Page 42: UX Basics, Simplicity

The most obvious way to simplify is to

remove what’s unnecessary

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 42 of 95

Page 43: UX Basics, Simplicity

Do not remove features only because

they are difficult to build.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 43 of 95

Page 44: UX Basics, Simplicity

Improve the core experience

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 44 of 95

Page 45: UX Basics, Simplicity

Customers chose basic improvements

over value-added extras .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 45 of 95

Page 46: UX Basics, Simplicity

Get rid of poorly implemented features

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 46 of 95

Page 47: UX Basics, Simplicity

The question is never, “Why should we

get rid of it?” It is always, “Why should

we keep it?”

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 47 of 95

Page 48: UX Basics, Simplicity

Stop guessing “what if...?” and go find

out what is.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 48 of 95

Page 49: UX Basics, Simplicity

Features often involve trade-offs that

customers aren’t always aware of.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 49 of 95

Page 50: UX Basics, Simplicity

Don’t be afraid to ignore requests to add

more to your product.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 50 of 95

Page 51: UX Basics, Simplicity

When a small change leads to complex

processes, it’s time to step back and

find another solution .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 51 of 95

Page 52: UX Basics, Simplicity

In the long run, adding features is a

losing strategy .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 52 of 95

Page 53: UX Basics, Simplicity

Identify the users’ goals and set them in

order of priority.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 53 of 95

Page 54: UX Basics, Simplicity

Focus on solutions that completely meet

users’ high-priority goals.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 54 of 95

Page 55: UX Basics, Simplicity

Identify things that are common sources

of anxiety or stress and prioritize

features that alleviate that stress

effortlessly.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 55 of 95

Page 56: UX Basics, Simplicity

Identify the “good enough” controls that

satisfy mainstream users’ needs and the

“precision” controls for experts.

Set aside the “precision” controls.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 56 of 95

Page 57: UX Basics, Simplicity

Don’t judge your product by the number

of features. Instead, consider if it meets

users’ high- priority goals.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 57 of 95

Page 58: UX Basics, Simplicity

People have a limited capacity to

process information, learn procedures,

and remember details.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 58 of 95

Page 59: UX Basics, Simplicity

Removing options, content, and distractions lightens the load on users so they can

focus.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 59 of 95

Page 60: UX Basics, Simplicity

Removing visual distractions helps them

process what they’re seeing faster and

more reliably.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 60 of 95

Page 61: UX Basics, Simplicity

It’s the details that make all the

difference.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 61 of 95

Page 62: UX Basics, Simplicity

Choice can easily overwhelm users.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 62 of 95

Page 63: UX Basics, Simplicity

People having limited choice are more

satisfied with their selection than those

who’d been given more options.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 63 of 95

Page 64: UX Basics, Simplicity

Irritating distractions can turn simple

tasks into a chore.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 64 of 95

Page 65: UX Basics, Simplicity

Designing simple experiences, your job

is to remove distractions and let the user

focus.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 65 of 95

Page 66: UX Basics, Simplicity

Mainstream users don’t like the burden

of setting options and preferences .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 66 of 95

Page 67: UX Basics, Simplicity

Whenever a user has to correct an

error, it breaks his concentration and

makes the experience feel more

complex.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 67 of 95

Page 68: UX Basics, Simplicity

Removing sources of errors is an

important way to simplify an experience.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 68 of 95

Page 69: UX Basics, Simplicity

Remove visual clutter so people process

less information and concentrate on

what’s important.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 69 of 95

Page 70: UX Basics, Simplicity

Users don’t read every word. They skim

over pages, picking out the odd keyword

or sentence.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 70 of 95

Page 71: UX Basics, Simplicity

Simplify with a shared vision, a focus on

the mainstream user, and a thoroughly

researched design.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 71 of 95

Page 72: UX Basics, Simplicity

Organizing is often the quickest way to

make things simpler .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 72 of 95

Page 73: UX Basics, Simplicity

Break items down into groups of “seven

plus or minus two.” This corresponds to

the number of items your brain can hold

in short-term memory.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 73 of 95

Page 74: UX Basics, Simplicity

Understand users’ behavior: what they

want to do and in what order they want

to do it.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 74 of 95

Page 75: UX Basics, Simplicity

To organize a group of items that are

equivalent choose clear categories with

labels that make sense to your

audience.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 75 of 95

Page 76: UX Basics, Simplicity

Organizing by a quality results in problems since users make different

choices depending on their point of view.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 76 of 95

Page 77: UX Basics, Simplicity

Hiding anything means putting a barrier

between the user and the feature.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 77 of 95

Page 78: UX Basics, Simplicity

Profile settings

that change infrequently are good

choices to hide .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 78 of 95

Page 79: UX Basics, Simplicity

Invite to explore. Small cues can hint at

hidden features . For example using

label that will only appeal to a certain

group

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 79 of 95

Page 80: UX Basics, Simplicity

Where you place a label is more

important than how big it is.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 80 of 95

Page 81: UX Basics, Simplicity

Locus of attention

Area of the screen that the user is

concentrating on.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 81 of 95

Page 82: UX Basics, Simplicity

The strategies: remove, organize, and

hide fit together neatly: remove what

you don’t need, organize what you do,

hide what you can.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 82 of 95

Page 83: UX Basics, Simplicity

The final strategy, displace, is about

rethinking the interface entirely.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 83 of 95

Page 84: UX Basics, Simplicity

Mobile devices to record what users

see, hear and where they go .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 84 of 95

Page 85: UX Basics, Simplicity

Entering and reading large amounts of

text is uncomfortable .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 85 of 95

Page 86: UX Basics, Simplicity

Mobile devices are used when walking,

standing, sitting, lying. Outside, inside,

with sunshine , rain, wind and snowfall.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 86 of 95

Page 87: UX Basics, Simplicity

Be aware of data transmission and

signal strength on mobile.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 87 of 95

Page 88: UX Basics, Simplicity

The user is directing, the computer guiding, the experience feels simpler .

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 88 of 95

Page 89: UX Basics, Simplicity

Let experts and mainstreamers set their own goals. Based on their experience they know how much effort it will take.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 89 of 95

Page 90: UX Basics, Simplicity

Should a task be automated or

controlled by the user?

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 90 of 95

Page 91: UX Basics, Simplicity

Create a simple user experience shifting

complexity into the right place, so that

each moment feels simple.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 91 of 95

Page 92: UX Basics, Simplicity

Simplicity often depends on details.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 92 of 95

Page 93: UX Basics, Simplicity

Missing details can have a catastrophic

effect or cause irritation that builds over

time.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 93 of 95

Page 94: UX Basics, Simplicity

Simplicity happens

in the user’s head

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 94 of 95

Page 95: UX Basics, Simplicity

Making software usable means not

exceeding your users’ capacity.

UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 95 of 95