SlideShare ist ein Scribd-Unternehmen logo
1 von 83
Downloaden Sie, um offline zu lesen
THE OVERLAP OF
EMOTION AND
USABILITY
by Ross Johnson of 3.7 DESIGNS
@3pointRoss / @37Designs
I AM ROSS
“DANGER”
JOHNSON
@3pointRoss
@37Designs
My background is a bit diverse...

DESIGNER
SOCIAL SCIENTIST
DEVELOPER
EDUCATOR
I founded a company in 2005

3.7 DESIGNS
WEB DESIGN
BRANDING
USER EXPERIENCE
DIGITAL MARKETING
WORDPRESS (YEAH BABY)
I started teaching in 2008

WASHTENAW
COMMUNITY
COLLEGE
In 2012 I began teaching at

MICHIGAN STATE
UNIVERSITY
Wrote a book in 2011


 the
SIX LAYERS
    of DESIGN
My research is the foundation for
much of this discussion.
Whether designing commercial themes or
custom ones for clients (or yourself)
GREAT DESIGN
LEADS TO GREAT
EXPERIENCES. GREAT
EXPERIENCES LEAD
TO SUCCESSFUL
WEBSITES.
HOW DO WE
APPROACH
USABILITY / UX?
Now that we know what “UX” is...

WHAT ARE THE
DELIVERABLES?
INFORMATION
ORGANIZATION
LAYOUT &
WORKFLOW
PROCESS MAPS
USABILITY
 STUDIES
Ease of use
    Frequency of use
    Difficulty to keep track of location in website
    Learn ability
    Information facilitation
    Look & feel appeal
    Site content
    Site organization
✓
ALL HELPFUL &
VALUABLE BUT...
IS THIS
YOUR USER?
IS THIS
YOUR USER?
SO I ASK...
IS THIS
YOUR USER?
WHAT’S MISSING?
LET ME INTRODUCE
YOU TO HUMANS...
FOR A SUBJECT
SO FOCUSED ON
HUMANS, THERE
IS LITTLE
EMPHASIS ON THE
MOST HUMAN
CHARACTERISTIC
EMOTION
EMOTION DRIVES
ALL OF OUR
BEHAVIOR. WE
JUSTIFY DECISIONS
WITH LOGIC AFTER
THEY ARE MADE.
THE PLANK
EXAMPLE...
BEHAVIOR IS
PREDOMINANTLY
DRIVEN BY THE
SUBCONSCIOUS.
X


1. Weinschenk, Ph.D. Neuro Web Design
AN EMOTIONAL
QUESTION?
WHAT CEREAL DO
YOU WANT?
2. Emotional Design, Norman
EMOTIONS

 MOTIVATION

  ACTIONS

JUSTIFICATION
EMOTIONS


SITE OBJECTIVES GOOD EXPERIENCES
UX != MAKE IT LOGICAL
UX == MANAGING EMOTIONS
PRIME EXAMPLE:
AESTHETIC
USABILITY
EFFECT.
3. Norman, Emotional Design
MANAGING EMOTIONS FOR UX...



HOW?
Three Types of Emotional Responses:


VISCERAL
BEHAVIORAL
REFLECTIVE
SUBCONSCIOUS



VISCERAL

BEHAVIORAL

REFLECTIVE
              CONSCIOUS
Old Brain


VISCERAL
FIGHT or
FLIGHT
DANGER or
OPPORTUNITY
FIGHT or
FLIGHT
DANGER or
OPPORTUNITY
VILAYANUR RAMACHANDRAN

BRAIN IS MADE UP
OF 100 BILLION
NEURONS. MOTOR
NEURONS FIRE
WHEN PERFORMING
ACTIONS.
VILAYANUR RAMACHANDRAN

THOSE SAME
NEURONS FIRE
WHEN YOU WATCH
SOMEONE PERFORM
THE SAME ACTION.
VILAYANUR RAMACHANDRAN

THE LIMBIC
SYSTEM AND THE
AMYGDALGA
VILAYANUR RAMACHANDRAN

