The Social Website: Integrating Social Media into Website Design and Function #11NTCSocsite Seth Giammanco Debra Askanase
The Social Website Seth Giammanco, Minds on Design Lab @mindsondesign Debra Askanase, FirstGiving @askdebra
About the presenters Community Engagement Manager, FirstGiving Blogger:  www.communityorganizer20.com Twitter: @askdebra A...
We ’ll Explore Together <ul><li>Social Media </li></ul><ul><ul><li>Definition </li></ul></ul><ul><ul><li>Properties </li><...
The Social Website The Discovery Process Goals (Why) Implementation (What) Resources (How)
Defining Social Media Social Media is the democratization of information, transforming people from content readers into pu...
Defining Social Media Social media is the use of web-based and mobile technologies to turn communication into interactive ...
What is Social Media? <ul><li>Properties: </li></ul><ul><ul><li>Reach </li></ul></ul><ul><ul><li>Accessibility </li></ul><...
Multimedia Collaboration Communication Reviews and Opinions Entertainement
Think about goals
Five Primary Goals <ul><ul><li>Build followers  in social media spaces </li></ul></ul><ul><ul><li>Create on-site  engageme...
Think about implementation
Six Categories <ul><ul><li>Show </li></ul></ul><ul><ul><li>Share </li></ul></ul><ul><ul><li>Interact </li></ul></ul><ul><u...
Examples Categories Examples Show Recent Tweets, Likes, comments Share Like & Tweet Button, E-Card, Fwd to Friend Interact...
Social Websites Reviewing Examples Using Goals & Implementation Categories
United Way http://liveunited.org
United Way http://liveunited.org
United Way http://liveunited.org
United Way http://liveunited.org
Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
Diabetes Hands Foundation http://diabeteshandsfoundation.org/Diabetes_Hands_Foundation/Diabetes_Hands_Foundation.html
Epic Change: To Mama With Love http://www.tomamawithlove.org/
Epic Change: To Mama With Love http://www.tomamawithlove.org/
Epic Change: To Mama With Love http://www.tomamawithlove.org/
Epic Change: To Mama With Love http://www.tomamawithlove.org/
Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
Follow the Leader: Get HandsOn #2 http://community.handsonnetwork.org/
Think about resources
Resource Intensity Share Show Interact Co-Create Authentication “ Open Source” Level I Level II Level III <ul><li>Tweet/Li...
Social Websites Collaborative Review
http://whyshouldigive.org/ Why Should I Give: American Red Cross
Tweetsgiving 2010: Epic Change http://epicthanks.org/
Epic Thanks: Tweetsgiving 2010 http://epicthanks.org/
America ’s Sunday Supper: HandsOn Network http://www.livestream.com/handsonmlk
Healthcare Stories: MomsRising.org http://www.momsrising.org/blog/stories-map/?topic=healthcare
Digital Death: Keep a Child Alive http://buylife.org/
Community: Foursquare: Brooklyn Museum http://www.brooklynmuseum.org/community/foursquare/
API: Brooklyn Museum http://www.brooklynmuseum.org/opencollection/api/
Discovery Applied Breakout Session
Goal: Build Followers Categories Examples Show Share Interact Co-Create Authenticate “ Open Source”
Report Backs
Thank You! http://getsocial.mod-lab.com Seth Giammanco, Minds on Design Lab @mindsondesign [email_address] Debra Askanase,...
Session Evaluation Each entry via text or web is a chance to win great NTEN prizes throughout the day!  Session Evaluation...
Upcoming SlideShare
Loading in …5
×

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

2,147
-1

Published on

Presentation by Seth Giammanco & Debra Askanase at 11NTC.

