SlideShare a Scribd company logo
1 of 64
Intro to Emotional Design
Hosted by: Sheree Hill
Jan 2019
Intro to
Emotional Design
January 9, 2019
| 3
Mediacurrent is a full-service digital agency that
implements world class open source software
development, strategy and design to achieve defined
goals for enterprise organizations seeking a better
return on investment.
Who We Are
| 4
As Creative Director at Mediacurrent, Sheree
provides clients with an immersive and
engaging user experience through empathy
and behavioral science.
With 15 years of award winning agency
experience, Sheree has been privileged to
work with iconic brands including Harley-
Davidson, AT&T, Kellogg’s Special K,
Tupperware, Budweiser, The Home Depot,
Toyota Scion, Listerine, Dancing with the Stars,
American Idol, Southeastern Conference
Sports, NCAA and Sony Pictures.
Her work in higher education includes
University of Southern California, Alvernia,
Georgia Tech and Emory University’s School
of Business.
Sheree Hill
Creative Director
linkedin/in/shereehill/
@flutter
sheree.hill@mediacurrent.com
| 5
UX Design is centered in human behavior. By
understanding human wants and desires, we create a
tailored experience that speaks to fundamental human
needs, ultimately leading to a predictable path of decision.
| 6
| 7
Cognition: Is about trying to understand the world
| 8
In design we try to understand the real needs of people
| 9
Maslow’s Hierarchy of Needs
Level Need
Self-Actualization
Realization or fulfillment of one's talents and
potentialities
Creativity, Spontaneity, Traveling, Self Growth
Esteem
Dignity, Independence
Recognition, Social Status, Education, Achievements, Mastery,
Prestige
Love & Belonging
Emotional Support / Affiliating
Friends, Family, Community, Intimacy, Relationships, Belonging
Safety
Preservation / Stability / Control
Safety, Financial Security, Health, Protection from Elements
Physiological
Lifeforce Energy
Air, Water, Food, Rest
| 10
Emotions: Are about assigning value
| 11
Value is what is critical to humans
| 12
3 Levels of human emotion
| 13
Level 1 Emotion: Visceral
| 14
Level 1 Emotion: Visceral (Body)
| 15
Level 1 Emotion: Visceral (Body)
| 16
Level 2 Emotion: Behavioral (Heart)
| 17
Behavior: Multiple Intelligences
| 18
Level 3 Emotion: Reflective (Mind)
| 19
| 20
| 21
| 22
We Don’t Ask, We Watch.
Because What People Think They Need is Often Not Right.
Don Norman
| 23
| 24
| 25
Emotions: are a powerful system in the body
| 26
Expression: Our Emotional Language
| 27
Joy
| 28
Microinteractions: Affirmation & Validation in Process Completion
Emotional Design: Delighters
| 29
Microinteractions: Medium.com’s approach to cortical activation
Emotional Design: Delighters
| 30
Anger
| 31
Emotional Design: Anger
| 32
Emotional Design: Defusing Negative Emotions
| 33
Emotional Design: Defusing Negative Emotions
Facebook shows a screen skeleton first and then adds content as it's loaded.
| 34
Fear
| 35
Using friction in error prevention: MacOS confirming actions when permanently deleting items
Emotional Design: Fear
| 36
Mailchimp example of command confirmation to delete
Emotional Design: Using Friction in Error Prevention
| 37
Sadness
| 38
Neuroaesthetics: Empathy in Storytelling
| 39
| 40
Anticipation
| 41
Emotional Design: Anticipation as a Delighter
| 42
Surprise
| 43
Emotional Design: Surprise as a Delighter
Yelp’s Pull To Refresh Frame: Brings a surprising whimsy into the user
experience.
| 44
Comfort of Direction: Visual Perception of Unity
An organized whole that is perceived as more than the sum of its parts.
| 45
The Gestalt Principles: Similarity & Anomaly
| 46
The Gestalt Principles: Continuation
| 47
The Gestalt Principles: Closure
| 48
The Gestalt Principles: Proximity
| 49
The Gestalt Principles: Figure and Ground
| 50
Much like storytelling, brands who focus on holistic user
journeys rather than devices will set themselves apart in
2019. Thus, designers will need to adapt their approach in
step with the direction the industry is taking.
| 51
Brand Intimacy - Device Agnostic Design
| 52
Emotional Design: Brand Intimacy
| 53
| 54
Emotional Design: GA Tech Brand Intimacy
Fulfillment: The brand promises the achievement of something desired.
| 55
Emotional Design: Guardian Brand Intimacy
Identity: the brand values that which the customer identifies with and projects a desirable lifestyle.
| 56
Emotional Design: Brand Intimacy
Enhancement: the brand promises to make life easier and to help the
customer to be smarter, as well as more effective, capable, and connected.
| 57
Emotional Design: Brand Intimacy
Ritual: the brand aims to become part of the customer’s daily routine.
| 58
Emotional Design: Brand Intimacy
Nostalgia: the brand offers attributes that are reminiscent of fond memories from a consumers’ past
| 59
Emotional Design: Brand Intimacy
Indulgence: the brand appeals to the senses; luxurious
| 60
Emotional Design: Brand Personality
| 61
Emotional Design: Brand Personality
| 62
| 63
Do you need support?
Please reach out to our speaker Sheree Hill with any questions.
Need help with a Design, Development, or
Digital Strategy project? Connect with us today!
Sheree Hill
Creative Director
Mediacurrent
sheree.hill@mediacurrent.com
Thank you for joining!
linkedin/in/shereehill/
@flutter
sheree.hill@mediacurrent.com
Thank you!
@Mediacurrent Mediacurrent.comFacebook.com/mediacurrent @Mediacurrent

