Top Banner
EXCEPTIONAL DESIGN MARISSA LOUIE INGREDIENTS FOR
70

Exceptional Design is Emotional Design

Apr 21, 2017

Download

Design

Marissa Louie
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: Exceptional Design is Emotional Design

E X C E P T I O N A L D E S I G N

M A R I S S A L O U I E

I N G R E D I E N T S F O R

Page 2: Exceptional Design is Emotional Design

Twitter: @malouie #UXNight

Page 3: Exceptional Design is Emotional Design

slideshare.net/malouie

Page 4: Exceptional Design is Emotional Design

Design Foundation1

We’ll go over…

Emotional Themes & Design Elements2

Bringing an Emotional Design Together3

Page 5: Exceptional Design is Emotional Design

Starting with a Solid Design Foundation1

Page 6: Exceptional Design is Emotional Design

What is design?

Page 7: Exceptional Design is Emotional Design

Design is the fundamental soul of a man-made creation that ends up expressing itself in successive outer layers.

S T E V E J O B S

Page 8: Exceptional Design is Emotional Design

My goal as a designer is to _____________.

Page 9: Exceptional Design is Emotional Design

E R I C PA N

My goal as a designer is to give other humans tools to shed their problems and achieve their dreams.

Page 10: Exceptional Design is Emotional Design

TA R A S R I P U N V O R A S K U L

My goal as a designer is to wake up everyday knowing my designs made a huge social impact and inspired others.

Page 11: Exceptional Design is Emotional Design

D E V I N H A L L A D AY

My goal as a designer is to design a solution so simple and revolutionary that it becomes integrated in every life to the point that they take it for granted.

Page 12: Exceptional Design is Emotional Design

My goal as a designer is to make people feel GOOD)

Page 13: Exceptional Design is Emotional Design

Pleasurable

Usable

Reliable

Functional

Missing!!!

Maslow’s Hierarchy of Emotional Design

Page 14: Exceptional Design is Emotional Design
Page 15: Exceptional Design is Emotional Design

First order of business: create an emotional brand

Page 16: Exceptional Design is Emotional Design

!

!

!

Memorable, pleasurable

Speaks to users

!

!

!

Makes users feel

Is expressive

EMOTIONAL BRAND

Page 17: Exceptional Design is Emotional Design

TRUMPET TECHNOLOGIES

Page 18: Exceptional Design is Emotional Design

algorithms happiness

Page 19: Exceptional Design is Emotional Design
Page 20: Exceptional Design is Emotional Design

BEHIND THE SCENES

Page 21: Exceptional Design is Emotional Design

Design team: NOT from d.school

Page 22: Exceptional Design is Emotional Design

B E Y O N C É

Who needs a degree when you’re SCHOOLIN' LIFE?

design^

Page 23: Exceptional Design is Emotional Design
Page 24: Exceptional Design is Emotional Design

SUCCESS METRICS

Page 25: Exceptional Design is Emotional Design
Page 26: Exceptional Design is Emotional Design
Page 27: Exceptional Design is Emotional Design

One of the best apps I’ve seen. Beautifully engineered, Ness is both attractive and intuitive. It’s easy, quick to use, and the interface has a minimalistic beauty to it.

Some users are going as far to call this the best app in the App Store while many others have already made this a favorite.

What users said

Page 28: Exceptional Design is Emotional Design

With a beautiful and sleek design, this intelligent and intuitive app will leave you stunned.

The reason why this app is better than Yelp isn't just because it recommends places to eat, it's because the entire interface is designed around the idea of actually helping someone decide where they are going to have their next meal, rather than providing a list of different options that is too taxing to sift through, and too boring to spark an interest in the next outing.

Page 29: Exceptional Design is Emotional Design
Page 30: Exceptional Design is Emotional Design

6,000,000

17

30,000,000

$13,200,000

750,000

Page 31: Exceptional Design is Emotional Design
Page 32: Exceptional Design is Emotional Design

Emotional Themes & Design Elements2

Page 33: Exceptional Design is Emotional Design

Emotional design is beyond usability and aesthetics

Page 34: Exceptional Design is Emotional Design

Which superpowers are in your toolbox?

Page 35: Exceptional Design is Emotional Design

PR

Design

UI

UX

Product

Research

Bran

ding

Mar

ketin

g

Sale

s

Recr

uitin

g

Prod

uct

Man

agem

ent

Engi

neer

ing

My toolbox: Everything involved in building a tech product

Page 36: Exceptional Design is Emotional Design

The more you know, the more you can feel

Page 37: Exceptional Design is Emotional Design

Consumer psychologists say that people buy according to how they feel about a

product: emotions, desire.

Not logic.