Published in: Technology, Business
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,147
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide
  • Categories of social media
  • GOALS Build followers: social media icons, YouTube videos integrated into videos section, blog post feed Call to action: take action section, share your story INTEGRATION CATEGORIES Show, Share, Co-Create
  • GOALS Build followers: social media icons, YouTube videos integrated into videos section, blog post feed Call to action: take action section, share your story INTEGRATION CATEGORIES Show, Share, Co-Create
  • GOALS Build followers: social media icons, YouTube videos integrated into videos section, blog post feed Call to action: take action section, share your story INTEGRATION CATEGORIES Show, Share, Co-Create
  • GOALS Build followers: social media icons, YouTube videos integrated into videos section, blog post feed Call to action: take action section, share your story INTEGRATION CATEGORIES Show, Share, Co-Create
  • GOALS Also http://www.tuanalyze.org Goal: Build followers in social media spaces. Points people to Facebook, YouTube (Big Blue Test), and the two Ning communities. Goal: Create on-site engagement. TuAnalyze, Word In Your Hand, Ning forum participation Goal: Develop a sense of community. TuAnalyze, Ning forums, Big Blue Test Goal: Move people to action. TuAnalyze, Big Blue Test, No Sugar Added crowdsourced poetry, Word in your hand. INTEGRATION CATEGORIES Show, Share, Co-Create (crowdsource)
  • GOALS Also http://www.tuanalyze.org Goal: Build followers in social media spaces. Points people to Facebook, YouTube (Big Blue Test), and the two Ning communities. Goal: Create on-site engagement. TuAnalyze, Word In Your Hand, Ning forum participation Goal: Develop a sense of community. TuAnalyze, Ning forums, Big Blue Test Goal: Move people to action. TuAnalyze, Big Blue Test, No Sugar Added crowdsourced poetry, Word in your hand. INTEGRATION CATEGORIES Show, Share, Co-Create (crowdsource)
  • GOALS Also http://www.tuanalyze.org Goal: Build followers in social media spaces. Points people to Facebook, YouTube (Big Blue Test), and the two Ning communities. Goal: Create on-site engagement. TuAnalyze, Word In Your Hand, Ning forum participation Goal: Develop a sense of community. TuAnalyze, Ning forums, Big Blue Test Goal: Move people to action. TuAnalyze, Big Blue Test, No Sugar Added crowdsourced poetry, Word in your hand. INTEGRATION CATEGORIES Show, Share, Co-Create (crowdsource)
  • GOALS Also http://www.tuanalyze.org Goal: Build followers in social media spaces. Points people to Facebook, YouTube (Big Blue Test), and the two Ning communities. Goal: Create on-site engagement. TuAnalyze, Word In Your Hand, Ning forum participation Goal: Develop a sense of community. TuAnalyze, Ning forums, Big Blue Test Goal: Move people to action. TuAnalyze, Big Blue Test, No Sugar Added crowdsourced poetry, Word in your hand. INTEGRATION CATEGORIES Show, Share, Co-Create (crowdsource)
  • GOALS Also http://www.tuanalyze.org Goal: Build followers in social media spaces. Points people to Facebook, YouTube (Big Blue Test), and the two Ning communities. Goal: Create on-site engagement. TuAnalyze, Word In Your Hand, Ning forum participation Goal: Develop a sense of community. TuAnalyze, Ning forums, Big Blue Test Goal: Move people to action. TuAnalyze, Big Blue Test, No Sugar Added crowdsourced poetry, Word in your hand. INTEGRATION CATEGORIES Show, Share, Co-Create (crowdsource)
  • GOALS Goal: create community and on-site engagement. See heartspaces. See who is involved. Tag wall and write on it Goal: build followers in social spaces – tweets as create card, tweets donations Goal: raise funds INTEGRATION CATEGORIES Co-create, share, interact
  • GOALS Goal: create community and on-site engagement. See heartspaces. See who is involved. Tag wall and write on it Goal: build followers in social spaces – tweets as create card, tweets donations Goal: raise funds INTEGRATION CATEGORIES Co-create, share, interact
  • GOALS Goal: create community and on-site engagement. See heartspaces. See who is involved. Tag wall and write on it Goal: build followers in social spaces – tweets as create card, tweets donations Goal: raise funds INTEGRATION CATEGORIES Co-create, share, interact
  • GOALS Goal: create community and on-site engagement. See heartspaces. See who is involved. Tag wall and write on it Goal: build followers in social spaces – tweets as create card, tweets donations Goal: raise funds INTEGRATION CATEGORIES Co-create, share, interact
  • Goal = develop community. The goal is to be able to plug in to a community of people that are dedicated to service in order to support the individual ’s own service. Goal = move people to action. The end result of FTL will be to increase and mobilize the number of Americans involved in volunteer service, to identify and connect with volunteer leaders within their communities, and to help those who want to get involved in volunteering implement impactful projects in their neighborhoods. Game aspects: a prize structure including grants for players ’ favorite charities and trips to Washington, DC, New Orleans, and Atlanta. Sharing: sharing commitments to service on Facebook and Twitter, community forums where people can share their commitments to service and get feedback from the community, and space for users to blog about their service commitments and include photos and video from their projects. We ’re most excited about the members’ journals. INTEGRATION CATEGORIES Show (FB, Twitter, widget), Share (Like button), Interact (Forum comments), Co-create (Community ideas)
  • Goal = develop community. The goal is to be able to plug in to a community of people that are dedicated to service in order to support the individual ’s own service. Goal = move people to action. The end result of FTL will be to increase and mobilize the number of Americans involved in volunteer service, to identify and connect with volunteer leaders within their communities, and to help those who want to get involved in volunteering implement impactful projects in their neighborhoods. Game aspects: a prize structure including grants for players ’ favorite charities and trips to Washington, DC, New Orleans, and Atlanta. Sharing: sharing commitments to service on Facebook and Twitter, community forums where people can share their commitments to service and get feedback from the community, and space for users to blog about their service commitments and include photos and video from their projects. We ’re most excited about the members’ journals. INTEGRATION CATEGORIES Show (FB, Twitter, widget), Share (Like button), Interact (Forum comments), Co-create (Community ideas)
  • Goal = develop community. The goal is to be able to plug in to a community of people that are dedicated to service in order to support the individual ’s own service. Goal = move people to action. The end result of FTL will be to increase and mobilize the number of Americans involved in volunteer service, to identify and connect with volunteer leaders within their communities, and to help those who want to get involved in volunteering implement impactful projects in their neighborhoods. Game aspects: a prize structure including grants for players ’ favorite charities and trips to Washington, DC, New Orleans, and Atlanta. Sharing: sharing commitments to service on Facebook and Twitter, community forums where people can share their commitments to service and get feedback from the community, and space for users to blog about their service commitments and include photos and video from their projects. We ’re most excited about the members’ journals. INTEGRATION CATEGORIES Show (FB, Twitter, widget), Share (Like button), Interact (Forum comments), Co-create (Community ideas)
  • Goal = develop community. The goal is to be able to plug in to a community of people that are dedicated to service in order to support the individual ’s own service. Goal = move people to action. The end result of FTL will be to increase and mobilize the number of Americans involved in volunteer service, to identify and connect with volunteer leaders within their communities, and to help those who want to get involved in volunteering implement impactful projects in their neighborhoods. Game aspects: a prize structure including grants for players ’ favorite charities and trips to Washington, DC, New Orleans, and Atlanta. Sharing: sharing commitments to service on Facebook and Twitter, community forums where people can share their commitments to service and get feedback from the community, and space for users to blog about their service commitments and include photos and video from their projects. We ’re most excited about the members’ journals. INTEGRATION CATEGORIES Show (FB, Twitter, widget), Share (Like button), Interact (Forum comments), Co-create (Community ideas)
  • Goal = develop community. The goal is to be able to plug in to a community of people that are dedicated to service in order to support the individual ’s own service. Goal = move people to action. The end result of FTL will be to increase and mobilize the number of Americans involved in volunteer service, to identify and connect with volunteer leaders within their communities, and to help those who want to get involved in volunteering implement impactful projects in their neighborhoods. Game aspects: a prize structure including grants for players ’ favorite charities and trips to Washington, DC, New Orleans, and Atlanta. Sharing: sharing commitments to service on Facebook and Twitter, community forums where people can share their commitments to service and get feedback from the community, and space for users to blog about their service commitments and include photos and video from their projects. We ’re most excited about the members’ journals. INTEGRATION CATEGORIES Show (FB, Twitter, widget), Share (Like button), Interact (Forum comments), Co-create (Community ideas)
  • Goals: Fundraising, create engagement, call to action
  • Goals: Fundraising, build followers, call to action (donate, volunteer, become part of it)
  • Goals: Create community, engagement, awareness
  • Goals: Create community, build followers (social media icons)
  • Goals: Fundraising, engagement
  • Goals: Engagement, create community, build followers
  • http://www.flickr.com/photos/31775649@N00/4661573232/
  • 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

    ×