More Related Content

What's hot

Leveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web ProjectsLeveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web ProjectsMediacurrent
 
Learning the Craft of Marketing and Selling Drupal Services
Learning the Craft of Marketing and Selling Drupal ServicesLearning the Craft of Marketing and Selling Drupal Services
Learning the Craft of Marketing and Selling Drupal ServicesMediacurrent
 
Level Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best PracticesLevel Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best PracticesMediacurrent
 
How to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with DrupalHow to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with DrupalMediacurrent
 
Penn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with GatsbyPenn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with GatsbyMediacurrent
 
The Secret to Building Successful Digital Sales Programs in 2022 and Beyond
The Secret to Building Successful Digital Sales Programs in 2022 and BeyondThe Secret to Building Successful Digital Sales Programs in 2022 and Beyond
The Secret to Building Successful Digital Sales Programs in 2022 and BeyondAggregage
 
Jeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case Study
Jeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case StudyJeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case Study
Jeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case StudyDigital Experience (DX) Summit 2016
 
10 Scariest Intranet Mistakes & How to Avoid Them
10 Scariest Intranet Mistakes & How to Avoid Them10 Scariest Intranet Mistakes & How to Avoid Them
10 Scariest Intranet Mistakes & How to Avoid ThemPrescient Digital Media
 
Intranet Design: Leading an Intranet Redesign
Intranet Design: Leading an Intranet RedesignIntranet Design: Leading an Intranet Redesign
Intranet Design: Leading an Intranet RedesignPrescient Digital Media
 
HSM Global-Madrid featuring Charlene Li
HSM Global-Madrid featuring Charlene LiHSM Global-Madrid featuring Charlene Li
HSM Global-Madrid featuring Charlene LiCharlene Li
 
Outer circle Digital Services
Outer circle Digital ServicesOuter circle Digital Services
Outer circle Digital ServicesSujith Aradhya
 
Design ops thinking and becoming_final
Design ops thinking and becoming_finalDesign ops thinking and becoming_final
Design ops thinking and becoming_finalMarcela Ospina
 
Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015
Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015
Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015Prescient Digital Media
 
Microsoft Case Study
Microsoft Case StudyMicrosoft Case Study
Microsoft Case StudyLinkedIn
 
Building a Research Flywheel: A Helpful Guide for Product Managers & Their Teams
Building a Research Flywheel: A Helpful Guide for Product Managers & Their TeamsBuilding a Research Flywheel: A Helpful Guide for Product Managers & Their Teams
Building a Research Flywheel: A Helpful Guide for Product Managers & Their TeamsAggregage
 
Go Modern
Go ModernGo Modern
Go ModernRaona
 

What's hot (20)

Leveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web ProjectsLeveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web Projects
 
Learning the Craft of Marketing and Selling Drupal Services
Learning the Craft of Marketing and Selling Drupal ServicesLearning the Craft of Marketing and Selling Drupal Services
Learning the Craft of Marketing and Selling Drupal Services
 
Level Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best PracticesLevel Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best Practices
 
How to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with DrupalHow to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with Drupal
 
Penn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with GatsbyPenn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with Gatsby
 
The Secret to Building Successful Digital Sales Programs in 2022 and Beyond
The Secret to Building Successful Digital Sales Programs in 2022 and BeyondThe Secret to Building Successful Digital Sales Programs in 2022 and Beyond
The Secret to Building Successful Digital Sales Programs in 2022 and Beyond
 
Jeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case Study
Jeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case StudyJeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case Study
Jeff Litvak - The Microsoft.com Global Operating Model: A Home Page Case Study
 
WYRED WP10 reflections 2nd meeting
WYRED WP10 reflections 2nd meetingWYRED WP10 reflections 2nd meeting
WYRED WP10 reflections 2nd meeting
 
10 Scariest Intranet Mistakes & How to Avoid Them
10 Scariest Intranet Mistakes & How to Avoid Them10 Scariest Intranet Mistakes & How to Avoid Them
10 Scariest Intranet Mistakes & How to Avoid Them
 
Intranet Design: Leading an Intranet Redesign
Intranet Design: Leading an Intranet RedesignIntranet Design: Leading an Intranet Redesign
Intranet Design: Leading an Intranet Redesign
 
HSM Global-Madrid featuring Charlene Li
HSM Global-Madrid featuring Charlene LiHSM Global-Madrid featuring Charlene Li
HSM Global-Madrid featuring Charlene Li
 
Intranet and SharePoint Governance
Intranet and SharePoint GovernanceIntranet and SharePoint Governance
Intranet and SharePoint Governance
 
Outer circle Digital Services
Outer circle Digital ServicesOuter circle Digital Services
Outer circle Digital Services
 
Design ops thinking and becoming_final
Design ops thinking and becoming_finalDesign ops thinking and becoming_final
Design ops thinking and becoming_final
 
Why Do Intranets Fail?
Why Do Intranets Fail?Why Do Intranets Fail?
Why Do Intranets Fail?
 
Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015
Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015
Planning and Redesigning a Social Intranet from The Intranet Global Forum 2015
 