SEEING IMAGERY OF
IMPORTANCE
CAUSES PHYSICAL
REACTIONS.
“FEELS”
SAFE
“FEELS”
UNSAFE
VISUALS

  EMOTIONAL
  REACTIONS

MOOD & MINDSET
What does it “feel” like to use?


BEHAVIORAL
INLINE WITH
TRADITIONAL
UX FACETS
Learn and Love


COST BENEFIT
PRINCIPLE
Why we hate


LONG WEB
FORMS...
Why we


DON’T READ
INSTRUCTIONS
UNLESS WE
HAVE TO.
And love


CALORICALLY
DENSE FOOD
EFFORT       BENEFIT
TO OBTAIN   OF OBTAINING
Hick’s Law in Action


EXAMPLE
4. Weinschenk, Ph.D. Neuro Web Design
Selective Disregard


EXAMPLE #2
RECOGNITION
OVER RECALL
PROGRESSIVE
 DISCLOSURE
MINIMIZE ALL
  OPTIONS
ULTIMATELY

MINIMIZE EFFORT
   REQUIRED.
Influencing Ones Conscious Thought


REFLECTIVE
Basic influence:


HOW DO I
REMEMBER
EXPERIENCING
THIS WEBSITE?
Mid Level Influence:


DOES THIS
REMIND ME OF A
GOOD OR BAD
EXPERIENCE?
Mid Level Influence:


DOES THIS SEEM
LOOK LIKE IT
SHOULD BE
USABLE?
5. Blink, Gladwell
Mid Level Influence:


IS THIS A
PRESTIGIOUS
WEBSITE?
Mid Level Influence:


IS THIS A
PRESTIGIOUS
WEBSITE?
Mid Level Influence:


IS THIS A
PRESTIGIOUS
WEBSITE?
THANK YOU
Ross Johnson of 3.7 DESIGNS
@3pointRoss / @37Designs



Recommended Reading
Neuro Web Design by Weinschenk, Ph.D.
100 Things Every Designer Needs to Know About People
by Weinschenk, Ph.D.
The Design of Everyday Things by Don Norman
Emotional by Don Norman
Designing with the Mind in Mind by Jeff Johnson
Blink by Malcolm Gladwell
Designing for Emotion by Aarron Walter

Weitere ähnliche Inhalte

Ähnlich wie Overlap of emotion and usability

Ähnlich wie Overlap of emotion and usability (20)

Anant National University - Interaction design - lesson 1
Anant National University - Interaction design - lesson 1Anant National University - Interaction design - lesson 1
Anant National University - Interaction design - lesson 1
 
Toward an Ethics of UX
Toward an Ethics of UXToward an Ethics of UX
Toward an Ethics of UX
 
Building for the Mobile Experience
Building for the Mobile ExperienceBuilding for the Mobile Experience
Building for the Mobile Experience
 
Psychology for User Experience
Psychology for User ExperiencePsychology for User Experience
Psychology for User Experience
 
Design principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney HessDesign principles philopsohy of ux -Whitney Hess
Design principles philopsohy of ux -Whitney Hess
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
 
Your UX Career Path
Your UX Career PathYour UX Career Path
Your UX Career Path
 
Design Thinking - NYU Ambition Conference
Design Thinking - NYU Ambition ConferenceDesign Thinking - NYU Ambition Conference
Design Thinking - NYU Ambition Conference
 
Pretending for a living - why actors are all UX designers
Pretending for a living - why actors are all UX designersPretending for a living - why actors are all UX designers
Pretending for a living - why actors are all UX designers
 
Emergent UX: Seducing the six minds
Emergent UX: Seducing the six mindsEmergent UX: Seducing the six minds
Emergent UX: Seducing the six minds
 
Design Heuristic as Mental Shortcut
Design Heuristic as Mental ShortcutDesign Heuristic as Mental Shortcut
Design Heuristic as Mental Shortcut
 
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
 
Emergent UX: Seducing the Six Minds - IXDA-NYC
Emergent UX: Seducing the Six Minds - IXDA-NYCEmergent UX: Seducing the Six Minds - IXDA-NYC
Emergent UX: Seducing the Six Minds - IXDA-NYC
 
