Defining the User Experience of Emotion & Content

2,266 views

Published on

Challenge

We as user experience practitioners are faced daily with helping users to not only get to the content they want, but recall and share that content with others.

Objectives

Explain the differences and similarities between different recollection and sharing models and how they impact the user experience of content.

Direction

Content used to be about the user going and "getting it", now we rely more and more on content that we can retrieve over and over and content that is not only sent to us based upon what we tell a system to send to us, but what our friends, family and colleagues recommend to us.

Approach

* Why we use "Liking", "Favoriting", "Starring" and "Bookmarking"
* What the difference are between these different models and the perception they carry
* How these different models impact what a user will do with your content

Published in: Design
1 Comment
4 Likes
Statistics
Notes
  • 72 slides, srsly?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,266
On SlideShare
0
From Embeds
0
Number of Embeds
269
Actions
Shares
0
Downloads
0
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Defining the User Experience of Emotion & Content

  1. 1. Defining the User Experience of Emotion & Content Jason Wishard@periodicdesign #emoUX EightShapes, LLCImage Source: http://agalaxyfarawaystarwars.blogspot.com/
  2. 2. Defining UX PatternsUI-Patterns.com DarkPatterns.org@periodicdesign #emoUX 2 of 30
  3. 3. Shameless Plug EightShapes Unify@periodicdesign #emoUX 3 of 30
  4. 4. Gathering@periodicdesign #emoUX 4 of 30Source: http://www.flickr.com/photos/smithsonian/2838806617/
  5. 5. Why we gather?@periodicdesign #emoUX 5 of 30Source: http://www.flickr.com/photos/smithsonian/2838806617/
  6. 6. @periodicdesign #emoUX 6 of 30
  7. 7. I connected with the sentiment@periodicdesign #emoUX 6 of 30
  8. 8. @periodicdesign #emoUX 7 of 30
  9. 9. I connected. I “Liked”. Reconnect later.@periodicdesign #emoUX 7 of 30
  10. 10. Emotional connection with content?@periodicdesign #emoUX 8 of 30Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook
  11. 11. Emotional connection with content? 63@periodicdesign #emoUX 8 of 30Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook
  12. 12. Emotional connection with content?@periodicdesign #emoUX 8 of 30Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook
  13. 13. Emotional connection with content?@periodicdesign #emoUX 8 of 30Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook
  14. 14. Emotional connection with content?@periodicdesign #emoUX 8 of 30Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook
  15. 15. Emotional connection with content? 3 minutes@periodicdesign #emoUX 8 of 30Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook
  16. 16. Emotional connection with content? )@periodicdesign #emoUX 8 of 30Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook
  17. 17. We carry different perceptions@periodicdesign #emoUX 9 of 30Image Source: http://en.wikipedia.org/wiki/File:Rorschach_blot_01.jpg
  18. 18. We carry different perceptions@periodicdesign #emoUX 9 of 30Image Source: http://en.wikipedia.org/wiki/File:Rorschach_blot_01.jpg
  19. 19. We carry different perceptions@periodicdesign #emoUX 9 of 30Image Source: http://en.wikipedia.org/wiki/File:Rorschach_blot_01.jpg
  20. 20. How we gather?@periodicdesign #emoUX 10 of 30Source: http://www.flickr.com/photos/smithsonian/2838806617/
  21. 21. An evolution of gathering@periodicdesign #emoUX 11 of 30Source: http://www.flickr.com/photos/austinevan/1225274637/
  22. 22. An evolution of gathering@periodicdesign #emoUX 11 of 30Source: http://www.flickr.com/photos/austinevan/1225274637/
  23. 23. An evolution of gathering@periodicdesign #emoUX 11 of 30Source: http://www.flickr.com/photos/austinevan/1225274637/
  24. 24. Local BookmarkingOperaFirefoxSafari@periodicdesign #emoUX 12 of 30
  25. 25. Local BookmarkingOperaFirefoxSafari@periodicdesign #emoUX 12 of 30
  26. 26. Local BookmarkingOperaFirefoxSafari@periodicdesign #emoUX 12 of 30
  27. 27. Local BookmarkingOpera Firefox Safari@periodicdesign #emoUX 13 of 30
  28. 28. Local BookmarkingOpera Firefox Safari@periodicdesign #emoUX 13 of 30
  29. 29. Local BookmarkingOpera Firefox Safari@periodicdesign #emoUX 13 of 30
  30. 30. Local BookmarkingOpera Firefox Safari@periodicdesign #emoUX 13 of 30
  31. 31. Local BookmarkingOpera Firefox Safari@periodicdesign #emoUX 13 of 30
  32. 32. What it has become@periodicdesign #emoUX 14 of 30
  33. 33. Social Bookmarking@periodicdesign #emoUX 15 of 30
  34. 34. @periodicdesign #emoUX 15 of 30
  35. 35. Total Tags 1,579@periodicdesign #emoUX 15 of 30
  36. 36. Tags Used Once 885@periodicdesign #emoUX 15 of 30
  37. 37. More Than Half 56%@periodicdesign #emoUX 15 of 30
  38. 38. chucknorris@periodicdesign #emoUX 15 of 30
  39. 39. dial-up@periodicdesign #emoUX 15 of 30
  40. 40. exotic@periodicdesign #emoUX 15 of 30
  41. 41. dance@periodicdesign #emoUX 15 of 30
  42. 42. Gathering Experiences@periodicdesign #emoUX 16 of 30
  43. 43. Gathering Experiences@periodicdesign #emoUX 16 of 30
  44. 44. Gathering Experiences@periodicdesign #emoUX 16 of 30
  45. 45. Favorites YouTube SlideShare Flickr@periodicdesign #emoUX 17 of 30
  46. 46. Starring GoogleReader Mail Documents@periodicdesign #emoUX 18 of 30
  47. 47. Starring Google Bookmarks@periodicdesign #emoUX 18 of 30
  48. 48. “Liking”@periodicdesign #emoUX 19 of 30
  49. 49. “Liking”@periodicdesign #emoUX 19 of 30
  50. 50. “Liking”@periodicdesign #emoUX 19 of 30
  51. 51. “Liking”@periodicdesign #emoUX 19 of 30
  52. 52. “Liking”@periodicdesign #emoUX 19 of 30
  53. 53. Making gathering easier@periodicdesign #emoUX 20 of 30Source: http://www.flickr.com/photos/smithsonian/2838806617/
  54. 54. 1. Keep it organized@periodicdesign #emoUX 21 of 30Source: http://home-design-network.ning.com/
  55. 55. What are these things again?@periodicdesign #emoUX 22 of 30
  56. 56. What are these things again? Work Not Sure Personal Not Sure Real Estate Work@periodicdesign #emoUX 22 of 30
  57. 57. 2. Keep it accessible@periodicdesign #emoUX 23 of 30Source: http://www.timbuk2.com/
  58. 58. I want to take my tools with me.@periodicdesign #emoUX 24 of 30
  59. 59. I want to take my tools with me.@periodicdesign #emoUX 24 of 30
  60. 60. I want to take my tools with me.@periodicdesign #emoUX 24 of 30
  61. 61. I want to take my tools with me.@periodicdesign #emoUX 24 of 30
  62. 62. 3. Keep it simple@periodicdesign #emoUX 25 of 30Source: http://www.clker.com/
  63. 63. Which one? Where was it?@periodicdesign #emoUX 26 of 30
  64. 64. Which one? Where was it?@periodicdesign #emoUX 26 of 30
  65. 65. Which one? Where was it?@periodicdesign #emoUX 26 of 30
  66. 66. I have enough “Junk Drawers”@periodicdesign #emoUX 27 of 30Source: http://1000awesomethings.com/
  67. 67. 1. Keep it organized@periodicdesign #emoUX 28 of 30
  68. 68. 1. Keep it organized2. Keep it accessible@periodicdesign #emoUX 28 of 30
  69. 69. 1. Keep it organized2. Keep it accessible3. Keep it simple@periodicdesign #emoUX 28 of 30
  70. 70. 1. Keep it organized2. Keep it accessible3. Keep it simpleConnect. Reconnect. Connect.@periodicdesign #emoUX 28 of 30
  71. 71. Resource Designing Social Interfaces Principles, Patterns, & Practices for Improving the User Experience by Christian Crumlish and Erin Malone Wiki: http://www.designingsocialinterfaces.com/@periodicdesign #emoUX 29 of 30
  72. 72. Thanks!Emailjason@eightshapes.comTwitter | LinkedIn | Flickr | Facebook | .comperiodicdesign Jason Wishard@periodicdesign #emoUX EightShapes, LLC

×