Top Banner
Design for Meaning THE FIRST STEP TOWARDS SUSTAINABLE ENGAGEMENT With love from The @GreatnessStudio @AmsterdamUX #Design4Meaning
34

Design for Meaning - UX Workshop

Apr 21, 2017

Download

Design

Brian Pagán
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design for Meaning - UX Workshop

Design for MeaningTHE FIRST STEP TOWARDS SUSTAINABLE ENGAGEMENT

With love from The @GreatnessStudio@AmsterdamUX #Design4Meaning

Page 2: Design for Meaning - UX Workshop

ART

HUMANITY

EMOTION

SCIENCE

TECHNOLOGY

INTELLECT

Our superpowers

come from here

Page 3: Design for Meaning - UX Workshop

HI, I’M BRIAN PAGÁN!

Work: The Greatness Studio, Philips Design

Write: brianpagan.netTweet: @brianpagan

Page 4: Design for Meaning - UX Workshop

The Greatness StudioWe provide UX Consulting for Teams and Mentoring for Professionals & Graduates.

www.thegreatness.studio

With love from

Page 5: Design for Meaning - UX Workshop

Design for sustainable

engagement is design for

healthy relationships.

Page 6: Design for Meaning - UX Workshop

MEANING

RHYTHM

PERSONALITY

ENDURANCE

SUSTAINABLE ENGAGEMENTLADDER OF

@brianpagan – Feb 2017

Any healthy relationship has four attributes.

Engaging products have them, too.

Page 7: Design for Meaning - UX Workshop

MEANING

RHYTHM

PERSONALITY

ENDURANCE

Enablers help us climb up each step.

SUSTAINABLE ENGAGEMENTLADDER OF

Path

os

Prin

ciple

s

Pro

totyp

es

Pro

cess

@brianpagan – Feb 2017

Climbing these steps makes a product or service more interesting, engaging, and effective over time.

Page 8: Design for Meaning - UX Workshop

MEANING

If our product isn’t

meaningfulfor people, no amount of "great

design" will make it successful.RHYTHM

PERSONALITY

ENDURANCE

Page 9: Design for Meaning - UX Workshop

Meaning

PathosWhat pains do people need to relieve?

What delights are people hunting for?

What’s holding people back?

What puts us in a position to help?

Process“Traditional” Design research

Lean startup

Immersion & Simulation

Character & Story Mapping

PrototypesExperience Flows

Concierge MVP

Role-playing Sessions

Scenario Videos

PrinciplesRespect people’s privacy and consent.

Consider the impact on research participants.

Stay critical at each stage: is this meaningful?

Consider any unintended consequences of success.

What value do we bring to the relationship?

With love from The @GreatnessStudio

Page 10: Design for Meaning - UX Workshop

PRINCIPLES GUIDE OUR DECISION MAKING

Respect people’s privacy and

consent.

Consider your impact on research

participants.

Stay critical at each stage: is this still meaningful?

Consider any unintended

consequences of success.

Page 11: Design for Meaning - UX Workshop

Here is today’s quest:

Warm up

Turn a persona into a Character.

Build a Story for your character.

Design a Validation Experiment.

Break out into teams.

Give team presentations (five minutes).

Craft a Prototype.

Page 12: Design for Meaning - UX Workshop

How do you feel right now?

Any questions?

Page 13: Design for Meaning - UX Workshop

Ok, let’s stand up! 5 minutes

www.thegreatness.studio

Page 14: Design for Meaning - UX Workshop

Characters give richer insights than personas.

But real Meaning lies in what people

feel and dream.

Personas are usually based on what people

say and do.

Page 15: Design for Meaning - UX Workshop

Design Empathy helps us feel with people.

“[The practitioner] makes a connection on an emotional level with the user by recalling his own feelings and resonating with the user’s experience.”

- Dr. Froukje Sleeswijk Visser

1. Discovery

2. Immersion

3. Connection

4. Detachment

Page 16: Design for Meaning - UX Workshop

Let’s feel with Jane

