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

1. Defining the User Experience
of
Emotion & Content
Jason Wishard
@periodicdesign #emoUX
EightShapes, LLC
Image Source: http://agalaxyfarawaystarwars.blogspot.com/

2. Defining UX Patterns
UI-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 30
Source: http://www.flickr.com/photos/smithsonian/2838806617/

5. Why we gather?
@periodicdesign #emoUX 5 of 30
Source: 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 30
Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook

11. Emotional connection with content?
63
@periodicdesign #emoUX 8 of 30
Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook

12. Emotional connection with content?
@periodicdesign #emoUX 8 of 30
Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook

13. Emotional connection with content?
@periodicdesign #emoUX 8 of 30
Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook

14. Emotional connection with content?
@periodicdesign #emoUX 8 of 30
Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook

15. Emotional connection with content?
3 minutes
@periodicdesign #emoUX 8 of 30
Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook

16. Emotional connection with content?
)
@periodicdesign #emoUX 8 of 30
Data Source: http://www.fastcompany.com/1733483/this-is-your-brain-on-facebook

17. We carry different perceptions
@periodicdesign #emoUX 9 of 30
Image Source: http://en.wikipedia.org/wiki/File:Rorschach_blot_01.jpg

18. We carry different perceptions
@periodicdesign #emoUX 9 of 30
Image Source: http://en.wikipedia.org/wiki/File:Rorschach_blot_01.jpg

19. We carry different perceptions
@periodicdesign #emoUX 9 of 30
Image Source: http://en.wikipedia.org/wiki/File:Rorschach_blot_01.jpg

20. How we gather?
@periodicdesign #emoUX 10 of 30
Source: http://www.flickr.com/photos/smithsonian/2838806617/

21. An evolution of gathering
@periodicdesign #emoUX 11 of 30
Source: http://www.flickr.com/photos/austinevan/1225274637/

22. An evolution of gathering
@periodicdesign #emoUX 11 of 30
Source: http://www.flickr.com/photos/austinevan/1225274637/

23. An evolution of gathering
@periodicdesign #emoUX 11 of 30
Source: http://www.flickr.com/photos/austinevan/1225274637/

24. Local Bookmarking
Opera
Firefox
Safari
@periodicdesign #emoUX 12 of 30

25. Local Bookmarking
Opera
Firefox
Safari
@periodicdesign #emoUX 12 of 30

26. Local Bookmarking
Opera
Firefox
Safari
@periodicdesign #emoUX 12 of 30

27. Local Bookmarking
Opera
Firefox
Safari
@periodicdesign #emoUX 13 of 30

28. Local Bookmarking
Opera
Firefox
Safari
@periodicdesign #emoUX 13 of 30

29. Local Bookmarking
Opera
Firefox
Safari
@periodicdesign #emoUX 13 of 30

30. Local Bookmarking
Opera
Firefox
Safari
@periodicdesign #emoUX 13 of 30

31. Local Bookmarking
Opera
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
Google
Reader 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 30
Source: http://www.flickr.com/photos/smithsonian/2838806617/

54. 1. Keep it organized
@periodicdesign #emoUX 21 of 30
Source: 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 30
Source: 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 30
Source: 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 30
Source: http://1000awesomethings.com/

67. 1. Keep it organized
@periodicdesign #emoUX 28 of 30

68. 1. Keep it organized
2. Keep it accessible
@periodicdesign #emoUX 28 of 30

69. 1. Keep it organized
2. Keep it accessible
3. Keep it simple
@periodicdesign #emoUX 28 of 30

70. 1. Keep it organized
2. Keep it accessible
3. Keep it simple
Connect. 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!
Email
jason@eightshapes.com
Twitter | LinkedIn | Flickr | Facebook | .com
periodicdesign
Jason Wishard
@periodicdesign #emoUX
EightShapes, LLC