Designprinciples
DesignprinciplesDesignprinciples
Designprinciples
 
Lecture on Service Design and Design Thinking Management Center Innsbruck 2009
Lecture on Service Design and Design Thinking Management Center Innsbruck 2009Lecture on Service Design and Design Thinking Management Center Innsbruck 2009
Lecture on Service Design and Design Thinking Management Center Innsbruck 2009
 
UX Thinking - an introduction
UX Thinking - an introductionUX Thinking - an introduction
UX Thinking - an introduction
 
Presentation notes
Presentation notesPresentation notes
Presentation notes
 
The 3 Nesses
The 3 NessesThe 3 Nesses
The 3 Nesses
 
DESIGNING GRAPHICS BASED ON CROWDSOURCED DATA
 DESIGNING GRAPHICS BASED ON CROWDSOURCED DATA DESIGNING GRAPHICS BASED ON CROWDSOURCED DATA
DESIGNING GRAPHICS BASED ON CROWDSOURCED DATA
 
Designing Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF DocDesigning Interactions Downloadable PDF Doc
Designing Interactions Downloadable PDF Doc
 

Mehr von Ross Johnson

Word press & social media
Word press & social mediaWord press & social media
Word press & social media
Ross Johnson
 
Public Agencies Meet Sustainable Design
Public Agencies Meet Sustainable DesignPublic Agencies Meet Sustainable Design
Public Agencies Meet Sustainable Design
Ross Johnson
 

Mehr von Ross Johnson (15)

Design for Non-Designers
Design for Non-DesignersDesign for Non-Designers
Design for Non-Designers
 
Starting a Successful Premium Pluging Business
Starting a Successful Premium Pluging BusinessStarting a Successful Premium Pluging Business
Starting a Successful Premium Pluging Business
 
Creating Influence
Creating InfluenceCreating Influence
Creating Influence
 
Blogging Best Practices - The MSU New Media Drivers License Course
Blogging Best Practices - The MSU New Media Drivers License CourseBlogging Best Practices - The MSU New Media Drivers License Course
Blogging Best Practices - The MSU New Media Drivers License Course
 
WordPress Website Basics - Domains, Hosting & Why WordPress
WordPress Website Basics - Domains, Hosting & Why WordPressWordPress Website Basics - Domains, Hosting & Why WordPress
WordPress Website Basics - Domains, Hosting & Why WordPress
 
Word press & social media
Word press & social mediaWord press & social media
Word press & social media
 
Double Your Website’s Success
Double Your Website’s SuccessDouble Your Website’s Success
Double Your Website’s Success
 
Wordpress Backups, Automated and Secure
Wordpress Backups, Automated and SecureWordpress Backups, Automated and Secure
Wordpress Backups, Automated and Secure
 
Speed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress HorsepowerSpeed Up Wordpress, Wordpress Horsepower
Speed Up Wordpress, Wordpress Horsepower
 
Wordpress horsepower
Wordpress horsepowerWordpress horsepower
Wordpress horsepower
 
Why Social Media Succeeds or Fails
Why Social Media Succeeds or FailsWhy Social Media Succeeds or Fails
Why Social Media Succeeds or Fails
 
Web Site Strategy - Building an Effective Website
Web Site Strategy - Building an Effective WebsiteWeb Site Strategy - Building an Effective Website
Web Site Strategy - Building an Effective Website
 
Public Agencies Meet Sustainable Design
Public Agencies Meet Sustainable DesignPublic Agencies Meet Sustainable Design
Public Agencies Meet Sustainable Design
 
Public Agencies Meet Sustainable Design
Public Agencies Meet Sustainable DesignPublic Agencies Meet Sustainable Design
Public Agencies Meet Sustainable Design
 
A3C Spring Map
A3C Spring MapA3C Spring Map
A3C Spring Map
 

Kürzlich hochgeladen

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 

Kürzlich hochgeladen (20)

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 

Overlap of emotion and usability