UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

35
UX CONFERNCE SINGAPORE INVENTING THE FUTURE WORKSHOP BY PETER LAU - HEAD OF XD MANUEL CAMINO - ECD DESIGNING HUMANLY RELEVANT EXPERIENCES BECOME MORE T-SHAPED IN YOUR APPROACH TO XD DESIGN

description

Form follows emotion workshop Facilitated by Peter Lau Head of Strategy + Experience gyro, US and Manuel Camino Creative Director gyro, Singapore

Transcript of UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

Page 1: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

UXCONFERNCESINGAPORE

INVENTING THE FUTURE WORKSHOP

BY PETER LAU - HEAD OF XDMANUEL CAMINO - ECD

DESIGNING HUMANLY RELEVANT EXPERIENCES

BECOME MORE T-SHAPED IN YOUR APPROACH TO XD DESIGN

Page 2: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

INDEX FOR WORKSHOP

SKETCHING FOR EMOTION: DISCOVERING VISCERAL

FROM DESIGN BEHAVIORS TO MOOD BOARDS

EXPERIENCE DESIGN IDEAS: IDEAS THAT MATTER

CREATIVE STORYTELLING: THE ONLINESS STATEMENT

DESIGNING YOUR COVER STORY

EXPERIENCE DESIGN A HOLISTIC VISION

THE FICTION OF SCIENCE & INVENTING THE FUTURE1

2

3

4

5

6

7

Page 3: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

INVENT THE FUTURE

‣ GOOGLE CREATIVE LAB

‣ THE FICTION OF SCIENCE

1

Page 4: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)
Page 5: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

INVENT

Learn How To Fail

Get Out Of Your Comfort Zone

Learn How To Feel More

Become More T-Shaped

WHAT WE WANT TO GET OUT OF THIS

1 2 3 4

Page 6: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

LEMONEXPERIENCEDESIGN

‣ TRANSFORMING COMMODITIES TO EXPERIENCES

‣ INSPIRING EMOTIONAL DESIGN

2

‣ DRAW, ILLUSTRATE, PAINT

‣ USING EXPERIENCE DESIGN FOR LEMONS

Page 7: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

DRAW ILLUSTRATE PAINT

LEMON EXPERIENCE

Draw + Sketch Illustrate Paint

1 2 3

HOW TO FEEL TO CREATIVELY EXPRESS YOUR IDEA

30 MINS

Page 8: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)
Page 9: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

NOW LET’S TRY IT A DIFFERENT

WAY

Page 10: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

HOW DOES IT CHANGE YOUR VIEW?

GO BITE, SUCK, TOUCH THE LEMON

Page 11: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

HOW DOES IT CHANGE YOUR VIEW?

LITERAL EXPRESSIONISM

Page 12: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

FORM FOLLOWS EMOTION

‣ DESIGN BEHAVIORS: DESCRIPTIVE WORDS

‣ TRANSFORMING WORDS INTO MOOD BOARDS

3

Page 13: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

DESIGN BEHAVIORS

Define The Design Behaviors

Use Descriptive Words

Design Mood Boards

HOW TO FEEL TO CREATIVELY EXPRESS YOUR IDEA

1 2 3

60 MINS

Page 14: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

DESIGNBEHAVIORSDesign is how you treat your customer. If you acknowledge their intelligence and treat them well from an environmental, emotional and aesthetic standpoint, you’re probably doing good design.

Creative

NewnessEver-changingLivingVibrantFluctuatingNoveltyExpressive

Reactive

AgileInspirationalSparkingFlexibleEfficientInstantReach

Social

ConnectedCombiningWatchingCommentingMergingConversingConvergingCollectingSwarmingLinkingSharing

Experience

FrameworkMethodologyDifferentDemocraticMeritocraticSerendipitousSynchronicityExcitingly FamiliarStructuredFoundationalGallery

Page 15: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXAMPLE OF MOOD BOARD

Page 16: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXAMPLE OF MOOD BOARD

Page 17: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXAMPLE OF MOOD BOARD

Page 18: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXAMPLE OF MOOD BOARD

Page 19: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXAMPLE OF MOOD BOARD

Page 20: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXAMPLE OF MOOD BOARD

Page 21: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXAMPLE OF MOOD BOARD

Page 22: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

THE FICTION OF SCIENCE

‣ GUIDING DESIGN PRINCIPLES

‣ EXPLORING IDEAS

‣ SELECTING IDEAS

4

Page 23: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

RAPID BRAINSTORM

Throw Your Ideas Up On The Wall Using Post Its

1

CREATE YOUR IDEAS USING POST ITS

30 MINS

Page 24: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

DESIGN PHILOSOPHY

