designing for the 100%

49
DESIGNING FOR THE 100% FJ van Wingerde @fj / @asktheuxer UX Special Agent

Upload: fj-van-wingerde

Post on 21-Apr-2017

223 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Designing for the 100%

DESIGNING FOR THE 100% FJ van Wingerde @fj / @asktheuxer UX Special Agent

Page 2: Designing for the 100%

We make digital to Convert

whatever Conversion means

• Understand the thing • Be moved by the thing • Take action about the thing • Buy the thing • Subscribe to the thing

Page 3: Designing for the 100%

User-centered design

Focus on the person you have to convert

• Define who • Get them on the room when you design • Test on them

Know your user.

Page 4: Designing for the 100%

UX Tool: Personas

Page 5: Designing for the 100%
Page 6: Designing for the 100%

(but you do need some demographics to turn them into “people”.And you can’t have more than 4 or 5)

Page 7: Designing for the 100%

A utility

Page 8: Designing for the 100%

A utility8 personas

Page 9: Designing for the 100%

Clinical trials

A utility8 personas

Page 10: Designing for the 100%

Our first audience: people living with diabetes

Page 11: Designing for the 100%

Six interviews later…

• 11 to 86 years old • Male and female • All incomes • All education levels • All levels of digital proficiency

Page 12: Designing for the 100%

Six interviews later…

• One goal: to not have diabetes

Page 13: Designing for the 100%

Zero demographics =

Zero “people” to design with

Page 14: Designing for the 100%

Clinical trials

A utility8 personas

everyone

Page 15: Designing for the 100%

Clinical trials

A utility8 personas

everyone

Credit score & report

Page 16: Designing for the 100%

Clinical trials

A utility8 personas

everyone

Credit score & reportall competent adults

Page 17: Designing for the 100%

UX Tool: Personas Problematic

Page 18: Designing for the 100%

UX Tool: Qual Testing

UX Tool: Personas Problematic

Page 19: Designing for the 100%

qualitative behavior ≠ quantitative behavior

Page 20: Designing for the 100%

qualitative behavior ⬅ quantitative behavior

Page 21: Designing for the 100%

qualitative behavior ? quantitative behavior

“I’m not really that interested”

Page 22: Designing for the 100%

qualitative behavior ≠ quantitative behavior

“I’m not really that interested” Double-digit click-through rate

Page 23: Designing for the 100%

UX Tool: Qual Testing

UX Tool: Personas Problematic

No insight

Page 24: Designing for the 100%

UX Tool: Qual Testing

UX Tool: Personas Problematic

No insight

UX Tool: Competitor Analysis

Page 25: Designing for the 100%
Page 26: Designing for the 100%

2 Carousels?

Page 27: Designing for the 100%
Page 28: Designing for the 100%

Where exactly are my search results?

Page 29: Designing for the 100%

But you can’t see behind the curtain

Page 30: Designing for the 100%

UX Tool: Qual Testing

UX Tool: Personas Problematic

No insight

UX Tool: Competitor AnalysisNo insight

Page 31: Designing for the 100%
Page 32: Designing for the 100%

UX Tool: Qual Testing

UX Tool: Personas Problematic

No insight

UX Tool: Competitor AnalysisNo insight

UX Tool: Lean / Experiments

Page 33: Designing for the 100%

UX Tool: Qual Testing

UX Tool: Personas Problematic

No insight

UX Tool: Competitor AnalysisNo insight

UX Tool: Lean / Experiments

Brand damage

Page 34: Designing for the 100%

UX Tool: Qual Testing

UX Tool: Personas Problematic

No insight

UX Tool: Competitor AnalysisNo insight

UX Tool: Lean / Experiments

Brand damage

You still need to do this

Page 35: Designing for the 100%

“Make it easy”

Page 36: Designing for the 100%

Accessibility, for reals(The user is beyond drunk)

Heuristic 1:

Page 37: Designing for the 100%

Accessibility, for reals(The user is beyond drunk)

Heuristic 1:

As a start, Google for ‘GDS Consider the range’ ‘GDS Services that are simple to explain’

Page 38: Designing for the 100%

Find your Target.

Then find your Floor

Heuristic 2:

Page 39: Designing for the 100%

Find your Target.

Then find your Floor

Heuristic 2:

You get your personas backYour pitfall is being patronising

Page 40: Designing for the 100%

Mobile First, for reals

Heuristic 3:

Page 41: Designing for the 100%

Mobile First, for reals

Heuristic 3:

Desktop is mobile in a wider column

Page 42: Designing for the 100%

Don’t be clever(Obvious always wins)

Heuristic 4:

Page 43: Designing for the 100%

Don’t be clever(Obvious always wins)

Heuristic 4:

Luke W is now your best friend.

Page 44: Designing for the 100%

Think of the caregivers

Heuristic 5:

Page 45: Designing for the 100%

Take heart and live the challenge

Heuristic 6:

Page 46: Designing for the 100%

The reason your design tools don’t work

(everyone needs this)

Page 47: Designing for the 100%

The reason your design tools don’t work

(everyone needs this)is the same reason you are not in trouble

(everyone needs this)

Page 48: Designing for the 100%

If you have something people want,

you don’t have to be perfect