FOWA Miami: Future of Social Networks

Slide 1: The Future Social Web

Slide 2: sr bna

Slide 3: The problem with social networks...

Slide 4: They don’t work together.

Slide 5: (unlike the Web)

Slide 6: The future of social networks...

Slide 7: Make them work together.

Slide 8: (like the Web)

Slide 9: Make it so.

Slide 10: Small pieces. Loosely joined.

Slide 11: Axioms of Web Architecture Simplicity Modular Design Decentralization

Slide 12: Why don’t our social apps work this way?

Slide 13: Control Speed Privacy Clean Experience

Slide 14: Missing: the power of remixable data

Slide 15: Social networking fatigue

Slide 16: brian@brianoberkirch.com photo by Lane Hartwell

Slide 17: brianoberkirch.com photo by Lane Hartwell

Slide 18: twitter.com/brianoberkirch photo by Lane Hartwell

Slide 19: flickr.com/people/brianoberkirch photo by Lane Hartwell

Slide 20: http://upcoming.yahoo.com/user/40960/ photo by Lane Hartwell

Slide 21: last.fm/user/brianoberkirch photo by Lane Hartwell

Slide 22: How can we make social networks more hackable? Portable? Efficient?

Slide 23: Don’t make me repeat myself. Profile information Friend networks Preferences

Slide 24: Could these sites work together?

Slide 25: We have the technology:

Slide 26: Building Block: profile information • info: • name • photo • notes • hyperlink to his blog • Building block: hCard

Slide 27: Building Block: profile equivalency users hyperlink to their identities • social network profile(s) • home page • blog • OpenID(s) Building block: XFN rel=\"me\"

Slide 28: Building Block: friends list • friends lists with: • hyperlinks to their profiles • friend icons • name (in img alt text) • Building blocks: • hCards for their link, icon, name • XFN for relationships

Slide 29: Social Network Portability: How-To • Publish microformats building blocks in user profiles • hCard on user profile pages • XFN rel=\"me\" hyperlinks to user blogs/home pages • hCard+XFN friends lists • XFN rel=\"me\" to separate friends list pages • XFN+HTML4 pagination rel=\"me next\", rel=\"me prev\" • Subscribe to microformats for profiles. Let the user: • subscribe to their hCard user profile • subscribe to their hCard+XFN supporting friends lists • more: microformats.org/wiki/social-network-portability

Slide 30: How To: hCard profiles <div class=\"vcard\">  <div class=\"fn\">Chris Messina</div>  <img class=\"photo\" src=\"cm.png\"       alt=\"Photo of Chris\" />  <div class=\"note\">   <p>Chris is originally...</p>   <p>...</p>  </div>  <a class=\"url\" rel=\"me\"     href=\"http://...\">Chris's blog</a> </div>

Slide 31: How To: XFN rel=\"me\" profile equivalency • <a rel=\"me\" href=\"http://flickr.com/people/...\">  Flickr Profile</a> • <a rel=\"me\" href=\"http://technorati.com/...\">  Technorati Profile</a> • <a rel=\"me\" href=\"http://pownce.com/t\">  Pownce Profile</a> • <a rel=\"me\" href=\"http://twitter.com/t\">  Twitter Profile</a> • <a rel=\"me\" href=\"http://upcoming.yahoo.com/...\">  Upcoming Profile</a> • <a rel=\"me\" href=\"http://tantek.com/\">  tantek.com</a> rel=\"me\" link symmetry required for profile equivalency

Slide 32: How To: hCard+XFN friends lists <span class=\"vcard\">  <a class=\"url\" rel=\"contact\"    href=\"http://twitter.com/davemc500hats\">   <img class=\"fn photo\"        alt=\"Dave McClure\" src=\"dmc500.png\" />  </a> </span> <span class=\"vcard\">  <a class=\"url\" rel=\"contact\"    href=\"http://twitter.com/factoryjoe\">   <img class=\"fn photo\"        alt=\"Chris Messina\" src=\"cm.png\" />  </a> </span> ... etc.

Slide 33: How To: separate friends page • <a rel=\"me\" href=\"/t/friends\">View All…</a> be sure to link from friends page back to the profile with rel=\"me\"

Slide 34: How To: paginated friends lists \"Previous\" and \"Next\" links on a paginated friends list • <a rel=\"me prev\" href=\"/t/friends?page=6\">&#171; Previous</a> • <a rel=\"me next\" href=\"/t/friends?page=8\">Next &#187;</a>

Slide 35: Social Network Portability publishing support • What sites and companies support this? Lots! • Check microformats wiki for latest: • hCard supporting user profiles • hCard+XFN supporting friends lists http://microformats.org/wiki/hcard-supporting-user-profiles http://microformats.org/wiki/hcard-xfn-supporting-friends-list

Slide 36: Open for business.

Slide 41: http://josephsmarr.com +

Slide 45: We are on the cusp of the Social Web The pie is about to get a lot bigger