Your SlideShare is downloading. ×
Defining the User Experience of Emotion & Content
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

Defining the User Experience of Emotion & Content

1,869
views

Published on

Challenge …

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

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

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