ux basics, simplicity

Post on 11-Jan-2017

262 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Simplicity!Based on Giles Colborne, Simple and usable.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 01 of 95

People prefer to be pilots, not

passengers .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 02 of 95

Next 40 minutes

What is “Simplicity”?

What is it good for?

How to create it?

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 03 of 95

Three perspectives:

● the manager’s

● the engineer’s

● the user’s

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 04 of 95

Simple doesn’t mean minimal.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 05 of 95

Simplicity isn’t something you

can stick on top of a user

interface .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 06 of 95

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 07 of 95

What is this for?

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 08 of 95

The experience I want the users

to have

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 09 of 95

First, understand the users’

world, then figure out how your

design fits in .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 10 of 95

Get out of your office

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 11 of 95

The best place to watch users is

in their

natural environment

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 12 of 95

What to look for:

● Offices

● Homes

● Outdoor

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 13 of 95

At home, at work, and outdoors,

you must design for constant

interruptions .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 14 of 95

Three types of user:

● Experts

● Willing adopters

● Mainstreamers

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 15 of 95

Sometimes, it’s best to ignore

the expert customers.

Experts often want features that

would horrify mainstreamers .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 16 of 95

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 | mdorka@me.com | 01.09.2015 | slide 17 of 95

Mass appeal comes from

focusing on the mainstream .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 18 of 95

What mainstreamers want

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 19 of 95

Mainstreamers are interested in

getting the job done now; experts

are interested in customizing

their settings first.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 20 of 95

Mainstreamers value ease of

control; experts value precision

of control.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 21 of 95

Mainstreamers want reliable

results; experts want perfect

results.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 22 of 95

Mainstreamers are afraid of breaking

something; experts want to take

things apart to see how they work.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 23 of 95

Mainstreamers want a good

match; experts want an exact

match.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 23 of 95

Mainstreamers want examples

and stories; experts want

principles.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 25 of 95

Simple user experiences need to

work for a novice, or a

mainstreamer who’s under

pressure.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 26 of 95

Mainstreamers don’t want to

build it from scratch .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 27 of 95

People are driven by an

emotional need

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 28 of 95

Make user feel confident that

they’d be able to put tasks away

and find them again later.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 29 of 95

Simplicity is about feeling control

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 30 of 95

Simple experiences make users

confident that they’re making

good choices.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 31 of 95

Simple experiences reassure

users that the product will

respond in a predictable way.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 32 of 95

describe the beginning to the end of their experience,

remembering that the user’s actions is most important

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 33 of 95

Turn problem into a vision. Tell

the story.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 34 of 95

Describe what you want in the

simplest possible terms .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 35 of 95

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 | mdorka@me.com | 01.09.2015 | slide 36 of 95

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 | mdorka@me.com | 01.09.2015 | slide 37 of 95

Review your story and ask: What

things have the most impact on your

users’ behavior?

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 38 of 95

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 | mdorka@me.com | 01.09.2015 | slide 39 of 95

Prioritize points to act on: where can

you have the most impact? What can

you change easily?

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 40 of 95

Test your insights

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 41 of 95

The most obvious way to simplify is to

remove what’s unnecessary

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 42 of 95

Do not remove features only because

they are difficult to build.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 43 of 95

Improve the core experience

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 44 of 95

Customers chose basic improvements

over value-added extras .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 45 of 95

Get rid of poorly implemented features

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 46 of 95

The question is never, “Why should we

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

we keep it?”

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 47 of 95

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

out what is.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 48 of 95

Features often involve trade-offs that

customers aren’t always aware of.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 49 of 95

Don’t be afraid to ignore requests to add

more to your product.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 50 of 95

When a small change leads to complex

processes, it’s time to step back and

find another solution .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 51 of 95

In the long run, adding features is a

losing strategy .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 52 of 95

Identify the users’ goals and set them in

order of priority.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 53 of 95

Focus on solutions that completely meet

users’ high-priority goals.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 54 of 95

Identify things that are common sources

of anxiety or stress and prioritize

features that alleviate that stress

effortlessly.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 55 of 95

Identify the “good enough” controls that

satisfy mainstream users’ needs and the

“precision” controls for experts.

Set aside the “precision” controls.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 56 of 95

Don’t judge your product by the number

of features. Instead, consider if it meets

users’ high- priority goals.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 57 of 95

People have a limited capacity to

process information, learn procedures,

and remember details.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 58 of 95

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

focus.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 59 of 95

Removing visual distractions helps them

process what they’re seeing faster and

more reliably.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 60 of 95

It’s the details that make all the

difference.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 61 of 95

Choice can easily overwhelm users.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 62 of 95

People having limited choice are more

satisfied with their selection than those

who’d been given more options.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 63 of 95

Irritating distractions can turn simple

tasks into a chore.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 64 of 95

Designing simple experiences, your job

is to remove distractions and let the user

focus.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 65 of 95

Mainstream users don’t like the burden

of setting options and preferences .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 66 of 95

Whenever a user has to correct an

error, it breaks his concentration and

makes the experience feel more

complex.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 67 of 95

Removing sources of errors is an

important way to simplify an experience.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 68 of 95

Remove visual clutter so people process

less information and concentrate on

what’s important.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 69 of 95

Users don’t read every word. They skim

over pages, picking out the odd keyword

or sentence.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 70 of 95

Simplify with a shared vision, a focus on

the mainstream user, and a thoroughly

researched design.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 71 of 95

Organizing is often the quickest way to

make things simpler .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 72 of 95

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 | mdorka@me.com | 01.09.2015 | slide 73 of 95

Understand users’ behavior: what they

want to do and in what order they want

to do it.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 74 of 95

To organize a group of items that are

equivalent choose clear categories with

labels that make sense to your

audience.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 75 of 95

Organizing by a quality results in problems since users make different

choices depending on their point of view.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 76 of 95

Hiding anything means putting a barrier

between the user and the feature.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 77 of 95

Profile settings

that change infrequently are good

choices to hide .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 78 of 95

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 | mdorka@me.com | 01.09.2015 | slide 79 of 95

Where you place a label is more

important than how big it is.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 80 of 95

Locus of attention

Area of the screen that the user is

concentrating on.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 81 of 95

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 | mdorka@me.com | 01.09.2015 | slide 82 of 95

The final strategy, displace, is about

rethinking the interface entirely.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 83 of 95

Mobile devices to record what users

see, hear and where they go .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 84 of 95

Entering and reading large amounts of

text is uncomfortable .

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 85 of 95

Mobile devices are used when walking,

standing, sitting, lying. Outside, inside,

with sunshine , rain, wind and snowfall.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 86 of 95

Be aware of data transmission and

signal strength on mobile.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 87 of 95

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

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 88 of 95

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

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 89 of 95

Should a task be automated or

controlled by the user?

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 90 of 95

Create a simple user experience shifting

complexity into the right place, so that

each moment feels simple.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 91 of 95

Simplicity often depends on details.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 92 of 95

Missing details can have a catastrophic

effect or cause irritation that builds over

time.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 93 of 95

Simplicity happens

in the user’s head

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 94 of 95

Making software usable means not

exceeding your users’ capacity.

UX Basics | Simplicity | mdorka@me.com | 01.09.2015 | slide 95 of 95

top related