Page 38: Exceptional Design is Emotional Design
Page 39: Exceptional Design is Emotional Design

!

!

!

Familiar or new experience

Curiosity

!

!

Positive expectations !

Enticing content

ANTICIPATION

Page 40: Exceptional Design is Emotional Design

Connection

!

!

!

!

!

Matches my taste

!

Satisfies a real need

Play

JOY

Page 41: Exceptional Design is Emotional Design

Clear language

!

!

Easy to use

!

!

!

Privacy

!

UGC, Curation

TRUST

Page 42: Exceptional Design is Emotional Design

ANTICIPATIONJOYTRUST

PLEASURABLE

Pleasurable

Missing!!!

=

Page 43: Exceptional Design is Emotional Design

Want. Need. Love.

Page 44: Exceptional Design is Emotional Design
Page 45: Exceptional Design is Emotional Design
Page 46: Exceptional Design is Emotional Design
Page 47: Exceptional Design is Emotional Design

It’s dangerous

!

!

Typography

!

!

!

Bold visuals upfront

!

Copywriting

ANTICIPATION

Page 48: Exceptional Design is Emotional Design
Page 49: Exceptional Design is Emotional Design

Fresh content

!

!

!

Easter eggs

Visually rich

!

!

!

Self-expression

JOY

Page 50: Exceptional Design is Emotional Design

iPhone accessories

Other clothes

Lace and crocheted clothes

Tribal pattern clothes

100 most popular items

Page 51: Exceptional Design is Emotional Design

!

!

!

Like-minded community

Easy to use

!

!

Top brands and bloggers !

Authenticity

TRUST

Page 52: Exceptional Design is Emotional Design
Page 53: Exceptional Design is Emotional Design

BEHIND THE SCENES

Page 54: Exceptional Design is Emotional Design
Page 55: Exceptional Design is Emotional Design

SUCCESS METRICS

Page 56: Exceptional Design is Emotional Design

Through Wanelo I have quickly learned what clothes make me excited. I no longer go into a store hoping something might peak my interest.....I know what "look" I'm after and how I want to feel. I have acquired so much insight to see how much fun it can be to dress in different moods, styles and venues.

What users said

This app is AMAZING. I'm addicted to it and all of my friends are getting into it and we love it!!

Page 57: Exceptional Design is Emotional Design

!I couldn’t have seashell lamps in my garage without a mermaid tail and a swimming pool equipped with floats with beer holders. You may need rehab and financial counseling.

Absolutely fabulous, daaahling. I love that the app updates are written in REAL people language! Love and muffins from me too. If you are a teenage girl, download this app.

What users said

Page 58: Exceptional Design is Emotional Design
Page 59: Exceptional Design is Emotional Design

11,000,000

6,000,000

800,000,000

200,000

$100,000,000

Page 60: Exceptional Design is Emotional Design

Bringing an Emotional Design Together3

Page 61: Exceptional Design is Emotional Design

Pleasurable

Usable

Reliable

Functional

Missing!!!

Maslow’s Hierarchy of Emotional Design

Page 62: Exceptional Design is Emotional Design

You can’t have an entertaining, a delightful, an inspiring experience unless it’s well-designed and thought out.

That’s where we’re focused in terms of design.

M A R I S S A M AY E R

Page 63: Exceptional Design is Emotional Design

Where is the emotional design in this feature?

Where’s the cream filling?

Page 64: Exceptional Design is Emotional Design

I WILL NOT SHIP UNLESS I…

Look for ways to use animations

Ask how we want users to feel

Tap into my design superpowers

Have a compelling brand as a foundation

Understand human emotions

Page 65: Exceptional Design is Emotional Design

I WILL NOT SHIP UNLESS I…

Look for ways to include Easter eggs

Believe my product is pleasurable

Really want users to find it pleasurable

Convey emotion through UI: funny, etc.

Use emotive copywriting & content

Page 66: Exceptional Design is Emotional Design

Are we following the original design brief?

Page 67: Exceptional Design is Emotional Design

Design Foundation1

We covered…

Emotional Themes & Design Elements2

Bringing an Emotional Design Together3

Page 68: Exceptional Design is Emotional Design

WE WILL SAY NO…

FEATURE OVERLOAD! !

!

!

BAD TASTE! !TECHNICAL INCOMPETENCE!!

!

UGLY EGOS!

Page 69: Exceptional Design is Emotional Design

tiny little EMOTIONAL SPIKES

of HAPPINESS

Page 70: Exceptional Design is Emotional Design

M A R I S S A L O U I E

Twitter @malouie !Dribbble @malouie !Slides slideshare.net/malouie !Email [email protected]

THANK YOU