Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
THE OVERLAP OFEMOTION ANDUSABILITYby Ross Johnson of 3.7 DESIGNS@3pointRoss / @37Designs
I AM ROSS“DANGER”JOHNSON@3pointRoss@37Designs
My background is a bit diverse...DESIGNERSOCIAL SCIENTISTDEVELOPEREDUCATOR
I founded a company in 20053.7 DESIGNSWEB DESIGNBRANDINGUSER EXPERIENCEDIGITAL MARKETINGWORDPRESS (YEAH BABY)
I started teaching in 2008WASHTENAWCOMMUNITYCOLLEGEIn 2012 I began teaching atMICHIGAN STATEUNIVERSITY
Wrote a book in 2011 theSIX LAYERS    of DESIGNMy research is the foundation formuch of this discussion.
Whether designing commercial themes orcustom ones for clients (or yourself)GREAT DESIGNLEADS TO GREATEXPERIENCES. GREATEXP...
HOW DO WEAPPROACHUSABILITY / UX?
Now that we know what “UX” is...WHAT ARE THEDELIVERABLES?
INFORMATIONORGANIZATION
LAYOUT &WORKFLOW
PROCESS MAPS
USABILITY STUDIES
Ease of use    Frequency of use    Difficulty to keep track of location in website    Learn ability    Information facilit...
ALL HELPFUL &VALUABLE BUT...
IS THISYOUR USER?
IS THISYOUR USER?
SO I ASK...IS THISYOUR USER?
WHAT’S MISSING?
LET ME INTRODUCEYOU TO HUMANS...
FOR A SUBJECTSO FOCUSED ONHUMANS, THEREIS LITTLEEMPHASIS ON THEMOST HUMANCHARACTERISTIC
EMOTION
EMOTION DRIVESALL OF OURBEHAVIOR. WEJUSTIFY DECISIONSWITH LOGIC AFTERTHEY ARE MADE.
THE PLANKEXAMPLE...
BEHAVIOR ISPREDOMINANTLYDRIVEN BY THESUBCONSCIOUS.
X1. Weinschenk, Ph.D. Neuro Web Design
AN EMOTIONALQUESTION?WHAT CEREAL DOYOU WANT?2. Emotional Design, Norman
EMOTIONS MOTIVATION  ACTIONSJUSTIFICATION
EMOTIONSSITE OBJECTIVES GOOD EXPERIENCES
UX != MAKE IT LOGICAL
UX == MANAGING EMOTIONS
PRIME EXAMPLE:AESTHETICUSABILITYEFFECT.3. Norman, Emotional Design
MANAGING EMOTIONS FOR UX...HOW?
Three Types of Emotional Responses:VISCERALBEHAVIORALREFLECTIVE
SUBCONSCIOUSVISCERALBEHAVIORALREFLECTIVE              CONSCIOUS
Old BrainVISCERAL
FIGHT orFLIGHTDANGER orOPPORTUNITY
FIGHT orFLIGHTDANGER orOPPORTUNITY
VILAYANUR RAMACHANDRANBRAIN IS MADE UPOF 100 BILLIONNEURONS. MOTORNEURONS FIREWHEN PERFORMINGACTIONS.
VILAYANUR RAMACHANDRANTHOSE SAMENEURONS FIREWHEN YOU WATCHSOMEONE PERFORMTHE SAME ACTION.
VILAYANUR RAMACHANDRANTHE LIMBICSYSTEM AND THEAMYGDALGA
VILAYANUR RAMACHANDRANSEEING IMAGERY OFIMPORTANCECAUSES PHYSICALREACTIONS.
“FEELS”SAFE
“FEELS”UNSAFE
VISUALS  EMOTIONAL  REACTIONSMOOD & MINDSET
What does it “feel” like to use?BEHAVIORAL
INLINE WITHTRADITIONALUX FACETS
Learn and LoveCOST BENEFITPRINCIPLE
Why we hateLONG WEBFORMS...
Why weDON’T READINSTRUCTIONSUNLESS WEHAVE TO.
And loveCALORICALLYDENSE FOOD
EFFORT       BENEFITTO OBTAIN   OF OBTAINING
Hick’s Law in ActionEXAMPLE4. Weinschenk, Ph.D. Neuro Web Design
Selective DisregardEXAMPLE #2
RECOGNITIONOVER RECALL
PROGRESSIVE DISCLOSURE
MINIMIZE ALL  OPTIONS
ULTIMATELYMINIMIZE EFFORT   REQUIRED.
Influencing Ones Conscious ThoughtREFLECTIVE
Basic influence:HOW DO IREMEMBEREXPERIENCINGTHIS WEBSITE?
Mid Level Influence:DOES THISREMIND ME OF AGOOD OR BADEXPERIENCE?
Mid Level Influence:DOES THIS SEEMLOOK LIKE ITSHOULD BEUSABLE?5. Blink, Gladwell
Mid Level Influence:IS THIS APRESTIGIOUSWEBSITE?
Mid Level Influence:IS THIS APRESTIGIOUSWEBSITE?
Mid Level Influence:IS THIS APRESTIGIOUSWEBSITE?
THANK YOURoss Johnson of 3.7 DESIGNS@3pointRoss / @37DesignsRecommended ReadingNeuro Web Design by Weinschenk, Ph.D.100 Th...
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Overlap of emotion and usability
Próxima SlideShare
Cargando en…5
×

