Your SlideShare is downloading. ×
Overlap of emotion and usability
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Overlap of emotion and usability

3,398
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 …

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,398
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
43
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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