Thisexamplepersonaisfromwww.flightmedia.co

Page 17: Design for Meaning - UX Workshop

losing membersFears

Jane

What pains does Jane need to

relieve?

What delights is Jane hunting for?

What’s holding Jane back?

What puts us in a position to help?

These Pathos questions represent different perspectives on Meaning.

Page 18: Design for Meaning - UX Workshop

losing membersFears JaneWhat pains does Jane

need to relieve?

The 5 Why's Technique Why?

Why?

Why?

Why?

Why?

is one way we combine research with empathy to understand people's feelings and dreams.

Page 19: Design for Meaning - UX Workshop

losing membersFears JaneWhat pains does Jane

need to relieve?

Why?

Why?

Why?

Why?

Why? Her gym might close

She won’t earn money

She can’t support her kids

They’ll take her kids away

She failed as a mother (she feels)

Page 20: Design for Meaning - UX Workshop

losing membersFears JaneWhat pains does Jane

need to relieve?

Why?She failed as a mother (she feels)

So when Jane's actions and words are here,…

…her emotions are here

Page 21: Design for Meaning - UX Workshop

losing membersFears

Jane

What pains does Jane need to

relieve?

What delights is Jane hunting for?

What’s holding Jane back?

What puts us in a position to help?

We can apply that exercise to all of these perspectives.

Page 22: Design for Meaning - UX Workshop

Create a Character for Jane

ThisCharacterMapisfromwww.theodoravoutsa.com

What pains does Jane

need to relieve?

What delights is Jane hunting

for?

What’s holding Jane back?

What puts us in a position to

help?

10 minutes

Page 23: Design for Meaning - UX Workshop

But Jane’s character can’t act without a story.

Page 24: Design for Meaning - UX Workshop

So here’s the classic “Product as the Hero” story.

TheProduct-as-HeroStoryboardisbyChristinaWodtke atwww.eleganthack.com

Page 25: Design for Meaning - UX Workshop

Let’s write a story where we help Jane become the hero!

15 minutes

Page 26: Design for Meaning - UX Workshop

The Lean Startup methodology is one way to see if we're really giving people what they need.

(Eric Ries literally wrote the book on this.)Build

MeasureLearn

Test your LOFA’s!

PhotobyBetsyWeber

Page 27: Design for Meaning - UX Workshop

LOFA – Leap of faith assumption

If this isn’t true, your product cannot succeed.

Page 28: Design for Meaning - UX Workshop

An assumption is a hypothesis

waiting to be tested!

VideostillfromStrategyzer

Page 29: Design for Meaning - UX Workshop

VideostillfromStrategyzer

Design an experiment to test your hypothesis.

15 minutes

Page 30: Design for Meaning - UX Workshop

Let’s build something!

Experience Flow Landing Page

Role-playing Sessions Scenario Videos

Now comes the fun part…

Choose one to build in 30 minutes as a team.

Page 31: Design for Meaning - UX Workshop

Let’s build something!

Experience Flow Landing Page

Role-playing Sessions Scenario Videos

Now comes the fun part…

Try squarespace.com

Try goanimate.com

30 minutes

Page 32: Design for Meaning - UX Workshop

Meaning

PathosWhat pains do people need to relieve?

What delights are people hunting for?

What’s holding people back?

What puts us in a position to help?

Process“Traditional” Design research

Lean startup

Immersion & Simulation

Character & Story Mapping

PrototypesExperience Flows

Concierge MVP

Role-playing Sessions

Scenario Videos

PrinciplesRespect people’s privacy and consent.

Consider the impact on research participants.

Stay critical at each stage: is this meaningful?

Consider any unintended consequences of success.

What value do we bring to the relationship?

With love from The @GreatnessStudio

Page 33: Design for Meaning - UX Workshop

Don’t forget to hit up our next workshop!

Design for Personality

19 April

Page 34: Design for Meaning - UX Workshop

Thank you!Sign up to get notified when the book and online course come out.

d3e.co/meaning

Get these slides and further reading