Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

The Social Website: Integrating Social Media Into Website Design and Function

2,370 views

Published on

Presentation by Seth Giammanco & Debra Askanase at 11NTC.

Published in: Technology, Business
  • Be the first to comment

The Social Website: Integrating Social Media Into Website Design and Function

  1. 1. The Social Website: Integrating Social Media into Website Design and Function #11NTCSocsite Seth Giammanco Debra Askanase
  2. 2. The Social Website Seth Giammanco, Minds on Design Lab @mindsondesign Debra Askanase, FirstGiving @askdebra
  3. 3. About the presenters Community Engagement Manager, FirstGiving Blogger: www.communityorganizer20.com Twitter: @askdebra Almost 20 years of experience in nonprofit work, 2 years as a social media consultant Principal - Technology, Minds On Design Lab Website: mod-lab.com Twitter: @mindsondesign Over 10 years of experience in strategy and development of web technology
  4. 4. We ’ll Explore Together <ul><li>Social Media </li></ul><ul><ul><li>Definition </li></ul></ul><ul><ul><li>Properties </li></ul></ul><ul><ul><li>Segments </li></ul></ul><ul><li>The Social Website </li></ul><ul><ul><li>Goals of social media + website integration </li></ul></ul><ul><ul><li>Categories of Integration </li></ul></ul><ul><ul><li>Resources </li></ul></ul><ul><li>Putting It All Together: </li></ul><ul><ul><li>Scenarios and website integration exercise </li></ul></ul>
  5. 5. The Social Website The Discovery Process Goals (Why) Implementation (What) Resources (How)
  6. 6. Defining Social Media Social Media is the democratization of information, transforming people from content readers into publishers. It is the shift from a broadcast mechanism, one-to-many, to a many-to-many model, rooted in conversations between authors, people, and peers. http://www.briansolis.com/2010/01/defining-social-media-the-saga-continues/
  7. 7. Defining Social Media Social media is the use of web-based and mobile technologies to turn communication into interactive dialogue.* *wikipedia, of course http://en.wikipedia.org/wiki/Social_media
  8. 8. What is Social Media? <ul><li>Properties: </li></ul><ul><ul><li>Reach </li></ul></ul><ul><ul><li>Accessibility </li></ul></ul><ul><ul><li>Usability </li></ul></ul><ul><ul><li>Recency </li></ul></ul><ul><ul><li>Impermanence/Permanence </li></ul></ul>
  9. 9. Multimedia Collaboration Communication Reviews and Opinions Entertainement
  10. 10. Think about goals
  11. 11. Five Primary Goals <ul><ul><li>Build followers in social media spaces </li></ul></ul><ul><ul><li>Create on-site engagement </li></ul></ul><ul><ul><li>Develop a sense of community </li></ul></ul><ul><ul><li>Raise funds </li></ul></ul><ul><ul><li>Call to action </li></ul></ul>
  12. 12. Think about implementation
  13. 13. Six Categories <ul><ul><li>Show </li></ul></ul><ul><ul><li>Share </li></ul></ul><ul><ul><li>Interact </li></ul></ul><ul><ul><li>Co-Create </li></ul></ul><ul><ul><li>Authenticate </li></ul></ul><ul><ul><li>“ Open Source” </li></ul></ul>
  14. 14. Examples Categories Examples Show Recent Tweets, Likes, comments Share Like & Tweet Button, E-Card, Fwd to Friend Interact FB Live Stream, Hashtag (Tweet Chat), Comments Co-Create Shared Content: Mapping, Mosaic, Wiki, Links, Games Authenticate FB Login, Twitter OAuth “ Open Source” API
  15. 15. Social Websites Reviewing Examples Using Goals & Implementation Categories
  16. 16. United Way http://liveunited.org
  17. 17. United Way http://liveunited.org
  18. 18. United Way http://liveunited.org
  19. 19. United Way http://liveunited.org
  20. 20. Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
  21. 21. Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
  22. 22. Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
  23. 23. Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
  24. 24. Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
  25. 25. Epic Change: To Mama With Love http://www.tomamawithlove.org/
  26. 26. Epic Change: To Mama With Love http://www.tomamawithlove.org/
  27. 27. Epic Change: To Mama With Love http://www.tomamawithlove.org/
  28. 28. Epic Change: To Mama With Love http://www.tomamawithlove.org/
  29. 29. Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
  30. 30. Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
  31. 31. Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
  32. 32. Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
  33. 33. Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
  34. 34. Think about resources
  35. 35. Resource Intensity Share Show Interact Co-Create Authentication “ Open Source” Level I Level II Level III <ul><li>Tweet/Like Buttons </li></ul><ul><li>Facebook Activity Widget </li></ul><ul><li>Comments </li></ul><ul><li>Geo Mapped Content </li></ul><ul><li>Facebook Login </li></ul><ul><li>API </li></ul>
  36. 36. Social Websites Collaborative Review
  37. 37. http://whyshouldigive.org/ Why Should I Give: American Red Cross
  38. 38. Tweetsgiving 2010: Epic Change http://epicthanks.org/
  39. 39. Epic Thanks: Tweetsgiving 2010 http://epicthanks.org/
  40. 40. America ’s Sunday Supper: HandsOn Network http://www.livestream.com/handsonmlk
  41. 41. Healthcare Stories: MomsRising.org http://www.momsrising.org/blog/stories-map/?topic=healthcare
  42. 42. Digital Death: Keep a Child Alive http://buylife.org/
  43. 43. Community: Foursquare: Brooklyn Museum http://www.brooklynmuseum.org/community/foursquare/
  44. 44. API: Brooklyn Museum http://www.brooklynmuseum.org/opencollection/api/
  45. 45. Discovery Applied Breakout Session
  46. 46. Goal: Build Followers Categories Examples Show Share Interact Co-Create Authenticate “ Open Source”
  47. 47. Report Backs
  48. 48. Thank You! http://getsocial.mod-lab.com Seth Giammanco, Minds on Design Lab @mindsondesign [email_address] Debra Askanase, FirstGiving @askdebra [email_address]
  49. 49. Session Evaluation Each entry via text or web is a chance to win great NTEN prizes throughout the day! Session Evaluations Powered By: TEXT Text 11NTCSocsite to 69866 . ONLINE Use 11NTCSocsite at http://nten.org/ntc/eval

×