Microsoft Case Study
Microsoft Case StudyMicrosoft Case Study
Microsoft Case Study
 
Building a Research Flywheel: A Helpful Guide for Product Managers & Their Teams
Building a Research Flywheel: A Helpful Guide for Product Managers & Their TeamsBuilding a Research Flywheel: A Helpful Guide for Product Managers & Their Teams
Building a Research Flywheel: A Helpful Guide for Product Managers & Their Teams
 
Go Modern
Go ModernGo Modern
Go Modern
 
The Truth About SharePoint
The Truth About SharePointThe Truth About SharePoint
The Truth About SharePoint
 

Similar to Mediacurrent Introduction to Emotional Design 2019

UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)
UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)
UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)ux singapore
 
UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)
UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)
UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)ux singapore
 
#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...
#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...
#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...One North
 
Creative content coders profile
Creative content coders profileCreative content coders profile
Creative content coders profileArvind Kotte
 
Building a strategicuxteam-uxindia14
Building a strategicuxteam-uxindia14Building a strategicuxteam-uxindia14
Building a strategicuxteam-uxindia14Sarah Bloomer
 
Green Mind Agency Presentation
Green Mind Agency PresentationGreen Mind Agency Presentation
Green Mind Agency PresentationGreen Mind Agency
 
Learn Everything You Need to Know About Social Media in 2 Hours
Learn Everything You Need to Know About Social Media in 2 Hours Learn Everything You Need to Know About Social Media in 2 Hours
Learn Everything You Need to Know About Social Media in 2 Hours Rachel Siah
 
Bridging the gap: Brand Experience vs Product Development
Bridging the gap: Brand Experience vs Product DevelopmentBridging the gap: Brand Experience vs Product Development
Bridging the gap: Brand Experience vs Product DevelopmentLillian Ayla Ersoy
 
Social Media and Fundraisng - are you prepared?
Social Media and Fundraisng - are you prepared? Social Media and Fundraisng - are you prepared?
Social Media and Fundraisng - are you prepared? Noesium Consulting
 
15 Lesssons From Emotion Design Experience Dynamics Web Seminar
15 Lesssons From Emotion Design  Experience Dynamics Web Seminar15 Lesssons From Emotion Design  Experience Dynamics Web Seminar
15 Lesssons From Emotion Design Experience Dynamics Web SeminarExperience Dynamics
 
Brand Intimacy: Creating Emotional Connections with Customers.ppsx
Brand Intimacy: Creating Emotional Connections with Customers.ppsxBrand Intimacy: Creating Emotional Connections with Customers.ppsx
Brand Intimacy: Creating Emotional Connections with Customers.ppsxInterics Designs Pvt Ltd
 
What Makes Great Content? #Socialbakersupclose
What Makes Great Content? #SocialbakersupcloseWhat Makes Great Content? #Socialbakersupclose
What Makes Great Content? #SocialbakersupcloseEdelman
 
Design Thinking Training - MIT ID Innovation
Design Thinking Training - MIT ID InnovationDesign Thinking Training - MIT ID Innovation
Design Thinking Training - MIT ID InnovationPankaj Deshpande
 
Manager's Guide to Social Media Marketing Growth Hack!
Manager's Guide to Social Media Marketing Growth Hack!Manager's Guide to Social Media Marketing Growth Hack!
Manager's Guide to Social Media Marketing Growth Hack!Pallab Kakoty
 
Meld Magazine: Content Strategy Workshop
Meld Magazine: Content Strategy Workshop Meld Magazine: Content Strategy Workshop
Meld Magazine: Content Strategy Workshop Meld Magazine Inc.
 
Company Profile: I Impact India Partners
Company Profile: I Impact India PartnersCompany Profile: I Impact India Partners
Company Profile: I Impact India PartnersOnkar K. Khullar
 
Slide share design thinking workshop mba hec
Slide share   design thinking workshop mba hecSlide share   design thinking workshop mba hec
Slide share design thinking workshop mba hecEdouard Ferron-Mallett
 
Connectedness - A New Way of Thinking About Brands - iCrossing
Connectedness - A New Way of Thinking About Brands - iCrossingConnectedness - A New Way of Thinking About Brands - iCrossing
Connectedness - A New Way of Thinking About Brands - iCrossingiCrossing
 
I Crossing Connected Brands Primer
I Crossing Connected Brands PrimerI Crossing Connected Brands Primer
I Crossing Connected Brands PrimeriCrossing GmbH
 

Similar to Mediacurrent Introduction to Emotional Design 2019 (20)

UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)
UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)
UXSG2014 Workshop (Day 1) - Leading UX (Trend Micro)
 
UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)
UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)
UXSG2014 #2 Keynote - Leading UX (Hsin Olive Eu)
 
#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...
#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...
#1NWebinar - Creating a Digital-Centered Customer Experience: Branded Express...
 
Creative content coders profile
Creative content coders profileCreative content coders profile
Creative content coders profile
 
Building a strategicuxteam-uxindia14
Building a strategicuxteam-uxindia14Building a strategicuxteam-uxindia14
Building a strategicuxteam-uxindia14
 
Green Mind Agency Presentation
Green Mind Agency PresentationGreen Mind Agency Presentation
Green Mind Agency Presentation
 
Learn Everything You Need to Know About Social Media in 2 Hours
Learn Everything You Need to Know About Social Media in 2 Hours Learn Everything You Need to Know About Social Media in 2 Hours
Learn Everything You Need to Know About Social Media in 2 Hours
 
