Your SlideShare is downloading. ×

STC09 Social Media and User Experience


Published on

This presentation provides an overview of social media, strategy, and how it integrates and supplements the User Experience Design Process. It reviews common tactics, techniques, and strategies to …

This presentation provides an overview of social media, strategy, and how it integrates and supplements the User Experience Design Process. It reviews common tactics, techniques, and strategies to become involved in the conversation.

Published in: Business, Technology
No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Designing for the Conversation Social Media and User Experience Eric Grandeo, Roundarch
  • 2. Who Am I? Name: Eric Grandeo Position: Social Media Strategist Company: Roundarch, Inc. Site: Company Blog: Twitter: @ericgrandeo LinkedIn: Facebook:
  • 3. Who are You? Are you an Information Architect or Interaction Designer? Are you a developer? Are you a visual designer? Are you a social media strategist? Do you work in social media, or are just starting? Are you a social media expert?
  • 4. #stc09
  • 5. What are we talking about? What is Social Media and Web 2.0? What does Social Media mean to User Experience? What, and who, do we design for now? What are we trying to achieve with Social Media? So…how do we do this? Common Social Media Design Patterns
  • 6. What is Social Media?
  • 7. Social Media: practices and technologies which allow people to share opinions, insights, experiences, and perspectives In short, Social Media is… For participants, For businesses, it is a dialogue, a chance to listen, engage mainly between peers… and collaborate… …a conversation in a multitude of forms.
  • 8. Social Media is… Community
  • 9. Social Media is… Sharing
  • 10. Social Media is… Blogging
  • 11. Social Media is… Knowledge
  • 12.
  • 13. Why is Social Media Important?
  • 14. 1. People
  • 15. Social Media has enabled “word-of-mouth” to be broadcast on an unprecedented scale
  • 16. 2. Technology
  • 17. Because the technology is there, cheap and, used regularly by customer and competitor alike
  • 18. 3. Business
  • 19. The voice projected through Social Media gives us all a much larger audience, turning us all into potential marketers…
  • 20. Because Social Media has wrestled control of brand and product away from corporations and into the hands of the people
  • 21. What does Social Media change?
  • 22. Social Media and Web 2.0 represents the evolution of the conversation and digital user experience…
  • 23. It represents a fundamental change to marketing…
  • 24. One way marketing messages are replaced with experiences that fosters conversation with brands and other people
  • 25. Buy My Stuff!!
  • 26. The focus for Social Media is building relationships, not marketing campaigns
  • 27. What does this mean to User Experience?
  • 28. Let’s start by taking a look at an example…
  • 29. Problem: I need a new Computer!!!
  • 30. But what do I get?
  • 31. After I borrow a friend’s computer, its time to get to work…
  • 32. Let’s read some reviews…from real people, not companies
  • 33. Forums and Blogs
  • 34. What other sites are helpful?
  • 35. What do my friends think?
  • 36. I have made my purchase, now where do I go if I have a question?
  • 37. The Experience Topography
  • 38. Search Popular Social Reviews Friends (WoM) Brand/Transaction Post Review Support
  • 39. Social Media Visitors
  • 40. What does this mean to the user experience designer?
  • 41. People trust other people’s opinions more than a company’s marketing
  • 42. The user experience extends beyond the company site
  • 43. People are talking about your brand, whether you like it or not
  • 44. If you don’t give your users a means to communicate with you or others, they will find a way
  • 45. A new way of customer centric thinking…
  • 46. Tara Hunt
  • 47. Tara Hunt’s Customer Centric Rules • Encourage customers to go to other sites • You measure how many people refer their friends to you as successes • You let people feed in their content from other sites easily • Your customers are doing things with your product you never dreamed, and you encouraging sharing these experiences
  • 48. Tara Hunt’s Customer Centric Rules • Influencers are adding you as friends on social networks • You work with your competitors towards better customer experiences for all - Tara Hunt, Whuffie at Web 2.0 Expo
  • 49. Who are we designing for?
  • 50. Social behaviors are part of the user persona
  • 51. Forrester’s Social Technographics
  • 52. Groundswell Winning in a world transformed by social technologies
  • 53. index.html
  • 54. Charlene Li
  • 55. Josh Bernoff
  • 56. • Publish a blog • Publish your own Web pages 18% • Upload video you created Creators • Upload audio/music you created • Write articles or stories and post them • Post ratings/reviews of products/services • Comment on someone else’s blog 25% Critics • Contribute to online forums • Contribute to/edit articles in a wiki • Use RSS feeds 12% • Add “tags” to Web pages or photos Collectors • “Vote” for Web sites online • Maintain profile on a social networking site 25% Joiners • Visit social networking sites • Read blogs • Watch video from other users 48% • Listen to podcasts Spectators • Read online forums • Read customer ratings/reviews Inactives None of the above 44% *source: Forrester
  • 57. Why do users participate?
  • 58. • Keeping up Relationships Making Connections • Making New Relationships • Succumbing to Pressure • Paying it Forward Making Your Mark • The Prurient Impulse • The Creative Impulse • The Altruistic Impulse Finding Affinities • The Validation Impulse • The Affinity Impulse •Source: GroundSwell: Winning in a World Transformed by Social Technologies Charlene Li and Josh Bernoff of Forrester Research
  • 59. Kollock’s 4 Motivations for Contributing • Reciprocity • Reputation • Increased sense of efficacy • Attachment to, and need of a group
  • 60. How do we include social media in the UX design process?
  • 61. Does this mean we have to use a new process?
  • 62. NO!
  • 63. However, There are some new considerations…
  • 64. Post Methodology*  People What are your users ready for? Who are your users?  Objectives What are your goals? Are you interested in engaging new users or energizing the ones already engaged?  Strategy How do you want relationships with your users to change? Do you want users to help carry messages to constituents in the organization?  Technology The application and the platform are important, but only as a means of supporting the People, Objectives, and Strategy * The POST Methodology was developed by Charlene Li and Josh Bernoff of Forrester Research for their book GroundSwell: Winning in a World Transformed by Social Technologies
  • 65. Social Media Design Process  Discover Who are your consumers? What are their social behaviors? What are the trends and characteristics of the market?  Define What is your organization’s goals? What are your strategies? What are the new business processes as a result?  Design What are the social tools your organization will use? What will the conceptual and detailed design look like? Design the social user experience  Develop Iteratively build and test.  Deploy Implement and optimize. Monitor the conversation, make adjustments as necessary
  • 66. Discover: User Research and Persona Development
  • 67. Focus shifts from understanding demographics
  • 68. To understanding social behaviors and interactions
  • 69. Questions to Ponder • What do your users do online? • What are you trying to make your users better at? • What are your users passionate about? • How do your users interact with each other? Not just your brand
  • 70. But most importantly…
  • 71. Listen to your customers!!
  • 72. Design Approach: You are not selling products, you are solving problems!!
  • 73. “I’m Winston Wolf, I solve problems”
  • 74. Where are your users now?
  • 75. How are they using social sites? I had so much to drink last night!! LOL! Personal reasons?
  • 76. How are they using social sites? Anyone need a social media strategist? Business reasons?
  • 77. Discover: What is the current chatter about the organization?
  • 78. Is it positive?
  • 79. Or negative?
  • 80. Do you have a lot of fans?
  • 81. Or…other groups that talk about you?
  • 82. How do I monitor what is said about my brand?
  • 83. Free Tools
  • 84. Paid Tools
  • 85. *source: Forrester
  • 86. Discover: The Social Media Map
  • 87. LinkedIn Marketwatch Facebook Albourne Village Blogs Social Networks Discussion Microblogging Twitter CAIAA Boards/ Forums User Wiki News Investopedia Social Wikipedia Bookmarking Capital IQ Legend Often Used Moderately Used Rarely used
  • 88. Social Technographics
  • 89. Discover: What are the market conditions?
  • 90. SWOT Analysis from Social Media Perspective
  • 91. What Social Media tools are your competitors using?
  • 92. What is working well?
  • 93. MyBlogSpark has recruited more than 900 bloggers -- over 80 percent are moms -- to register to be eligible for everything from sampling campaigns to product coupons to news of a new ad campaign. General Mills plans to use the network to promote its wide portfolio of products in the food and beverage, beauty, home, electronics, health and automotive categories.
  • 94. quot;If you feel you cannot write a positive post regarding the product or service, please contact the MyBlogSpark team before posting any content.quot;
  • 95. What is not working well?
  • 96. What should you stay away from?
  • 97. Where are the opportunities?
  • 98. Opportunities • What are the growth trends in the industry? • How has economic conditions changed the landscape of the market? • Where are the social media gaps closing between the generations? • What social media tools offer the best potential for opportunity?
  • 99. Define: Develop your Social Media Goals
  • 100. Where do you want to talk with customers? Buyers Eyeballs Relationships Awareness Customer Support Leads Identifying Influencers Solving problems
  • 101. Social Media Goals: Overview Traditional Social Media Goals Difference Function Monitoring customers’ conversations with Research Listening each other, instead of surveys and focus groups Participating in and stimulating two-way conversations your customers have with Marketing Talking each other. Not outbound one way messages Making it possible for your enthusiastic Sales Energizing customers to help sell to each other Support Supporting Enable your to support each other Helping your customers work with each Development Embrace other to come up with ideas to improve your products and services *source: Groundswell by Charlene Li and Josh Bernoff
  • 102. Social Media Goals: Overview Listen • Determine brand reputation • Unsolicited feedback • Find influencers, creators, and brand advocates • Help determine where the bad reputation or PR crises is coming from • Understand the buzz about the brand • Where is the buzz?
  • 103. Social Media Goals: Overview Talk • Solicit feedback from users • Improve brand awareness • Improve brand perception • Improve customer satisfaction • Influence decision making • Manage bad reputation or PR crises • To form relationships with customers
  • 104. Social Media Goals: Overview Energize • Motivating the base • Viral Marketing/Word of mouth • Recruiting influential customers
  • 105. Social Media Goals: Overview Support • Connect customers to each other • Reduce support costs • Answer questions…solve problems
  • 106. Social Media Goals: Overview Embrace • Innovation • Support existing social networks • Crowdsourcing problems
  • 107. Define: Develop your Social Media Message
  • 108. How do you want to engage your customer?
  • 109. How about a metaphor?
  • 110. The Salesman: • Tries to talk to everyone • Always trying to make the sale • More interested in telling you about a product than real conversation
  • 111. The Other Guy: • Quiet at first, listens a lot • Slowly becomes engaged • Talks about interesting stuff • He’s genuine, and transparent • Everyone starts to notice him
  • 112. Which one will everyone like better, and want to talk to?
  • 113. Authentic Transparent Be Interesting Dialogue Be Creative
  • 114. UX Design Process
  • 115. Iterating from Concept to a Detailed Design
  • 116. Select your Tools
  • 117. Your goals and social behaviors of your customers dictate the tools to use
  • 118. Tools Social Behavior Goals
  • 119. Goals to tools mapping
  • 120. Goal Tool Listening Monitoring Tool
  • 121. Goal Tool Listening Ratings/Reviews Talking Forum
  • 122. Goal Tool Listening Ratings/Reviews Talking Blog
  • 123. Goal Tool Listening Ratings/Reviews Talking Facebook Energize Viral Video
  • 124. Goal Tool Listening Ratings/Reviews Talking Facebook Energize Hosted Community
  • 125. Goal Tool Listening Ratings/Reviews Talking Facebook Energize Hosted Community Support Forum
  • 126. Goal Tool Listening Ratings/Reviews Talking Facebook Energize Hosted Community Support Wiki
  • 127. Goal Tool Listening Ratings/Reviews Talking Facebook Energize Hosted Community Support Wiki Embrace Crowdsourcing
  • 128. Engagement Response Plan
  • 129. *source: US Air Force
  • 130. Deploy: Monitoring and Optimizing
  • 131. What do you Measure? Area for Detail Points to ponder Measurement • Time spent in Social • What is preferable – a shallow Engagement Media forum critique that reaches many or a • Density of commentary deep critique that reaches only a • Reach and spread of few? • What of those few were key commentary influencers? • Number of mentions • Especially, compared to competitor Awareness • Number of conversions • Direct buys through link on SM site • Identify evangelists • Do you know who your evangelists Influence • Identify detractors are? • Measure their reach • How can you reward them? • Do you know who your detractors are? • How can you mitigate their flaming? (E.g. SEO rankings)
  • 132. Measuring the Impact of Social Media • All Social endeavors should be supported by search (SEO) and Analytic programs • It is NOT possible (nor even desirable) to measure EVERYTHING, nor to relate measurements directly to fiscal gain (see ROI section)
  • 133. “In the old days, you had one chance to get the message right…today, you have multiple conversations and iterations to build that message with your customers and audience” - Tara Hunt, Whuffie at Web 2.0 Expo
  • 134. The Social Media Maturity Model From joining to hosting the conversation
  • 135. Social Media maturity is not achieved overnight…it is an evolutionary process
  • 136. Typical systems thinking tells us that performance decreases the more people use a system
  • 137. Social Media is the opposite…the system improves the more people use it
  • 138. Not performance, but the quality of the feedback and conversations
  • 139. The Social Media maturity model stages
  • 140. Stage 1: Listening to the Chatter
  • 141. You shouldn’t dive right in…until you know what everyone is talking about
  • 142. Stage 1: Listen to the Chatter • A combination of free and paid tools are used to monitor conversations about Brand • Sentiment is measured using paid listening platforms • Key locations of chatter are identified • Market and competitive analysis is complete • Primary influencers and participants are identified
  • 143. Stage 2: Develop the Message
  • 144. Stage 2: Develop the Message • Strategies are developed to add value to existing conversations on selected sites • Internal participants are selected to join the conversation • Applicable content that adds value to the conversation is created • Continued listening warrants engagement strategy refinement
  • 145. Stage 3: Join the Conversation
  • 146. Stage 3: Join the Conversation • Consumers are engaged with valuable content • Bad press is directly addressed as per the rules of engagement • Communities are flourishing on existing sites • Incentives are offered for users of that site, and connections are encouraged • Community is supported, not controlled
  • 147. Stage 4: Host the Conversation
  • 148. Stage 4: Host the Conversation • Hosted communities are established, members on other platforms are encouraged to participate (incentivize) • Blogs/Forums are developed facilitating conversation about the industry – developing the knowledge base • Direct marketing is integrated with SM presence • UGC is facilitated, encouraged, and incentivized
  • 149. Stage 5: Full Integration and Optimization
  • 150. Stage 5: Full Integration and Optimization • Integrated marketing is carried out on all internal and external social media tools • All services can provide communications through social media tools • Blogs, forums, internal and external social networks are effectively used – all are linked and share content • Exposure is increased through podcasting, social bookmarking, and microblogging (Twitter)
  • 151. What are the Common Social Media Design Patterns?
  • 152.
  • 153. The Designing Social Interfaces patterns wiki is a companion site to the book that Christian Crumlish and Erin Malone are currently writing for O'Reilly Media
  • 154. Designing Social Interfaces: Principles, Patterns, and Practices for Improving the User Experience
  • 155. Sign Up/Registration • Collect the bare minimum of information needed that still allows your user to participate in the site • Collect other information only as necessary for a compelling experience. Ask yourself if the data I am about to collect can be collected in another part of the site at another time
  • 156. Invite Friends • Use an in-context email form • Provide the user with messaging that showcases the benefits of joining the service • Make the pre-filled content editable and allow the user the ability to personalize the invitation • Allow the user to invite others via access to their address books • Provide a mechanism to bring contacts and email addresses over from other social services • Don’t force a user to invite others to the site before they have had a chance to try out the features
  • 157. Identity • Let your users be expressive where it matters • Give users control over how to present themselves. Users should own their actions and have reputation attached to their identity, but the option to go anonymous should be offered in some instances • Let your users decide who sees what parts of themselves. Give enough control and permissioned access
  • 158. Presence • Publishing presence information • Displaying current presence • Displaying a timeline of recent presence items • Maintaining a history (partial or complete) of past presence declarations • Providing users with a way to subscribe to presence updates • Providing users with a way to filter presence updates
  • 159. Reputation • How competitive is the community? • Labels • Levels • Ranking • Collectible achievements • Points • Leaderboard
  • 160. Tagging • Allow users to add their own tags to an object • Allow users to delete tags they have associated with an object. This allows for deletion of duplicates or misspellings • Provide very clear instructions for how to separate distinct tags. There are two methods currently popular across the web right now – comma delimited and space delimited
  • 161. Sharing • A Sharing Widget is a small graphical element placed within the markup of a hypertext file that enables users to share content and information resources with the community, in conjunction with a third-party site or social networking application platform like Facebook or MySpace.
  • 162. Blogs • Present posts in reverse chronology. • Allow the option for posts to be presented on an index page with a title and short description linking off to the longer full post • Provide the ability to have a single page for each individual post • Archive past posts. Consider archiving by date and by tag or keyword. • Provide a search capability. Search titles, content and tags. • Allow users to subscribe to an RSS feed of the blog. Consider allowing users to subscribe to a specific category. • Provide an about area or page for author information. Information about the author lends credibility to the blog. • Unless the blog is private, allow posts to be crawled by search engines. • Comments – most blogs allow for the option for readers to leave comments on a post. When comments are enabled, the number of comments for the post should be displayed and should be linked to the comments.
  • 163. Reviews • The review form usually includes the following five fundamentals: – Ability to input a user's quantitative (rating) assessment – Field to enter the user's qualitative (review) assessment of the object – Guidelines for helping the user write a review – Any legal disclaimers – User identity, most often a required field or pre- populated if the user is signed in.
  • 164. Ratings • Show clickable items (most often used are stars) that light up on rollover to infer clickability. • Initial state should be quot;emptyquot; and show invitational text above to invite the user to rate the object (e.g. Rate It!). • As the mouse cursor moves over the icons, indicate the level of rating (through a color change) and display a text description of the rating at each point (e.g. Excellent). • Once the user has clicked the rating (5th star, 3rd star etc.) the rating should be saved and added to the Average Rating which should be displayed separately. • The saved rating should be indicated with a change in final color of the items and a text indication that the rating is saved. • An aggregate or average rating should also be displayed.* Users should be able to change their rating later if they change their mind.
  • 165. Crowdsourcing • Ideally, offer a dashboard view for management of the project • Where appropriate, incorporate a mechanism for compensation for the participants • Optionally, incorporate a voting tool or reputation system for determining the best contributions (as with user-generated translation systems) • Keep track of tasks that have been claimed but not completed by their deadline, so that they may be returned to the general pool and reassigned
  • 166. Community • Allow users to browse friends-of-friends • Consider presenting a user’s friends and connections in a graphical grid, showing avatars, and allow others to browse through to their profile. Providing visual clues to a person’s identity (via the avatar) can help confirm that a person is the right someone you know • Allow users to search for friends within the network on your site. Provide a keyword field. Clearly indicate what terms are accepted in a search query – name, email, or other identifying factors • Facebook allows users to constrain a search by known information about the user searching. For example, the user can search for people from their high school or college graduation years, or from recent companies they have worked for. Constraining the search in this way, increases the likelihood of finding people you really know
  • 167. Community • Allow the user to import their contacts from their address book or instant messenger lists to use as a comparison list to find people already using the service • Compare known data points – name, email address or other reliable information and then present to the user a list (with images for ease of identification) of relevant people who also use the service • Allow the user to select one or more names to become connections • If reciprocity is required, present the message that will be sent to the user and the option to send the request for connection or an option to cancel the request • When bringing in people lists for a user to connect to from an address book or address book service, don’t automatically spam the user’s contacts asking to connect. Don’t automatically spam the rest of the user’s contacts with invitations to join the service
  • 168. Community Management • Community-moderation • Empowering good users to take ownership of the abuse and quality-level goals • Collaborative filtering • Once critical-mass of good and willing users is reached, the incentive system feeds itself.
  • 169. Core Principles - Recap • Start small and learn from the community • Design around activity and social objects • Build to support existing behaviors • Tools much match your goals and audience behavior • Make it easy for users to upload and share content • Be genuine, interesting, and transparent • Don’t try and do it all!
  • 170. Questions?
  • 171. Eric Grandeo Social Media Strategist, Roundarch 212-909-2353 Twitter: @ericgrandeo LinkedIn: Facebook: