how to embed emotional design into a transactional website

.

@UXforChangeUK #UX4G

How to Embed Emotional Design into a Transactional Website

Sandra GonzalezUX & RP

.

@UXforChangeUK #UX4G

Revolution Something Lost and Something Found

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

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

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

What is the fastest growing language in the UK?

.

@UXforChangeUK #UX4G

Emoji is the fastest growing language

Study done by Professor Vyv Evans, from Bangor University

.

@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

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

.

@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

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

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

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@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

PERSONALITY

Chapter available on A List Apart

.

.

.

.

.

.

.

.

.

.

.

.

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

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

PERSONALITY

“Emotional design’s primary goal is to facilitate human-to-human communication. “

Aaron Walter

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

STRATEGIES FOR IMPLEMENTINGEMOTIONAL DESIGN

.

@UXforChangeUK #UX4G

SURPRISESTRATEGY #1

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

ATICIPATIONSTRATEGY #2

.

@UXforChangeUK #UX4G

.

@UXforChangeUK #UX4G

PRIMESTRATEGY #3

.

@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

HOW TO EMBED EMOTIONAL DESIGN INTO A TRANSACTIONAL WEBSITE?

.

@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

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Designing for Emotion by Aarron Walter

.

@UXforChangeUK #UX4G

Thanks for your time

.

.

.

.

.

.

.

.

.

.

.

.