Upload
michael-dorka
View
262
Download
2
Embed Size (px)
Citation preview
Simplicity!Based on Giles Colborne, Simple and usable.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 01 of 95
People prefer to be pilots, not
passengers .
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 03 of 95
Three perspectives:
● the manager’s
● the engineer’s
● the user’s
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 04 of 95
Simple doesn’t mean minimal.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 05 of 95
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
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 07 of 95
What is this for?
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 08 of 95
The experience I want the users
to have
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 09 of 95
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
Get out of your office
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 11 of 95
The best place to watch users is
in their
natural environment
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 12 of 95
What to look for:
● Offices
● Homes
● Outdoor
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 13 of 95
At home, at work, and outdoors,
you must design for constant
interruptions .
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 14 of 95
Three types of user:
● Experts
● Willing adopters
● Mainstreamers
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 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 | [email protected] | 01.09.2015 | slide 17 of 95
Mass appeal comes from
focusing on the mainstream .
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 18 of 95
What mainstreamers want
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 20 of 95
Mainstreamers value ease of
control; experts value precision
of control.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 21 of 95
Mainstreamers want reliable
results; experts want perfect
results.
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 23 of 95
Mainstreamers want a good
match; experts want an exact
match.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 23 of 95
Mainstreamers want examples
and stories; experts want
principles.
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 26 of 95
Mainstreamers don’t want to
build it from scratch .
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 27 of 95
People are driven by an
emotional need
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 29 of 95
Simplicity is about feeling control
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 30 of 95
Simple experiences make users
confident that they’re making
good choices.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 31 of 95
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
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
Turn problem into a vision. Tell
the story.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 34 of 95
Describe what you want in the
simplest possible terms .
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 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 | [email protected] | 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 | [email protected] | 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 | [email protected] | 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 | [email protected] | 01.09.2015 | slide 40 of 95
Test your insights
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 41 of 95
The most obvious way to simplify is to
remove what’s unnecessary
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 42 of 95
Do not remove features only because
they are difficult to build.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 43 of 95
Improve the core experience
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 44 of 95
Customers chose basic improvements
over value-added extras .
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 45 of 95
Get rid of poorly implemented features
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 47 of 95
Stop guessing “what if...?” and go find
out what is.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 48 of 95
Features often involve trade-offs that
customers aren’t always aware of.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 49 of 95
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
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
In the long run, adding features is a
losing strategy .
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 52 of 95
Identify the users’ goals and set them in
order of priority.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 53 of 95
Focus on solutions that completely meet
users’ high-priority goals.
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 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 | [email protected] | 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 | [email protected] | 01.09.2015 | slide 57 of 95
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
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
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
It’s the details that make all the
difference.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 61 of 95
Choice can easily overwhelm users.
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 63 of 95
Irritating distractions can turn simple
tasks into a chore.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 64 of 95
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
Mainstream users don’t like the burden
of setting options and preferences .
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 67 of 95
Removing sources of errors is an
important way to simplify an experience.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 68 of 95
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
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
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
Organizing is often the quickest way to
make things simpler .
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 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 | [email protected] | 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 | [email protected] | 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 | [email protected] | 01.09.2015 | slide 76 of 95
Hiding anything means putting a barrier
between the user and the feature.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 77 of 95
Profile settings
that change infrequently are good
choices to hide .
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 79 of 95
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
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
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
The final strategy, displace, is about
rethinking the interface entirely.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 83 of 95
Mobile devices to record what users
see, hear and where they go .
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 84 of 95
Entering and reading large amounts of
text is uncomfortable .
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 86 of 95
Be aware of data transmission and
signal strength on mobile.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 87 of 95
The user is directing, the computer guiding, the experience feels simpler .
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 89 of 95
Should a task be automated or
controlled by the user?
UX Basics | Simplicity | [email protected] | 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 | [email protected] | 01.09.2015 | slide 91 of 95
Simplicity often depends on details.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 92 of 95
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
Simplicity happens
in the user’s head
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 94 of 95
Making software usable means not
exceeding your users’ capacity.
UX Basics | Simplicity | [email protected] | 01.09.2015 | slide 95 of 95