Overlap of emotion and usability

4.202 visualizaciones

Publicado el

Discussion on usability are centered around logic, timing and goal completion. For a subject so focused on humans there is very little focus on the most human element, emotion. In this presentation I discuss how usability and emotion are inseparable and how you can use emotion to create more enjoyable websites.

Publicado en: Diseño, Tecnología
  • Great slides. We are a nuance don't you think? Consider condensing it's a bit long. I'm off at minimise effort requires
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

Overlap of emotion and usability

  1. 1. THE OVERLAP OFEMOTION ANDUSABILITYby Ross Johnson of 3.7 DESIGNS@3pointRoss / @37Designs
  2. 2. I AM ROSS“DANGER”JOHNSON@3pointRoss@37Designs
  3. 3. My background is a bit diverse...DESIGNERSOCIAL SCIENTISTDEVELOPEREDUCATOR
  4. 4. I founded a company in 20053.7 DESIGNSWEB DESIGNBRANDINGUSER EXPERIENCEDIGITAL MARKETINGWORDPRESS (YEAH BABY)
  5. 5. I started teaching in 2008WASHTENAWCOMMUNITYCOLLEGEIn 2012 I began teaching atMICHIGAN STATEUNIVERSITY
  6. 6. Wrote a book in 2011 theSIX LAYERS of DESIGNMy research is the foundation formuch of this discussion.
  7. 7. Whether designing commercial themes orcustom ones for clients (or yourself)GREAT DESIGNLEADS TO GREATEXPERIENCES. GREATEXPERIENCES LEADTO SUCCESSFULWEBSITES.
  8. 8. HOW DO WEAPPROACHUSABILITY / UX?
  9. 9. Now that we know what “UX” is...WHAT ARE THEDELIVERABLES?
  10. 10. INFORMATIONORGANIZATION
  11. 11. LAYOUT &WORKFLOW
  12. 12. PROCESS MAPS
  13. 13. USABILITY STUDIES
  14. 14. 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✓
  15. 15. ALL HELPFUL &VALUABLE BUT...
  16. 16. IS THISYOUR USER?
  17. 17. IS THISYOUR USER?
  18. 18. SO I ASK...IS THISYOUR USER?
  19. 19. WHAT’S MISSING?
  20. 20. LET ME INTRODUCEYOU TO HUMANS...
  21. 21. FOR A SUBJECTSO FOCUSED ONHUMANS, THEREIS LITTLEEMPHASIS ON THEMOST HUMANCHARACTERISTIC
  22. 22. EMOTION
  23. 23. EMOTION DRIVESALL OF OURBEHAVIOR. WEJUSTIFY DECISIONSWITH LOGIC AFTERTHEY ARE MADE.
  24. 24. THE PLANKEXAMPLE...
  25. 25. BEHAVIOR ISPREDOMINANTLYDRIVEN BY THESUBCONSCIOUS.
  26. 26. X1. Weinschenk, Ph.D. Neuro Web Design
  27. 27. AN EMOTIONALQUESTION?WHAT CEREAL DOYOU WANT?2. Emotional Design, Norman
  28. 28. EMOTIONS MOTIVATION ACTIONSJUSTIFICATION
  29. 29. EMOTIONSSITE OBJECTIVES GOOD EXPERIENCES
  30. 30. UX != MAKE IT LOGICAL
  31. 31. UX == MANAGING EMOTIONS
  32. 32. PRIME EXAMPLE:AESTHETICUSABILITYEFFECT.3. Norman, Emotional Design
  33. 33. MANAGING EMOTIONS FOR UX...HOW?
  34. 34. Three Types of Emotional Responses:VISCERALBEHAVIORALREFLECTIVE
  35. 35. SUBCONSCIOUSVISCERALBEHAVIORALREFLECTIVE CONSCIOUS
  36. 36. Old BrainVISCERAL
  37. 37. FIGHT orFLIGHTDANGER orOPPORTUNITY
  38. 38. FIGHT orFLIGHTDANGER orOPPORTUNITY
  39. 39. VILAYANUR RAMACHANDRANBRAIN IS MADE UPOF 100 BILLIONNEURONS. MOTORNEURONS FIREWHEN PERFORMINGACTIONS.
  40. 40. VILAYANUR RAMACHANDRANTHOSE SAMENEURONS FIREWHEN YOU WATCHSOMEONE PERFORMTHE SAME ACTION.
  41. 41. VILAYANUR RAMACHANDRANTHE LIMBICSYSTEM AND THEAMYGDALGA
  42. 42. VILAYANUR RAMACHANDRANSEEING IMAGERY OFIMPORTANCECAUSES PHYSICALREACTIONS.
  43. 43. “FEELS”SAFE
  44. 44. “FEELS”UNSAFE
  45. 45. VISUALS EMOTIONAL REACTIONSMOOD & MINDSET
  46. 46. What does it “feel” like to use?BEHAVIORAL
  47. 47. INLINE WITHTRADITIONALUX FACETS
  48. 48. Learn and LoveCOST BENEFITPRINCIPLE
  49. 49. Why we hateLONG WEBFORMS...
  50. 50. Why weDON’T READINSTRUCTIONSUNLESS WEHAVE TO.
  51. 51. And loveCALORICALLYDENSE FOOD
  52. 52. EFFORT BENEFITTO OBTAIN OF OBTAINING
  53. 53. Hick’s Law in ActionEXAMPLE4. Weinschenk, Ph.D. Neuro Web Design
  54. 54. Selective DisregardEXAMPLE #2
  55. 55. RECOGNITIONOVER RECALL
  56. 56. PROGRESSIVE DISCLOSURE
  57. 57. MINIMIZE ALL OPTIONS
  58. 58. ULTIMATELYMINIMIZE EFFORT REQUIRED.
  59. 59. Influencing Ones Conscious ThoughtREFLECTIVE
  60. 60. Basic influence:HOW DO IREMEMBEREXPERIENCINGTHIS WEBSITE?
  61. 61. Mid Level Influence:DOES THISREMIND ME OF AGOOD OR BADEXPERIENCE?
  62. 62. Mid Level Influence:DOES THIS SEEMLOOK LIKE ITSHOULD BEUSABLE?5. Blink, Gladwell
  63. 63. Mid Level Influence:IS THIS APRESTIGIOUSWEBSITE?
  64. 64. Mid Level Influence:IS THIS APRESTIGIOUSWEBSITE?
  65. 65. Mid Level Influence:IS THIS APRESTIGIOUSWEBSITE?
  66. 66. THANK YOURoss Johnson of 3.7 DESIGNS@3pointRoss / @37DesignsRecommended ReadingNeuro Web Design by Weinschenk, Ph.D.100 Things Every Designer Needs to Know About Peopleby Weinschenk, Ph.D.The Design of Everyday Things by Don NormanEmotional by Don NormanDesigning with the Mind in Mind by Jeff JohnsonBlink by Malcolm GladwellDesigning for Emotion by Aarron Walter

×