Top Banner
CHEPPERS UX WORKSHOP cheppers.com Tatiana Sívó, UX/UI Designer Tamás Gergócs, Design Lead Budapest Design Week 2016
38

Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

Sep 27, 2020

Download

Documents

dariahiddleston
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: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

CHEPPERS UX WORKSHOP

cheppers.comTatiana Sívó, UX/UI DesignerTamás Gergócs, Design Lead Budapest Design Week 2016

Page 2: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

Experience Design

Page 3: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

Every man-made thing creates a human outcome through its usage: every pen, every sandwich, every pair of shoes, every web page, every call-centre script…everything.

MINDEN

Page 4: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

FOR PEOPLE WITH ♡

Page 5: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

an unresolved tension between the needs of the maker and the needs of the user

Page 6: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

Experience Design -

a method by which we can improve the quality of the outcome for the user while working within resource constraints.

Page 7: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

Experience Design:“A design practice focused on human outcomes, in particular the level of engagement and satisfaction that the user derives from a product or service and the relevance of the experience to their needs and context.”

Page 8: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

EXPERIENCE INFLUENCES MEMORY. MEMORY GUIDES FUTURE ACTION.

Page 9: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

TWO SELVES BY DANIEL KAHNEMAN

Page 10: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

So, Experience Design offers a way to influence outcomes within the moment of usage, but it also influences people’s memories and perceptions after use.

Page 11: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

Result

Page 12: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

TWO FOUNDATIONS OF EXPERIENCE DESIGN

FIRST

understanding what customers want

SECOND

applying the gained knowledge of the customer into the design process

TO REDUCE THE AMOUNT OF GUESS-WORK IN DESIGN

LESS GUESS-WORK LESS RISK & NEW CREATIVE POSSIBILITIES

Page 13: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

SMART CITYNEW KIND OF RESIDENTIAL EXPERIENCE

MUNICIPAL OPERATIONS AND IMPROVEMENT OF THE QUALITY OF LIFE FOR RESIDENTS. QUICK INNOVATION BY CONNECTING PEOPLE, PROCESSES, DATA AND OTHER THINGS

Page 14: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

SMART CITYInfrastructure & Technology

Energy, Water & WasteMobility

Circular CityGovernance & Education

Citizens & Living

Page 15: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE
Page 16: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

EMPATHY:HOW CAN WE UNDERSTAND THE USER?

Page 17: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

WHAT IS EMPATHY?

when you can feel what another person is feeling

the foundation of a humancentered design process

by deeply understanding people we are better able to design for them

Page 18: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

EMPATHY IS A STORIESIMMERSEExperience what your user experiences.

OBSERVEView users and their behavior in the context of their lives.

ENGAGEInteract with and interview users through both scheduled and short ‘intercept’ encounters.

Page 19: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

OBSERVE

WHAT is this person (or persons) doing?

HOW are they doing it? Pretend you are describing the picture to someone not looking at it.

WHY are they doing it this way? Take a guess. Start to form a story.

WHAT•HOW•WHY

Page 20: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

ENGAGE

Have a conversation.

Be human.Seek stories.Talk about feelings.

HOW TO INTERVIEW?

Page 21: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

SEEK STORIES

‘Tell me about the last time you ______.’

1Tell me about an experience you’ve had with _____’

HOW TO INTERVIEW?

Page 22: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

TALK ABOUT FEELINGS

‘How did you feel when [x] happened?’

‘What were you feeling at that point?’

ALWAYS FOLLOW-UP WITH ‘WHY?’

Page 23: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

LET’S TALK

Page 24: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

THROUGH OBSERVATION AND INTERVIEWS, WE CAN BUILD A PICTURE OF OUR USERS’ MOTIVATIONS BASED ON WHAT THEY SAY, DO, THINK, AND FEEL.

Page 25: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

EMPATHY MAP

Page 26: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

DEFINE:PROBLEM

Page 27: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

POV - Point of View Madlibs

is a concise problem statement which reframes the challenge

launchpad for developing meaningful solutions to a design challenge

guiding and grounding force as you develop your solution

Page 28: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

POV Madlibs

Page 29: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

POV Madlibs

[USER] needs to [USER’S NEED] because [SURPRISING INSIGHT]

A pensioner needs security.

BAD

GOOD

An energetic and active pensioner wants to feel the financial security, because their biggest fear is to become a burdain for their children.

Page 30: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

IDEATE:TURN PROBLEMS INTO OPPORTUNITIES

Page 31: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

‘HOW MIGHT WE’ QUESTIONS

Turn problem into opportunities for design

human-centered

speak to real need

allows for meaningful brainstorming

- too narrow- too broad

NOT

Page 32: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

HOW MIGHT WE QUESTIONS

Page 33: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

DESIGN A STORY

Page 34: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

STORYTELLING

We will start from the character with the goal in the particular context and walk him through the inciting moment, struggles and crisis, to the final changed state.

ACTION → CONFLICT → TRANSFORMATION

ACTION: What is the character trying to do? What are the actions she is taking to achieve it?

CONFLICT: What is in her way? What questions linger beneath the surface?

TRANSFORMATION: What is the big INSIGHT? How do the action and conflict resolve?

Page 35: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

STORYTELLING

Page 36: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

SHARE YOUR SOLUTION AND GET FEEDBACK

Page 37: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

GET FEEDBACK+ What worked… - What could be improved...

? Questions… ! Ideas…

Page 38: Cheppers ux workshop designhet copy€¦ · human outcome through its usage: every pen, every sandwich, every pair ... are better able to design for them. EMPATHY IS A STORIES IMMERSE

THANK YOUQUESTIONS?