ARE WE AFFECTING THE LIVES OF OTHERS IN A

POSITIVE WAY?

ARE WE CREATING POSITIVE

RELATIONSHIPS WITH PEOPLE WHO

USE THE PRODUCTS WE’RE DELIVERING?

WOULD THE WORLD CARE IF WE WERE

GONE TOMORROW?

1 2 3

DOES YOUR IDEA ANSWER THESE 3 QUESTIONS

Page 25: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

SING IT

CREATIVESTORYTELLINGFOR EMOTION

‣ WRITING THE ONILINESS STATEMENT

‣ CREATIVE WRITING FOR EXPERIENCE STORYTELLING

Page 26: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

the only __________________________________________________

that ______________________________________________________

for _______________________________________________________

in ________________________________________________________

who ______________________________________________________

in ________________________________________________________

HOW

WHAT

WHO

WHY

WHEN

WHERE

ONLINESS STATEMENT:

15 MINS

Page 27: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

01/ORDINARY WORLD

02/INVITE CONSUMERTO BRAND’S WORLD

03/MEETING THE BRAND MENTOR

04/CROSSING THE THRESHOLD

06/EXPERIENCING THE BRAND DNA

05/APPROACH SPECIAL WORLD

07/THE EXPERIENCE & CHALLENGE

08/WINNING

THE TREASURE

10/THE ROAD

BACK

11/TRANSFORMING CONSUMER

12/RETURN WITH BRAND & SPREADING THE STORY

CONSUMERORDINARY WORLD

BRAND’SSPECIAL WORLD

HERO’S JOURNEY MAP

CREATIVE WRITING FOR DESIGN YOUR BRAND STORY

09/CELEBRATION

OF VICTORY

20 MINS

Page 28: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)
Page 29: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

WHAT WOULD YOUR PRODUCT LOOK LIKE ON THE COVER OF A MAGAZINE

‣ DESIGN YOUR WIRED / FAST COMPANY MAGAZINE COVER

‣ WRITE A CATCHY HEADLINE

5

Page 30: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

DESIGN YOUR MAGAZINE COVER

Design Your Magazine Cover

Write A Catchy Headline

21

HOW WILL YOU COMMUNICATE YOUR NEW PRODUCT / SERVICE

30 MINS

Page 31: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

DESIGN COVER STORYTELLING

Page 32: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

EXPERIENCE DESIGN ECOSYSTEM

‣ FROM IMPRESSIONS TO EXPRESSIONS MODEL

‣ BRAND EXPERIENCE SYSTEM FOR HOLISTIC CREATIVITY

Page 33: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

WHAT? I LOVE THIS BRAND

THE NEW BRAND MODEL IS MOVINGFROM IMPRESSIONS TO EXPRESSIONS.

THE BRANDEXPRESSION

CONVERSATION

COMMUNITY AFFINITY

THE BRAND STORY

THE BRAND EXPERIENCE

RELATIONSHIP

WHAT HAPPENSWHEN YOU INFUSEEMOTION

Page 34: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

BRAND CONTENT & CULTURE

What is the culture that the brand wants to be a part of or the culture it wants to

create for people to embrace?

USER NEEDS‣ ‣ ‣

‣ ‣ ‣

PERSONA‣ ‣ ‣

‣ ‣ ‣

ASPIRATIONS

‣ ‣ ‣ ‣

‣ ‣ ‣ ‣

BRAND STORY

What’s the story that will connect brands to people and people to

brands?

CONTENT

TYPE 1

CONTENT

TYPE 2

CONTENT

TYPE 3

CONTENT

TYPE 4

BRAND PURPOSE

What the world needs? What’s special about

you?

BRAND EMOTIONAL DRIVERS

‣ ‣ ‣

‣ ‣ ‣

PRODUCT DEFINITION

PRODUCT FEATURES & EXPERIENCE

BRANDEXPERIENCE

How to emotionally and

humanly express the

brand.

XP2 XP3 XP4 XP5 XP6 XP7

INSIGHT

What’s the rich insight the drives the experience?

TP 1

TP 2

TP 3

TP 4

TP 5

TOUCH POINTS

TP 6

XP1

DESIGN BEHAVIORS

THE EXPERIENCE DESIGN SYSTEM

30 MINS

Page 35: UXSG2014 Workshop (Day 2) - Form follows emotion workshop (gyro)

UXCONFERNCESINGAPORE

INVENTING THE FUTURE WORKSHOP

BY PETER LAU - HEAD OF XDMANUEL CAMINO - ECD

DESIGNING HUMANLY RELEVANT EXPERIENCES

BECOME MORE T-SHAPED IN YOUR APPROACH TO XD DESIGN