Bridging the gap: Brand Experience vs Product Development
Bridging the gap: Brand Experience vs Product DevelopmentBridging the gap: Brand Experience vs Product Development
Bridging the gap: Brand Experience vs Product Development
 
Social Media and Fundraisng - are you prepared?
Social Media and Fundraisng - are you prepared? Social Media and Fundraisng - are you prepared?
Social Media and Fundraisng - are you prepared?
 
15 Lesssons From Emotion Design Experience Dynamics Web Seminar
15 Lesssons From Emotion Design  Experience Dynamics Web Seminar15 Lesssons From Emotion Design  Experience Dynamics Web Seminar
15 Lesssons From Emotion Design Experience Dynamics Web Seminar
 
Brand Intimacy: Creating Emotional Connections with Customers.ppsx
Brand Intimacy: Creating Emotional Connections with Customers.ppsxBrand Intimacy: Creating Emotional Connections with Customers.ppsx
Brand Intimacy: Creating Emotional Connections with Customers.ppsx
 
What Makes Great Content? #Socialbakersupclose
What Makes Great Content? #SocialbakersupcloseWhat Makes Great Content? #Socialbakersupclose
What Makes Great Content? #Socialbakersupclose
 
Design Thinking Training - MIT ID Innovation
Design Thinking Training - MIT ID InnovationDesign Thinking Training - MIT ID Innovation
Design Thinking Training - MIT ID Innovation
 
Manager's Guide to Social Media Marketing Growth Hack!
Manager's Guide to Social Media Marketing Growth Hack!Manager's Guide to Social Media Marketing Growth Hack!
Manager's Guide to Social Media Marketing Growth Hack!
 
Meld Magazine: Content Strategy Workshop
Meld Magazine: Content Strategy Workshop Meld Magazine: Content Strategy Workshop
Meld Magazine: Content Strategy Workshop
 
Company Profile: I Impact India Partners
Company Profile: I Impact India PartnersCompany Profile: I Impact India Partners
Company Profile: I Impact India Partners
 
Slide share design thinking workshop mba hec
Slide share   design thinking workshop mba hecSlide share   design thinking workshop mba hec
Slide share design thinking workshop mba hec
 
BEP Handouts.pptx
BEP Handouts.pptxBEP Handouts.pptx
BEP Handouts.pptx
 
Connectedness - A New Way of Thinking About Brands - iCrossing
Connectedness - A New Way of Thinking About Brands - iCrossingConnectedness - A New Way of Thinking About Brands - iCrossing
Connectedness - A New Way of Thinking About Brands - iCrossing
 
I Crossing Connected Brands Primer
I Crossing Connected Brands PrimerI Crossing Connected Brands Primer
I Crossing Connected Brands Primer
 

More from Mediacurrent

Penn State scales static Drupal to new heights
Penn State scales static Drupal to new heightsPenn State scales static Drupal to new heights
Penn State scales static Drupal to new heightsMediacurrent
 
Decoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real WorldDecoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real WorldMediacurrent
 
A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9Mediacurrent
 
Drupal Security: What You Need to Know
Drupal Security: What You Need to KnowDrupal Security: What You Need to Know
Drupal Security: What You Need to KnowMediacurrent
 
Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)Mediacurrent
 
Managing Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 WebsitesManaging Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 WebsitesMediacurrent
 
Paragraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final ShowdownParagraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final ShowdownMediacurrent
 
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
 MagMutual.com: On the JAMStack with Gatsby and Drupal 8 MagMutual.com: On the JAMStack with Gatsby and Drupal 8
MagMutual.com: On the JAMStack with Gatsby and Drupal 8Mediacurrent
 
Creating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to DrupalCreating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to DrupalMediacurrent
 
Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9Mediacurrent
 
Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan Mediacurrent
 
Guide to Component-Based Theming for Drupal 8 and 9
Guide to Component-Based Theming for Drupal 8 and 9 Guide to Component-Based Theming for Drupal 8 and 9
Guide to Component-Based Theming for Drupal 8 and 9 Mediacurrent
 
We Built This City (On Drupal 8)
We Built This City (On Drupal 8) We Built This City (On Drupal 8)
We Built This City (On Drupal 8) Mediacurrent
 
Rain + GatsbyJS: Fast-Tracking to Drupal
Rain + GatsbyJS: Fast-Tracking to Drupal Rain + GatsbyJS: Fast-Tracking to Drupal
Rain + GatsbyJS: Fast-Tracking to Drupal Mediacurrent
 
How We Win With Agile
How We Win With Agile How We Win With Agile
How We Win With Agile Mediacurrent
 
Georgia Tech's Strategic Drupal Redesign
Georgia Tech's Strategic Drupal Redesign Georgia Tech's Strategic Drupal Redesign
Georgia Tech's Strategic Drupal Redesign Mediacurrent
 
Marketing Attribution Modeling
Marketing Attribution ModelingMarketing Attribution Modeling
Marketing Attribution ModelingMediacurrent
 
InteractUSG: Intelligent UX in Human Centered Design
InteractUSG: Intelligent UX in Human Centered DesignInteractUSG: Intelligent UX in Human Centered Design
InteractUSG: Intelligent UX in Human Centered DesignMediacurrent
 

More from Mediacurrent (18)

