Designing for the Social Web

DESIGNING FORTHE SOCIAL WEB with Justin Seeley

JUSTINSEELE YInstructor at WebDesign.com Adobe Certified Expert justin@webdesign.com @justinseeley

THE AGENDA

THE AGENDA• Mapping a Social Strategy

THE AGENDA• Mapping a Social Strategy• Creating a Unified Message Through Design

THE AGENDA• Mapping a Social Strategy• Creating a Unified Message Through Design• Implementing Your Plan for Dominance

THE AGENDA• Mapping a Social Strategy• Creating a Unified Message Through Design• Implementing Your Plan for Dominance• Benefits of “Social Cross Pollination”

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

SOCIAL STRATEGY

SOCIAL STRATEGY• What Sites Do You/Your Client NEED to be on?

SOCIAL STRATEGY• What Sites Do You/Your Client NEED to be on?• Find the Right Community... and Listen to it!

SOCIAL STRATEGY• What Sites Do You/Your Client NEED to be on?• Find the Right Community... and Listen to it!• Explore Customization Options/Frameworks.

“If you’re a Dog, Don’t Try to Be a Kangaroo!”

Explore those who camebefore you... and copy them!

Learn the limits of your chosen platform.

LEARN STUFF

LEARN STUFF• Study Facebook Customization Options (FBML, iFrames, Applications, etc.).

LEARN STUFF• Study Facebook Customization Options (FBML, iFrames, Applications, etc.).• Learn to Use Your Own Artwork for Sites Like Twitter, MySpace, and About.Me.

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”

Consistency Promotes Awareness

UNIFIED MESSAGE

UNIFIED MESSAGE• Develop a Core Set of Graphics

UNIFIED MESSAGE• Develop a Core Set of Graphics• Create Taglines, Bios, and Catch Phrases

UNIFIED MESSAGE• Develop a Core Set of Graphics• Create Taglines, Bios, and Catch Phrases• Create a Single Point of Contact

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

TWITTER ASSAULT

TWITTER ASSAULT• Options Are LIMITED at Best... Be Careful.

TWITTER ASSAULT• Options Are LIMITED at Best... Be Careful.• Screen Size is Your Enemy.

TWITTER ASSAULT• Options Are LIMITED at Best... Be Careful.• Screen Size is Your Enemy.• Get Out in Left Field... WAY Out there!

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.”

5 GOOD SAMPLES

FACEBOOK ASSAULT

FACEBOOK ASSAULT• Images are OK, but iFrames are Better!

FACEBOOK ASSAULT• Images are OK, but iFrames are Better!• If You Can Build a Website You Can Build a Facebook Page... EASILY!

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.

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.”

5 GOOD SAMPLES

Social Cross Pollination...

SPREAD THE WORD

SPREAD THE WORD• Introduces People to a NEW Side of You.

SPREAD THE WORD• Introduces People to a NEW Side of You.• Free Advertising... Yes, I Said Free.

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.

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!

HOW TO POLLINATE

HOW TO POLLINATE• Include Links to Other Networks Everywhere.

HOW TO POLLINATE• Include Links to Other Networks Everywhere.• Put It In Your Email Signature.

HOW TO POLLINATE• Include Links to Other Networks Everywhere.• Put It In Your Email Signature.• Put It On Your Business Cards.

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.

SOCIALINTEGRATION

SOCIAL INTEGRATION• There’s a Plugin for That...

SOCIAL INTEGRATION• There’s a Plugin for That...• Read Documentation for Static Site Integration.

SOCIAL INTEGRATION• There’s a Plugin for That...• Read Documentation for Static Site Integration.• Design Your Own and “Link It Up.”

THANK YOU!

http://www.wpbeginner.com	198
http://webdesign.com	101
http://it-republik.de	54
http://entwickler.com	4
http://entwickler.de	4
http://www.slideshare.net	2
http://translate.googleusercontent.com	1
url_unknown	1
http://paper.li	1

Designing for the Social Web

by Justin Seeley on May 21, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

9 Embeds 366

Statistics

Designing for the Social Web — Presentation Transcript