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.

Designing for the Social Web

1,942 views

Published on

These are the slides from my "Designing for the Social Web" Presentation that was originally given at WordCamp Raleigh on 05/21/11.

Published in: Design
  • Be the first to comment

Designing for the Social Web

  1. 1. DESIGNING FORTHE SOCIAL WEB with Justin Seeley
  2. 2. JUSTINSEELE YInstructor at WebDesign.com Adobe Certified Expert justin@webdesign.com @justinseeley
  3. 3. THE AGENDA
  4. 4. THE AGENDA• Mapping a Social Strategy
  5. 5. THE AGENDA• Mapping a Social Strategy• Creating a Unified Message Through Design
  6. 6. THE AGENDA• Mapping a Social Strategy• Creating a Unified Message Through Design• Implementing Your Plan for Dominance
  7. 7. THE AGENDA• Mapping a Social Strategy• Creating a Unified Message Through Design• Implementing Your Plan for Dominance• Benefits of “Social Cross Pollination”
  8. 8. THE AGENDA• Mapping a Social Strategy• Creating a Unified Message Through Design• Implementing Your Plan for Dominance• Benefits of “Social Cross Pollination”• Integrating with Your Existing Website/Blog
  9. 9. SOCIAL STRATEGY
  10. 10. SOCIAL STRATEGY• What Sites Do You/Your Client NEED to be on?
  11. 11. SOCIAL STRATEGY• What Sites Do You/Your Client NEED to be on?• Find the Right Community... and Listen to it!
  12. 12. SOCIAL STRATEGY• What Sites Do You/Your Client NEED to be on?• Find the Right Community... and Listen to it!• Explore Customization Options/Frameworks.
  13. 13. “If you’re a Dog, Don’t Try to Be a Kangaroo!”
  14. 14. Explore those who camebefore you... and copy them!
  15. 15. Learn the limits of your chosen platform.
  16. 16. LEARN STUFF
  17. 17. LEARN STUFF• Study Facebook Customization Options (FBML, iFrames, Applications, etc.).
  18. 18. LEARN STUFF• Study Facebook Customization Options (FBML, iFrames, Applications, etc.).• Learn to Use Your Own Artwork for Sites Like Twitter, MySpace, and About.Me.
  19. 19. LEARN STUFF• Study Facebook Customization Options (FBML, iFrames, Applications, etc.).• Learn to Use Your Own Artwork for Sites Like Twitter, MySpace, and About.Me.• Study Screen Sizes, and Know Your “Safe Zone”
  20. 20. Consistency Promotes Awareness
  21. 21. UNIFIED MESSAGE
  22. 22. UNIFIED MESSAGE• Develop a Core Set of Graphics
  23. 23. UNIFIED MESSAGE• Develop a Core Set of Graphics• Create Taglines, Bios, and Catch Phrases
  24. 24. UNIFIED MESSAGE• Develop a Core Set of Graphics• Create Taglines, Bios, and Catch Phrases• Create a Single Point of Contact
  25. 25. UNIFIED MESSAGE• Develop a Core Set of Graphics• Create Taglines, Bios, and Catch Phrases• Create a Single Point of Contact• Utilize the Space You’re Given Wisely
  26. 26. TWITTER ASSAULT
  27. 27. TWITTER ASSAULT• Options Are LIMITED at Best... Be Careful.
  28. 28. TWITTER ASSAULT• Options Are LIMITED at Best... Be Careful.• Screen Size is Your Enemy.
  29. 29. TWITTER ASSAULT• Options Are LIMITED at Best... Be Careful.• Screen Size is Your Enemy.• Get Out in Left Field... WAY Out there!
  30. 30. TWITTER ASSAULT• Options Are LIMITED at Best... Be Careful.• Screen Size is Your Enemy.• Get Out in Left Field... WAY Out there!• Learn From “The Pros.”
  31. 31. 5 GOOD SAMPLES
  32. 32. FACEBOOK ASSAULT
  33. 33. FACEBOOK ASSAULT• Images are OK, but iFrames are Better!
  34. 34. FACEBOOK ASSAULT• Images are OK, but iFrames are Better!• If You Can Build a Website You Can Build a Facebook Page... EASILY!
  35. 35. FACEBOOK ASSAULT• Images are OK, but iFrames are Better!• If You Can Build a Website You Can Build a Facebook Page... EASILY!• Do What You Can with 520px... Yeah it Sucks.
  36. 36. FACEBOOK ASSAULT• Images are OK, but iFrames are Better!• If You Can Build a Website You Can Build a Facebook Page... EASILY!• Do What You Can with 520px... Yeah it Sucks.• Learn the “Tricks of the Trade.”
  37. 37. 5 GOOD SAMPLES
  38. 38. Social Cross Pollination...
  39. 39. SPREAD THE WORD
  40. 40. SPREAD THE WORD• Introduces People to a NEW Side of You.
  41. 41. SPREAD THE WORD• Introduces People to a NEW Side of You.• Free Advertising... Yes, I Said Free.
  42. 42. SPREAD THE WORD• Introduces People to a NEW Side of You.• Free Advertising... Yes, I Said Free.• Give Already Interested People Something else to Follow and/or Read.
  43. 43. SPREAD THE WORD• Introduces People to a NEW Side of You.• Free Advertising... Yes, I Said Free.• Give Already Interested People Something else to Follow and/or Read.• Great Avenue for Shameless Self-Promotion!
  44. 44. HOW TO POLLINATE
  45. 45. HOW TO POLLINATE• Include Links to Other Networks Everywhere.
  46. 46. HOW TO POLLINATE• Include Links to Other Networks Everywhere.• Put It In Your Email Signature.
  47. 47. HOW TO POLLINATE• Include Links to Other Networks Everywhere.• Put It In Your Email Signature.• Put It On Your Business Cards.
  48. 48. HOW TO POLLINATE• Include Links to Other Networks Everywhere.• Put It In Your Email Signature.• Put It On Your Business Cards.• Add a “Like” “Tweet This” or “Follow Me” Button on Every Blog Post You Write.
  49. 49. SOCIALINTEGRATION
  50. 50. SOCIAL INTEGRATION• There’s a Plugin for That...
  51. 51. SOCIAL INTEGRATION• There’s a Plugin for That...• Read Documentation for Static Site Integration.
  52. 52. SOCIAL INTEGRATION• There’s a Plugin for That...• Read Documentation for Static Site Integration.• Design Your Own and “Link It Up.”
  53. 53. THANK YOU!

×