Penn State scales static Drupal to new heights
Penn State scales static Drupal to new heightsPenn State scales static Drupal to new heights
Penn State scales static Drupal to new heights
 
Decoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real WorldDecoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real World
 
A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9
 
Drupal Security: What You Need to Know
Drupal Security: What You Need to KnowDrupal Security: What You Need to Know
Drupal Security: What You Need to Know
 
Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)
 
Managing Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 WebsitesManaging Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 Websites
 
Paragraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final ShowdownParagraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final Showdown
 
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
 MagMutual.com: On the JAMStack with Gatsby and Drupal 8 MagMutual.com: On the JAMStack with Gatsby and Drupal 8
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
 
Creating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to DrupalCreating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to Drupal
 
Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9
 
Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan
 
Guide to Component-Based Theming for Drupal 8 and 9
Guide to Component-Based Theming for Drupal 8 and 9 Guide to Component-Based Theming for Drupal 8 and 9
Guide to Component-Based Theming for Drupal 8 and 9
 
We Built This City (On Drupal 8)
We Built This City (On Drupal 8) We Built This City (On Drupal 8)
We Built This City (On Drupal 8)
 
Rain + GatsbyJS: Fast-Tracking to Drupal
Rain + GatsbyJS: Fast-Tracking to Drupal Rain + GatsbyJS: Fast-Tracking to Drupal
Rain + GatsbyJS: Fast-Tracking to Drupal
 
How We Win With Agile
How We Win With Agile How We Win With Agile
How We Win With Agile
 
Georgia Tech's Strategic Drupal Redesign
Georgia Tech's Strategic Drupal Redesign Georgia Tech's Strategic Drupal Redesign
Georgia Tech's Strategic Drupal Redesign
 
Marketing Attribution Modeling
Marketing Attribution ModelingMarketing Attribution Modeling
Marketing Attribution Modeling
 
InteractUSG: Intelligent UX in Human Centered Design
InteractUSG: Intelligent UX in Human Centered DesignInteractUSG: Intelligent UX in Human Centered Design
InteractUSG: Intelligent UX in Human Centered Design
 

Recently uploaded

ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 

Recently uploaded (20)

ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 

Mediacurrent Introduction to Emotional Design 2019

