Overlap of emotion and usability

3,858 views
3,742 views

Published on

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.

Published in: Design, Technology
1 Comment
3 Likes
Statistics
Notes
  • Great slides. We are a nuance don't you think? Consider condensing it's a bit long. I'm off at minimise effort requires
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,858
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
47
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

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

×