Designing Emotional Experiences for Mobiles Devices

Post on 16-Apr-2017

1.919 views 1 download

Transcript of Designing Emotional Experiences for Mobiles Devices

.

@UXforChangeUK #UX4G

Designing Emotional Experiences for Mobiles Devices

Hands-On Workshop (90 min)

Sandra GonzalezUX for Change Founder

.

@UXforChangeUK #UX4G

A Little Bit About Me

@uxcata

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

http://tribune.com.pk/story/883683/restaurant-designs-plates-to-look-good-on-instagram/

.

@UXforChangeUK #UX4G

Human Needs“No matter our age, gender, race, or station in life, we all have basic needs that must be met.“

Abraham Maslow

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

https://youtu.be/LtlVQ6ianCs?t=1m35s

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

Designing for Emotion By Aarron Walter

.

.

.

.

.

.

.

.

.

.

.

.

.

@UXforChangeUK #UX4G

Revolution Something Lost and Something Found

“As the machine found its place in our world, the human hand’s presence in everyday objects

slowly faded. “Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

Revolution Something Lost and Something Found

“We could reduce our industry to a commodities race, like those who manufactured the industrial

revolution.“Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Revolution Something Lost and Something Found

“Or we could follow a different path, one paved by the artists, designers, and architects of the Arts and Crafts movement, who believed that

preserving the human touch and showing ourselves in our work isn’t optional. It’s

essential. “Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

What is Emotional Design?

“Emotional design…uses psychology and craftsmanship to create an experience for users that makes them feel like there’s a person, not a machine, at the other end of the connection. “

Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Users Needs“What if we translated Maslow’s model of human needs into the needs of our users? It might look something like this.“

Aaron WalterDesigning for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

by Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Pleasurable Experiences

“Why do we settle for usable when we can make interfaces both usable and pleasurable?“

Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

PERSONALITY

Chapter available on A List Apart

.

.

.

.

.

.

.

.

.

.

.

.

http://alistapart.com/article/personality-in-design

.

@UXforChangeUK #UX4G

Let’s Use Personas to Evaluate a Brand

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

THREE PRINCIPLES OFEMOTIONAL DESIGN

.

@UXforChangeUK #UX4G

LET YOUR BRAND PERSONALITY SHOWPrinciple #1

.

@UXforChangeUK #UX4G

Let Your Brand Personality Show

“Emotional design turns casual users into fanatics ready to tell others about their positive

experience.“Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Every single person in Uruguay RTEveryone in Slovenia Favorite it.

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

http://mashable.com/2015/11/03/twitter-broke-my-heart/#fgefq7ZMWZqu

.

@UXforChangeUK #UX4G

BABY-FACE BIAS Principle #2

.

@UXforChangeUK #UX4G

“Evolution has given us baby goggles that help us look past such shortcomings and trigger waves of positive emotions when we see a little one’s face. “

Aaron Walter

Jeff Atwood

http://blog.codinghorror.com/on-parenthood/

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

THE WORLD IS OUR MIRRORPrinciple #3

.

@UXforChangeUK #UX4G

Have anyone seen Donald in Mathmagic Land?

https://youtu.be/AJgkaU08VvY?t=7m

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

Let’s play Emotional Design Bingo!

.

@UXforChangeUK #UX4G

Think of your favorite brands

(1st row)

.

@UXforChangeUK #UX4G

Think of your not-so-favorite brands

(2nd row)

.

@UXforChangeUK #UX4G

Think of your brands

(3rd row)

.

@UXforChangeUK #UX4G

Think of your “dream job” brands

(4rd row)

.

@UXforChangeUK #UX4G

Let’s all come up withbrands

(5rd row)

.

@UXforChangeUK #UX4G

Let’s go back to the emotional design principles

.

@UXforChangeUK #UX4G

STRATEGIES FOR IMPLEMENTINGEMOTIONAL DESIGN

.

@UXforChangeUK #UX4G

SURPRISE

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

ANTICIPATION

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

PRIME

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

IS BETTER TO ASK FORGIVENESS…

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

TELL A STORY

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

GAMIFICATION

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

USE OF COLORS

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Brain Teaser UX Game

.

@UXforChangeUK #UX4G

Great Job!

Don’t forget to

claim your

digital badge!