Editor's Notes

  1. Welcome to intro to emotional design, i am so thankful to be here today with each one of you.
  2. UX Design is centered in human behavior. By understanding human wants and desires, we create a tailored experience that speaks to fundamental human needs, ultimately leading to a predictable path of decision.
  3. I want draw our focus to who we are. Our humanity. What does that look like to you? I believe one way to view that is we are made up of three parts. <Mind> <Body> <Soul>
  4. Our process of acquiring knowledge and understanding through thought, experience, and the senses.
  5. Human centered design, empathy (ETHOS) personas How do we know our audience?
  6. emotion is not opposed to reason; our emotions assign value to things and are the basis of reason
  7. emotion is not opposed to reason; our emotions assign value to things and are the basis of reason
  8. 3 Levels of Emotion According to Don Normon’s Theory of Emotion there are three levels of human emotion Visceral This our primal system, it is the system that we are born with, it is relational to deep inward feelings rather than to the intellect. Viscera - The internal organs in the main cavities of the body, especially those in the abdomen, such as the intestines. Neurotransmitters (chemical messengers in our brains) determine what emotions we feel and force a physical response. Raw and uncontrolled, these visceral reactions are something all people experience, making them a valuable tool for building reader empathy. Some examples would be shivering, adrenaline rushes, the heart rate and breath speeding up or slowing down, the stomach tightening, a flash of nausea, a flush of heat, and sweating. It is regulated by the autonomic nervous system, which is a control system that acts largely unconsciously and regulates bodily functions Within the brain, the autonomic nervous system is regulated by the hypothalamus.
  9. Spider in a drawer, slamming the drawer shut, screaming and running away Scientists have explained it to be a result of evolutionary selection. This means that Arachnophobia is an evolutionary response, since spiders, especially the venomous ones, have always been associated with infections and disease. To produce the fight-or-flight response, the hypothalamusactivates two systems: the sympathetic nervous system and the adrenal-cortical system. The sympathetic nervous system uses nerve pathways to initiate reactions in the body, and the adrenal-cortical system uses the bloodstream. This is why an image such as this, (or in real life) will quicken the pulse and create automatic response.
  10. Primal instincts, such as attraction and sensuality can cause also cause physical reactions within the visceral system. In addition, combining elements of dopamine eliciting stimuli can create stronger reactions, as in this example of a woman’s hand and melted ice cream.
  11. The behavioral level emotion is how we use something, how we learn to understand it. Can we predict to understand? Does it feel good? Skill development occurs through behavioral repetition and practice that is both emotional and cognitive.
  12. Our process of acquiring knowledge and understanding through thought, experience, and the senses. The theory of multiple intelligences was developed in 1983 by Dr. Howard Gardner, professor of education at Harvard University. It suggests that the traditional notion of intelligence, based on I.Q. testing, is far too limited. Instead, Dr. Gardner proposes eight different intelligences to account for a broader range of human potential in children and adults. These intelligences are: Linguistic intelligence (“word smart”) Logical-mathematical intelligence (“number/reasoning smart”) Spatial intelligence (“picture smart”) Bodily-Kinesthetic intelligence (“body smart”) Musical intelligence (“music smart”) Interpersonal intelligence (“people smart”) Intrapersonal intelligence (“self smart”) Naturalist intelligence (“nature smart”)
  13. This is the conscious level of emotion. It is experiential and historical. This is where we think back on what we did or did not do This is where our conscious beliefs live as well as experiential Learning There can be no knowledge without emotion. We may be aware of a truth, yet until we have felt its force, it is not ours This could be where the term “Walk a Mile in My Shoes” comes from. Showing: hyperdex life-mapping examples (encourage reflection, lessons learned, balance tiers)
  14. Our favorite objects tell a story that capture the mind heart and body. These are the things that people cherish the most. Design is about fitting people’s needs, whatever they may need at that time.
  15. I want to share with you about my children. I love to watch them play. Often times they go so lost in what they are doing, they are ever present, every delightful, ever full of joy. I notice that after awhile they may begin to squirm or express in restrictive ways They look a little like this;
  16. I ask them if they need to go to the bathroom. To which they reply “no” I then tell them “Your mouth is saying something but your butt is saying another”
  17. In user centered design and behavioral science, we watch what our users do.
  18. In 1980 Robert Plutchik constructed a wheel-like diagram of emotions visualising eight basic emotions, plus eight derivative emotions each composed of two basic ones. The 8 basic emotions that Plutchik devised were: Anger Disgust Fear Sadness Anticipation Joy Surprise Trust
  19. Author/Copyright holder: xdxd_vs_xdxd. Copyright terms and licence: CC BY-SA 2.0 From this initial emotional theory Plutchik then developed a Wheel of Emotion. It was designed to help the user understand the nuances of emotion and how emotions contrast with each other. He developed both 2 and 3 dimensional models for this. The 3D model is the “cone-shaped model of emotion”. They were first described back in 1980. The wheel can be used by designers to examine the complexities of emotion and to act as a “colour palette” for emotional design – with the idea being that blending different emotions will create different levels of emotional response and intensities of that response. The wheel focuses on the basic emotions that most designers are likely to want to elicit in their users and as such provides a useful starting point. Anticipation + Joy = Optimism (with its opposite being disapproval) Joy + Trust = Love (with its opposite being remorse) Trust + Fear = Submission (with its opposite being contempt) Fear + Surprise = Awe (with its opposite being aggression) Surprise + Sadness = Disapproval (with its opposite being optimism) Sadness + Disgust = Remorse (with its opposite being love) Disgust + Anger = Contempt (with its opposite being submission) Anger + Anticipation = Aggressiveness (with its opposite being awe)
  20. emotion is not opposed to reason; our emotions assign value to things and are the basis of reason
  21. With careful observation, emotions may be detected from non-verbal signs. Remember that these are indicators and not certain guarantees. Contextual clues may also be used, in particular what is being said to the person or what else is happening around then.
  22. Happiness Happiness occurs when goals and needs are met. General relaxation of muscles. Smiling (including eyes). Open body language
  23. How do we mirror community interactions to touch on human emotion within a design system?Through Micro-interactions - small moments with technology we often look but are anything but insignificant. Conditioning: Positive reinforcement encourages an action by rewarding it. There are two ways to use positive reinforcement in UX. You can train your users to utilise it and master it by rewarding their interaction with it, by imposing rewards on the platform as a whole, this is not forming a particular behavior or habit. You simply want to encourage continued and repeated use of the website or mobile app in general. To accomplish this positively reinforce the key behaviors by rewarding the user when they complete them, ultimately cultivating a more engaging, enjoyable experience. These rewards do not have to be lavish or complicated. They may be as simple as giving the user a clear, concise confirmation that they have completed the interaction successfully. When employing an Unconventional design feature A non-traditional navigation Unfamiliar architecture
  24. The little burts. The tiny explosions. The movement of icons. The popping of numbers. All of these are microinteractions, stimuli within our cerbral cortext that causes the release of dopamine and seratonin. MRI studies have revealed that cortical activation from the external stimuli of clapping. Medium’s simulation of the behavior paired with bursts, movement and numbers popping can cause cortical activation, which is stimulation of areas of the cerebral or cerebellar cortices. Attainment is possible through sensory arousal or mental tasks. Microinteractions have become an essential part of our digital life. From the time you wake up to your mobile alarm, to checking emails, liking your friends post on Facebook to playing songs on your iPhone- we live with microinteractions all day.
  25. Anger Sigmund Freud related frustration to goal achievement. Our actions have a purpose or goal, and any interruption to this goal completion is upsetting. Other psychologists have linked frustration with the anticipation of a goal, rather than its actual achievement. If our expectations are thwarted as we pursue an aim, the hindrance blocks satisfaction and skews anticipations. Alternatively, as Roger Barker posits, frustration occurs when “an obstacle prevents the satisfaction of a desire.” Neck and/or face is red or flushed. Baring of teeth and snarling. Clenched fists. Leaning forward and invasion of body space. Other aggressive body language. Use of power body language.
  26. Lack of indication can frustrate a users goal for process completion. Frustration occurs when an individual continues to do an action in the expectation of a reward but does not actually receive that reward, and is associated with anger. Uncertainty, Frustration
  27. Good progress indicators always give some type of immediate feedback. They notify users that the app needs more time to process the user action, and tell (approximately) how much time it will take. They have two main advantages: Reduce user’s uncertainty (app reassures the user that it’s working). Offer a reason to wait and reduce users’ perception of time (app gives the user something to look at while waiting. Thus, makes users pay less attention to the wait itself). A user’s wait time begins the moment when she taps the screen (initiates an action). Immediately, the system should give some visual feedback to communicate that it has received the request.
  28. Many websites show a progress indicator or, even better, a page skeleton during loading, gradually unveiling the actual content as it’s being loaded. In UX practice, use skeletons to show content piece by piece, continuously, gives a feeling that the loading process is fluid (and quicker).
  29. Fear, anxiety and nervousness Fear occurs when basic needs are threatened. There are many levels of fear, from mild anxiety to blind terror. The many bodily changes caused by fear make it easy to detect. A 'cold sweat'. Pale face. Dry mouth, which may be indicated by licking lips, drinking water, rubbing throat. Not looking at the other person. Damp eyes. Trembling lip. Varying speech tone. Speech errors. Voice tremors. Visible high pulse (noticeable on the neck or movement of crossed leg. Sweating. Tension in muscles: clenched hands or arms, elbows drawn in to the side, jerky movements, legs wrapped around things. Gasping and holding breath. Fidgeting. Defensive body language, including crossed arms and legs and generally drawing in of limbs. Ready body language (for fight-or-flight) Other symptoms of stress
  30. Humanizing UX: Using Friction in Error Prevention Error prevention is a basic usability principle, and the most common use of friction in product design is to make it hard to do something by mistake (especially when it comes to nonreversible actions): Purpose of Pain: Fear will focus users and eliminate distraction In error prevention: CONFIRM ACTIONS WITH SEVERE CONSEQUENCES
  31. From the user’s perspective, such confirmation is an extra step in the process (a friction, actually) but at the same time, they are assured that they will not accidentally perform an action that is hard to undo.
  32. Sadness Sadness is the opposite of happiness and indicates a depressive state, often can be caused by loss or failure. Drooping of the body. Trembling lip. Flat speech tone. Tears.
  33. Empathy in UX Neuroaesthetics is probing the relationship between art and the brain. Mirror neurons are a type of brain cell that respond equally when we perform an action and when we witness someone else perform the same action. A narrative conveys information from one person’s brain to another’s in an effective way. We can learn vicariously through another’s experience from a safe space, without really being involved, which is why storytelling is so powerful. Research has shown that, as humans, we are actually programmed to be enraptured by stories. When we hear a story, the neural activity in the brain increases fivefold, meaning that we are much more likely to remember the story and the message it’s trying to convey. We can empathize with what the characters go through without suffering the full force of fresh heartbreak. Research shows that we tend to empathize more with characters in sad stories , and this may trigger hormones releated to consoling and bonding
  34. Care.com uses the Hero area of their campaign sites to show an emotional story through the eyes of affected individuals This campaign features content raising awareness on the THE HUMAN COST OF CUTS Where New Analysis from Leading Humanitarian, Development and Global Health Organizations Calculates the Devastating Human Costs of Cuts to Foreign Assistance Placing a face and emotional connection on the foreign assistance cuts may help raise awareness of the impact of such decisions.
  35. Anticipation Anticipation involves pleasure, excitement, or anxiety in considering or awaiting an expected event More generally, anticipation is a central motivating force in everyday life — "the normal process of imaginative anticipation of, or speculation about, the future". To enjoy one's life, "one needs a belief in Time as a promising medium to do things in; one needs to be able to suffer the pains and pleasures of anticipation and deferral" Some people seem to smile uncontrollably during this period Others seem ill or sick It is not uncommon for the brain to be so focused on an event, that the body is affected in such a way It creates Delight, which is a high degree of gratification or pleasure, extreme satisfaction, joy.
  36. Anticipation is used in UI and game design. Elements of surprise, delight, anticipation, can be effective in getting your audience to fall in love with your brand. This is how bands can build memories through whimsy and surprise.
  37. Surprise Surprise occurs when things occur that were not expected. Raised eyebrows. Widening of eyes. Open mouth. Sudden backward movement. In UX a Surprise is also an unexpected or astonishing event, fact or thing. It also creates Delight and joy.
  38. Micro interactions is about designing for moments. It’s about establishing an emotional connection with your users and reminding them that product they’re interacting with is designed by humans.
  39. Each one of us possesses an amount of spatial intelligence, it is how we comprehend three-dimensional images and shapes. This is a primary function of the right side of the brain and is used when solving puzzles, figuring out maps and taking part in any type of construction or engineering project. (GISHTAHLT)Gestalt is a psychology term which means "unified whole". It refers to theories of visual perception developed by German psychologists in the 1920s. These theories attempt to describe how people tend to organize visual elements into groups or unified wholes when certain principles are applied. These principles are as follows:
  40. Similarity occurs when objects look similar to one another. People often perceive them as a group or pattern. The example above (containing 11 distinct objects) appears as as single unit because all of the shapes have similarity. Unity occurs because the triangular shapes at the bottom of the eagle symbol look similar to the shapes that form the sunburst. When similarity occurs, an object can be emphasised if it is dissimilar to the others. This is called anomaly. The figure on the far right becomes a focal point because it is dissimilar to the other shapes.
  41. Continuation occurs when the eye is compelled to move through one object and continue to another object. Continuation occurs in the example above, because the viewer's eye will naturally follow a line or curve. The smooth flowing crossbar of the "H" leads the eye directly to the maple leaf.
  42. Closure occurs when an object is incomplete or a space is not completely enclosed. If enough of the shape is indicated, people perceive the whole by filling in the missing information. Although the panda above is not complete, enough is present for the eye to complete the shape. When the viewer's perception completes a shape, closure occurs.
  43. Proximity occurs when elements are placed close together. They tend to be perceived as a group. The nine squares above are placed without proximity. They are perceived as separate shapes. When the squares are given close proximity, unity occurs. While they continue to be separate shapes, they are now perceived as one group. The fifteen figures above form a unified whole (the shape of a tree) because of their proximity.
  44. The eye differentiates an object form its surrounding area. a form, silhouette, or shape is naturally perceived as figure (object), while the surrounding area is perceived as ground (background). Balancing figure and ground can make the perceived image more clear. Using unusual figure/ground relationships can add interest and subtlety to an image. The word “figure” is clearly perceived as figure with the surrounding whitespace ground. In the image to the right, the figure and ground relationships change as the eye perceives the the form of a shade or the silhouette of a face.
  45. Erik Erikson, a psychologist and psychoanalyst known for his theory on psychological development of human beings, defines intimacy as: “the ability to fuse your identity with someone else’s without the fear that you’re going to lose something yourself,” What we share of our identity are qualities, beliefs, personality, looks and/or expressions, which make each one of us unique. As humans, we have a deep need to be seen for who we are and to be understood. Intimacy is a process of sharing whereby we feel truly seen, known by and connected to others. Understanding and sharing in our identities is vital to leading healthy and fulfilling lives. Knowing and liking who we are secures a sense of belonging and self. So how exactly does this apply to brands?
  46. Laughter is contagious In brand intimacy we want to reflect to our consumers Brand Intimacy Parallels Human Intimacy A brand can create intimacy by offering incremental improvements in the user experience. It does this by tapping into emotion to amplify relevance in the consumers’ lives, which builds deeper bonds. As a result, the investment in the consumer as an individual will lead to reciprocity, as in any human relationship, and the consumer will invest in the brand. There are many patterns of persuasion that can be used when designing UX and content mapping. Brands use persuasive patterns to nudge behavior based on human need. These patterns foster the relationship between an individual and a brand, and they can be used to measure the character and nature of emotional bonds between the two parties. In branding this is done through a narrative of image, color, tone and story. All of these elements combine to create a personality, much as we humans have personalities of our based on our own values, beliefs and presentation. Let’s take a look at six of these patterns.
  47. The GA Tech Professional Education brand promises prestige with their brand statement, "Stand out in your profession with a credential from one of the nation's leading research universities."
  48. Example: The Guardian Direct brand promises security with their brand statement, “Life is full of surprises. Everyone deserves a Guardian.”
  49. Example: The Care Action brand promises a simple path to purpose with their brand statement, “Got 3 minutes today? If so, you can take action for Global change.”
  50. Code and Theory partnered with the Today.com brand to reimagine their promise of belonging with their statement of being an all-day lifestyle destination. The show has a loyal fan base of viewers and creating an experience that was familiar, but different, was top of mind. There are many product offerings, contests, and giveaways that aim to drive conversion and bring these viewers online. Code and Theory established a clearer hierarchy on the site that was easy to navigate, along with engaging hero treatments and wayfinding design, to created a seamless cross-platform experience that opens new possibilities for editors and advertisers alike.
  51. Example: Code and Theory partnered with Burger King to create a movement by bringing back a product that teens and young millennials had been longing form. During its peak in Q1 2014, for every three times a consumer mentioned “Burger King” on social media, the phrase “Chicken Fries” was mentioned at least once. This was remarkable, as this product hadn’t been promoted or advertised since 2012. Millennials longed for Chicken Fries, and begged Burger King to bring them back. That’s when our big insight hit: We were depriving these consumers of a product that would give them a reason to start visiting Burger King again, and a reason to talk about the brand in a positive way on social.
  52. Example: Code and Theory partnered with the Maybelline New York brand in their promise of safety/security. Their campaign statement Dare to Go Nude encourages audiences to consider nude shades not as “boring” color options, but rather as a bold new way to express your true self.
  53. Talk about culture / belonging / identity Shared Belief in Culture: The Truth Initiative Mediacurrent, along with Code and Theory, partnered with The Truth Initiative to create an online experience focused on the vision for a generation for whom tobacco is a thing of the past. Their mission, to achieve a culture where all youth and young adults reject tobacco, is grounded in four core brand values: courage, curiosity, collaboration, and commitment. The Truth Initiative’s website launched a limited-edition Vans sneaker to help promote the two brands’ partnership. Both brands were able to connect to consumers and evangelists by cross-promoting between product and initiative. Believers in the Truth Initiative’s mission were able to become actual “walking billboards.”
  54. Strategic partnerships such as this one strengthen commonality across brands and collectives. Culturally driven campaigns, such as the Van’s We That Generation by Kevin Lyons helps raise brand awareness through experiential artwork and celebrity amplification. Campaigns that address issues people are passionate about drive engagement. This opens up a forum for brands to connect and fuse with their audience.
  55. As we consider what it means to be present with one another, to listen and share, we must recognize the ripple effect of our exchanges, attributions and micro-interactions within systems and one another echo within the digital and material ecosystems. Are there brands that you are intimate with? What about them is attractive? Consider the message that you carry forward for them.
  56. Dawn