Designing for the Social Web

1,876 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
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,876
On SlideShare
0
From Embeds
0
Number of Embeds
499
Actions
Shares
0
Downloads
34
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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!

    ×