uxsg2014 workshop (day 2) - designing spatial experiences workshop (philips design)

60
Designing spatial experiences Abhimanyu Kulkarni Philips Design 2 nd September, 2014

Upload: ux-singapore

Post on 29-Nov-2014

135 views

Category:

Design


1 download

DESCRIPTION

Designing spatial experiences workshop Facilitated by Abhimanyu Kulkarni Creative Director Philips Design, India and Rahul Pradhan Senior Art Director Philips Design, India

TRANSCRIPT

Page 1: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Designing spatial experiences

Abhimanyu Kulkarni Philips Design 2nd September, 2014

Page 2: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Spatial design

Communication design

UX design

Product design

Strategic design

Page 3: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

About us

Page 4: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

About us

Abhi Designer & screenwriter

Rahul Spatial & lighting designer

Jyotika Communication designer

Page 5: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

What do

stories have to do with spaces

Page 6: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 7: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

monomyth

a basic pattern found in many narratives from around the world

Page 8: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Follow your bliss

Sat-chit-anand

a helpful guide for the journey each of us walks through life

Page 9: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

The hero’s journey  

THE ORDINARY WORLD

A CALL TO ADVENTURE

TRANSFORMATION BEGINS

CHALLENGES

TEMPTATIONS

TRANSFORMATION COMPLETES

REVELATION (ABYSS)

THE HERO RETURNS

Mentor

Helper

Page 10: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

THE ORDINARY WORLD: Luke Skywalker years for a more exciting life

Page 11: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

CALL TO ADVENTURE: Luke discovers the message hidden within his droid

Page 12: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

TRANSFORMATION BEGINS: Going to Mos Eisley

Page 13: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Helpers & Mentors

Page 14: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

CHALLENGES…

Page 15: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

…& TEMPTATIONS

Page 16: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

REVELATION: Attacked by the monster in the garbage compactor

Page 17: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

TRANSFORMATION COMPLETE: death star destroyed

Page 18: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

TRANSFORMATION: death star destroyed

Page 19: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

The hero’s journey: Star Wars  

THE ORDINARY WORLD

A CALL TO ADVENTURE

TRANSFORMATION BEGINS

CHALLENGES

TEMPTATIONS

REVELATION (ABYSS)

TRANSFORMATION COMPLETES

THE HERO RETURNS

Page 20: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 21: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 22: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 23: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 24: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 25: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 26: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 27: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

27   September  16,  2014            Philips  Design              

Page 28: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 29: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 30: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

The hero’s journey: Airport  

THE ORDINARY WORLD

A CALL TO ADVENTURE

TRANSFORMATION BEGINS

CHALLENGES

TEMPTATIONS

TRANSFORMATION COMPLETES

REVELATION

THE HERO RETURNS

Page 31: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Writer

• The writer uses cinema elements (camera, lighting,, sound, costume, time, dialogue, editing etc.) to breath life into the theme

Designer

• The designer uses spatial elements (architecture, lighting, colors, layout, signage etc.) to breath life into the theme

Page 32: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

The theme is brought to life through various cinematic elements

Color  

Speed  

Symbols  

Page 33: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Similarly spaces are brought to life by…

Layout  

Color  

Light  

Page 34: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Writer

• Writers uses cinema elements (camera, lighting, location, sound, costume, time, dialogue, editing etc.) to breath life into theme

• Theme brings unity of emotion and meaning

Designer

• Designers uses spatial elements (architecture, lighting, finishes, colors, layout, signage etc.) to breath life into the theme

• Theme brings unity, emotion and meaning

Page 35: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

theme unites emotion and meaning to create an experience Start wars is the story Luke Skywalker’s maturation and self-realisation

Page 36: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

(experience creates memory)

Page 37: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Writer

• The writer uses cinema elements (camera, lighting, location, sound, costume, dialogue, editing etc.) to breath life into the theme

• Theme brings unity, emotion and meaning

• Personal vision; found through insight into the story material

Designer

• Designers uses spatial elements (architecture, lighting, finishes, colors, layout, signage etc.) to breath life into the theme

• Theme brings unity, emotion and meaning

• Personal vision; found through insight into the story material

Page 38: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Who is the space meant for…

Travelers Office workers Patients Children Home makers

Page 39: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Who are they?

Page 40: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Who are they?

Personas

Page 41: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

And what they do (over space and time)

Page 42: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Experience flow

And what they do (over space and time)

Page 43: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Personas & experience flow

+ observations, quotes & notes

activities words patterns dreams frustrations observations ideas statistics trends

Page 44: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Play with the elements to piece together the experience

Page 45: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Clustering to identify key needs

EXAMPLE: airport gate

Stressful

Bored

Long wait

Keep checking departure

Find where to go Anticipation

Finish work

Check email

Entertain myself

Confusing

Everything looks the same

Wasting time

Take a nap

Keep getting up

Stay near gate

Zoning as per passenger needs

Relaxing, cheerful

ambience

Keep visual connect with airline (staff)

Orient and help navigate

Page 46: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Hierarchy of needs

Keep checking departure

Keep getting up

Stay near gate

Keep visual connect with airline (staff)

Find where to go

Confusing

Everything looks the same

Orient and help navigate

Stressful

Bored

Anticipation

Wasting time

Relaxing, cheerful ambience

Long wait

Finish work

Check email

Entertain myself

Take a nap

Zoning as per passenger needs

FUNCTIONAL NEEDS (Security)

ASPIRATIONAL NEEDS (Identity)

INSPIRATIONAL NEEDS (Wow!)

Page 47: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

EMOTIONAL NEEDS

ASPIRATIONAL NEEDS (Identity)

INSPIRATIONAL NEEDS (Wow!)

+ =

Building on emotional needs helps to build an experience theme

Hierarchy of needs

Page 48: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

48   September  16,  2014            Philips  Design              

Experience theme for an Airport

Passage through India

Page 49: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

49   September  16,  2014            Philips  Design              

Examples of themes brought to life using spatial elements

Page 50: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 51: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)
Page 52: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Today

Page 53: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Dressing room is the most important space in a store, more than even the selling floor of the store

Paco Underhill

Design a changing room for a clothing store

Page 54: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Make groups

Page 55: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

58   September  16,  2014            Philips  Design              

Choose one of the following and make a 4x4 persona

1.  Young man getting married in a hurry and choosing a suit from a readymade clothes store

2.  Young marketing executive woman wants to impress her management team

3.  A student shopping for his first date

4.  Two women shopping for Christmas party wear

5.  Young woman shops for lingerie for her honeymoon

Page 56: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Name & photo

Behaviors

Description

Needs

Choose one of the following and make a 4x4 persona

Page 57: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Map out their hero’s journey Make observations, cluster them and evolve a theme Design a changing room based on your experience theme

Page 58: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

Now

Page 59: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)

61   September  16,  2014            Philips  Design              

Break 10 mins

Persona 20 mins

Experience flow 30 mins

Theme identification 10 mins

Design & prototype concept 45 mins

Presentation 7 mins/group

Plan your activities

Page 60: UXSG2014 Workshop (Day 2) - Designing spatial experiences workshop (philips design)