Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
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 bl...
Building Block: profile equivalency

 users hyperlink to their identities

•
social network profile(s)

•
home page

•
blog
...
Building Block: friends list

•
friends lists with:

   •
hyperlinks to their profiles

   •
friend icons

   •
name (in im...
Social Network Portability: How-To

 •
 Publish microformats building blocks in user profiles


   •
 hCard on user profile ...
How To: hCard profiles

	

<div class=quot;vcardquot;>
	

 <div class=quot;fnquot;>Chris Messina</div>
	

 <img class=quot;...
How To: XFN rel=quot;mequot; profile equivalency
 •	

 <a rel=quot;mequot; href=quot;http://flickr.com/people/...quot;>
   ...
How To: hCard+XFN friends lists
	

<span class=quot;vcardquot;>
	

 <a class=quot;urlquot; rel=quot;contactquot;
      hre...
How To: separate friends page

   •	

<a rel=quot;mequot; href=quot;/t/friendsquot;>View All…</a>

 be sure to link from f...
How To: paginated friends lists




 quot;Previousquot; and quot;Nextquot; links on a paginated
 friends list
	

•	

<a re...
Social Network Portability publishing support

•
What sites and companies support this?
   Lots!

•
Check microformats wik...
Open for business.
http://josephsmarr.com




                         +
We are on the cusp of
  the Social Web

The pie is about to get a lot bigger
FOWA Miami: Future of Social Networks
FOWA Miami: Future of Social Networks
FOWA Miami: Future of Social Networks
FOWA Miami: Future of Social Networks
FOWA Miami: Future of Social Networks
FOWA Miami: Future of Social Networks
FOWA Miami: Future of Social Networks
Prochain SlideShare
Chargement dans…5
×
Prochain SlideShare
futurethink: Future of Social Networks
Suivant
Télécharger pour lire hors ligne et voir en mode plein écran

13

Partager

Télécharger pour lire hors ligne

FOWA Miami: Future of Social Networks

Télécharger pour lire hors ligne

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

Livres associés

Gratuit avec un essai de 30 jours de Scribd

Tout voir

FOWA Miami: Future of Social Networks

  1. The Future Social Web
  2. sr bna
  3. The problem with social networks...
  4. They don’t work together.
  5. (unlike the Web)
  6. The future of social networks...
  7. Make them work together.
  8. (like the Web)
  9. Make it so.
  10. Small pieces. Loosely joined.
  11. Axioms of Web Architecture Simplicity Modular Design Decentralization
  12. Why don’t our social apps work this way?
  13. Control Speed Privacy Clean Experience
  14. Missing: the power of remixable data
  15. Social networking fatigue
  16. brian@brianoberkirch.com photo by Lane Hartwell
  17. brianoberkirch.com photo by Lane Hartwell
  18. twitter.com/brianoberkirch photo by Lane Hartwell
  19. flickr.com/people/brianoberkirch photo by Lane Hartwell
  20. http://upcoming.yahoo.com/user/40960/ photo by Lane Hartwell
  21. last.fm/user/brianoberkirch photo by Lane Hartwell
  22. How can we make social networks more hackable? Portable? Efficient?
  23. Don’t make me repeat myself. Profile information Friend networks Preferences
  24. Could these sites work together?
  25. We have the technology:
  26. Building Block: profile information • info: • name • photo • notes • hyperlink to his blog • Building block: hCard
  27. Building Block: profile equivalency users hyperlink to their identities • social network profile(s) • home page • blog • OpenID(s) Building block: XFN rel=quot;mequot;
  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
  29. 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
  30. 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>
  31. 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
  32. 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.
  33. 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;
  34. 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;>« Previous</a> • <a rel=quot;me nextquot; href=quot;/t/friends?page=8quot;>Next »</a>
  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
  36. Open for business.
  37. http://josephsmarr.com +
  38. We are on the cusp of the Social Web The pie is about to get a lot bigger
  • Shu_aa

    May. 10, 2009
  • manobi

    Feb. 27, 2009
  • dagoneye

    Jan. 12, 2009
  • factoryjoe

    Oct. 7, 2008
  • sound12

    Aug. 9, 2008
  • alexcheng1982

    Jul. 14, 2008
  • hexholden

    Jul. 13, 2008
  • Coolwizz

    Jul. 13, 2008
  • crezard

    Jul. 13, 2008
  • gleonhard

    Jul. 11, 2008
  • rubyji

    May. 23, 2008
  • renatoalbano

    Apr. 10, 2008
  • digitalcandy

    Mar. 13, 2008

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

Vues

Nombre de vues

14 044

Sur Slideshare

0

À partir des intégrations

0

Nombre d'intégrations

23

Actions

Téléchargements

171

Partages

0

Commentaires

0

Mentions J'aime

13

×