FOWA Miami: Future of Social Networks

40 %
60 %
Information about FOWA Miami: Future of Social Networks

Published on March 5, 2008

Author: brianoberkirch

Source: slideshare.net

Description

A talk I gave at FOWA Miami with Tantek Çelik and Joseph Smarr.

The Future Social Web

sr bna

The problem with social networks...

They don’t work together.

(unlike the Web)

The future of social networks...

Make them work together.

(like the Web)

Make it so.

Small pieces. Loosely joined.

Axioms of Web Architecture Simplicity Modular Design Decentralization

Why don’t our social apps work this way?

Control Speed Privacy Clean Experience

Missing: the power of remixable data

Social networking fatigue

brian@brianoberkirch.com photo by Lane Hartwell

brianoberkirch.com photo by Lane Hartwell

twitter.com/brianoberkirch photo by Lane Hartwell

flickr.com/people/brianoberkirch photo by Lane Hartwell

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

last.fm/user/brianoberkirch photo by Lane Hartwell

How can we make social networks more hackable? Portable? Efficient?

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

Could these sites work together?

We have the technology:

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

Building Block: profile equivalency users hyperlink to their identities • social network profile(s) • home page • blog • OpenID(s) Building block: XFN rel=quot;mequot;

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

Social Network Portability: How-To • Publish microformats building blocks in user profiles • hCard on user profile pages • XFN rel=quot;mequot; hyperlinks to user blogs/home pages • hCard+XFN friends lists • XFN rel=quot;mequot; to separate friends list pages • XFN+HTML4 pagination rel=quot;me nextquot;, rel=quot;me prevquot; • 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

How To: hCard profiles <div class=quot;vcardquot;>  <div class=quot;fnquot;>Chris Messina</div>  <img class=quot;photoquot; src=quot;cm.pngquot;       alt=quot;Photo of Chrisquot; />  <div class=quot;notequot;>   <p>Chris is originally...</p>   <p>...</p>  </div>  <a class=quot;urlquot; rel=quot;mequot;     href=quot;http://...quot;>Chris's blog</a> </div>

How To: XFN rel=quot;mequot; profile equivalency • <a rel=quot;mequot; href=quot;http://flickr.com/people/...quot;>  Flickr Profile</a> • <a rel=quot;mequot; href=quot;http://technorati.com/...quot;>  Technorati Profile</a> • <a rel=quot;mequot; href=quot;http://pownce.com/tquot;>  Pownce Profile</a> • <a rel=quot;mequot; href=quot;http://twitter.com/tquot;>  Twitter Profile</a> • <a rel=quot;mequot; href=quot;http://upcoming.yahoo.com/...quot;>  Upcoming Profile</a> • <a rel=quot;mequot; href=quot;http://tantek.com/quot;>  tantek.com</a> rel=quot;mequot; link symmetry required for profile equivalency

How To: hCard+XFN friends lists <span class=quot;vcardquot;>  <a class=quot;urlquot; rel=quot;contactquot;    href=quot;http://twitter.com/davemc500hatsquot;>   <img class=quot;fn photoquot;        alt=quot;Dave McClurequot; src=quot;dmc500.pngquot; />  </a> </span> <span class=quot;vcardquot;>  <a class=quot;urlquot; rel=quot;contactquot;    href=quot;http://twitter.com/factoryjoequot;>   <img class=quot;fn photoquot;        alt=quot;Chris Messinaquot; src=quot;cm.pngquot; />  </a> </span> ... etc.

How To: separate friends page • <a rel=quot;mequot; href=quot;/t/friendsquot;>View All…</a> be sure to link from friends page back to the profile with rel=quot;mequot;

How To: paginated friends lists quot;Previousquot; and quot;Nextquot; links on a paginated friends list • <a rel=quot;me prevquot; href=quot;/t/friends?page=6quot;>&#171; Previous</a> • <a rel=quot;me nextquot; href=quot;/t/friends?page=8quot;>Next &#187;</a>

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

Open for business.

http://josephsmarr.com +

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

Add a comment

Related presentations

Related pages

The Future of Social Networks (Future of Web Apps Miami) |

The Future of Social Networks Future of Web Apps Miami ... on The Future of Social Networks. ... FOWA was a great event, ...
Read more

FOWA Miami — Blogs, Pictures, and more on WordPress

Tags » FOWA Miami Cjed ... and the results have just been announced at Future of Web Apps Miami. 44 ... Future of Social Networks Brian, Tantek ...
Read more

Future of Web Apps Miami Conference; Register Now and Save 25%

The Future of Web Apps (Miami, ... FOWA brings together web visionaries to discuss ... the problem with social networks, and the future of ...
Read more

Future of Web Apps Miami Mini-Contest Winners

The Future of Web Apps mini-contest ... for tickets to the conference in Miami is officially over. ... Social Media. Tech. Business. Entertainment.
Read more

Fowa professione immagine

Fowa; Prodotti; Lasciati Ispirare; Rivenditori Accedi | Registrati. Professione Immagine. Diamo ... Social network. PENTAX LUMIX G. Copyright © 2016.
Read more

FOWA MIAMI: Aza Raskin Mozilla Ubiquity | The Social ...

Social Network. by Tech Guru 7 months ... FOWA MIAMI: Aza Raskin Mozilla Ubiquity ... RELATED ITEMSaza rasking Browsers Clients fowa miami 2009 future of ...
Read more

FOWA Miami: Where are the Women Application Developers?

FOWA Miami: Where are the Women Application ... Laurence Lock Lee on The State of Social Network Analysis in ... Future of Web Apps (FOWA) Miami Feb ...
Read more

Web developers, entrepreneurs meet at FOWA despite crisis ...

... for Carsonified's Future of Web Apps (FOWA) ... At FOWA, Ahmad expects to not only network and catch up ... time to make it to FOWA in Miami, ...
Read more