![Page 1: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/1.jpg)
Diseño para la Web SocialDe la idea al proyecto
Master y Doctorado en Ingeniería WebUniversidad de Oviedo
9 mayo 2008
Luis [email protected]
![Page 2: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/2.jpg)
La Coctelera
![Page 3: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/3.jpg)
La Comunidad El País
![Page 4: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/4.jpg)
MTV.es
![Page 5: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/5.jpg)
ADN.es
![Page 6: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/6.jpg)
![Page 7: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/7.jpg)
Una historia
![Page 8: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/8.jpg)
30’s Vannevar Bush
![Page 9: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/9.jpg)
![Page 10: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/10.jpg)
50’s Eugene Garfield
![Page 11: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/11.jpg)
60’s Ted Nelson
![Page 12: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/12.jpg)
![Page 13: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/13.jpg)
60’s Doug Engelbart
![Page 14: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/14.jpg)
![Page 15: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/15.jpg)
80’s Microsoft
![Page 16: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/16.jpg)
90’s Tim Berners Lee
![Page 17: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/17.jpg)
![Page 18: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/18.jpg)
![Page 19: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/19.jpg)
![Page 20: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/20.jpg)
![Page 21: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/21.jpg)
![Page 22: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/22.jpg)
![Page 23: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/23.jpg)
Terra
![Page 24: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/24.jpg)
Geocities
![Page 25: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/25.jpg)
![Page 26: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/26.jpg)
![Page 27: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/27.jpg)
![Page 28: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/28.jpg)
Geoffrey Moore’s Adoption Curve. Adaptación Don Norman: http://www.jnd.org
![Page 29: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/29.jpg)
![Page 30: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/30.jpg)
![Page 31: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/31.jpg)
Desencadenante
Tecnológico
Vis
ibilid
ad
Madurez
Pico de las
Expectativas
Infladas Cuneta de la
Desilusión
Ladera de la
Iluminación
Meseta de la
Productividad
Fuente: Curva de Gartner. Gartner
Puf!
![Page 32: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/32.jpg)
Google IPO19 ago 2004
Crash Puntocom
Crisis y huída de recursos del sector
Netscape IPO9 ago 1995
![Page 33: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/33.jpg)
CRISIS.COM
![Page 34: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/34.jpg)
Estándares Web
![Page 35: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/35.jpg)
![Page 36: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/36.jpg)
Blogs, RSS
![Page 37: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/37.jpg)
Blogger
![Page 38: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/38.jpg)
Wilkipedia
![Page 39: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/39.jpg)
19 de agosto 2004IPO de Google
![Page 40: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/40.jpg)
2002 - David Sifry
Emprendedor Open Source¡Millones de blogs ahí fuera! Alguno tiene que ser interesante!
http://www.flickr.com/photos/thomashawk/396470587/
![Page 41: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/41.jpg)
Technorati
![Page 42: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/42.jpg)
![Page 43: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/43.jpg)
![Page 44: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/44.jpg)
http://www.flickr.com/photos/laughingsquid/260374290/
2004 - Joshua Schachter
Un programador de Morgan Stanley, NYPublica sus enlaces en un servidor de internet
![Page 45: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/45.jpg)
del.icio.us
![Page 46: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/46.jpg)
2002 - Stewart Butterfield, Catherina Fake
Pareja de Vancouver prepara un video juego online.
Fuente: Wikipedia
![Page 47: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/47.jpg)
![Page 48: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/48.jpg)
![Page 49: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/49.jpg)
2004 - Kevin Rose
Programador reconvertido a presentador de televisión.Busca un experimento para que los espectadores participen en su programa.
Fuente: Wikipedia
![Page 50: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/50.jpg)
Digg.com
![Page 51: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/51.jpg)
Digg.com 2008
![Page 52: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/52.jpg)
2002 - RC
Un estudiante de informática la Universidad de SouthhamptonPlugin de tracking de música
Programadores alemanes y austriacos crean una Radio Online y comunidad de música.
![Page 53: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/53.jpg)
Audioscrobbler, Last.fm
![Page 54: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/54.jpg)
2005 - Chad Hurley, Steve Chen, Jawed Karim
Empleados de PaypalAcuden a una fiesta en San Francisco donde graban videos...
Fuente: Wikipedia
![Page 55: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/55.jpg)
![Page 56: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/56.jpg)
![Page 57: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/57.jpg)
2001 - Jason Fried
Empresario-diseñador en ChicagoBusca una herramienta de gestión de proyectos
Estudiante de CopehnagueSe ofrece como programadorLímite: 10 horas/semana.
![Page 58: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/58.jpg)
Yahoo Maps. Teleatlas
![Page 59: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/59.jpg)
Basecamp
![Page 60: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/60.jpg)
Ruby on Rails
![Page 61: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/61.jpg)
![Page 62: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/62.jpg)
![Page 63: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/63.jpg)
2005 - Eduardo Manchón, Joaquín Cuenca
Dos españoles. Uno consultor de usabilidad y aficionado a la fotografía establecido en Alemania.Otro, hacker, programador ubicado en Francia.
![Page 64: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/64.jpg)
![Page 65: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/65.jpg)
Panoramio
![Page 66: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/66.jpg)
Google y Yahoo salen de compras
![Page 67: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/67.jpg)
Web 2.0Institucionalización de la conversación
![Page 68: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/68.jpg)
![Page 69: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/69.jpg)
“Superhéroes” digitales
![Page 70: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/70.jpg)
![Page 71: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/71.jpg)
Google cómprame
![Page 72: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/72.jpg)
![Page 73: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/73.jpg)
Puf!
Puf!
Puf!
Puf!
1.0
2.0
3.0
4.0
![Page 74: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/74.jpg)
Trulia.com
![Page 75: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/75.jpg)
Flickr Graph
![Page 76: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/76.jpg)
Programmableweb
![Page 77: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/77.jpg)
Actividad socialWeb como plataforma de participación
![Page 78: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/78.jpg)
TaggingEl usuario como creador de significado
![Page 79: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/79.jpg)
Amgem California Tour
![Page 80: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/80.jpg)
Digg Labs
![Page 81: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/81.jpg)
En la web todo es diseño... TODO
![Page 82: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/82.jpg)
Proyectos “laterales”Menos personas
Menos tiempoMenos presupuesto
![Page 83: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/83.jpg)
![Page 84: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/84.jpg)
Convertir debilidades en fortalezasSun Tzu. El Arte de la Guerra
![Page 85: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/85.jpg)
Proyectos pequeños y centrados
![Page 86: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/86.jpg)
Fuente: Ankaj, Gopal. Yahoo
![Page 87: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/87.jpg)
Haz cosas que la gente quiera usar...¡Te ayudarán!
![Page 88: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/88.jpg)
Datos abiertos: RSS,APIs, Web Services,
![Page 89: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/89.jpg)
¿Televisión?
![Page 90: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/90.jpg)
Uso creativo de tecnologías ya disponibles:
AJAX, microformatos, REST...
![Page 91: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/91.jpg)
Comunidades de desarrolladores
![Page 92: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/92.jpg)
Diseño centrado y valienteComienza por un problema cercano...
![Page 93: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/93.jpg)
“Diseño y usuarios
“Si hace años le hubiera preguntado a la gente que quería para desplazarse me hubieran respondido,... caballos más rápidos”
Henry Ford
![Page 94: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/94.jpg)
![Page 95: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/95.jpg)
“Diseño y usuarios
“Si le preguntas al público que creen que necesitarán, siempre estarás detrás de todos. Nunca avanzarás a no ser que pienses diez años en adelante y crees un mercado para los productos que crees que el mercado necesitará entonces”
Morita, SONY
![Page 96: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/96.jpg)
![Page 97: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/97.jpg)
“Diseño y usuarios
“La gente no sabe lo que quiere hasta que no lo ve”
Steve Jobs
![Page 98: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/98.jpg)
![Page 99: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/99.jpg)
![Page 100: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/100.jpg)
Aprende y crece con tus usuarios
![Page 101: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/101.jpg)
Cómo evolucionar...
![Page 102: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/102.jpg)
1996
![Page 103: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/103.jpg)
1997
![Page 104: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/104.jpg)
1998
![Page 105: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/105.jpg)
Texto
1999
![Page 106: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/106.jpg)
2000
![Page 107: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/107.jpg)
2001
![Page 108: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/108.jpg)
2002
![Page 109: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/109.jpg)
2003
![Page 110: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/110.jpg)
2004
![Page 111: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/111.jpg)
2005
![Page 112: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/112.jpg)
Hoy...
![Page 113: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/113.jpg)
Todo en uno...
![Page 114: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/114.jpg)
1998
![Page 115: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/115.jpg)
1999
![Page 116: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/116.jpg)
2001
![Page 117: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/117.jpg)
2002
![Page 118: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/118.jpg)
2003
![Page 119: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/119.jpg)
2004
![Page 120: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/120.jpg)
2005
![Page 121: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/121.jpg)
2007
![Page 122: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/122.jpg)
Hoy...
![Page 123: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/123.jpg)
Hacer una cosa y bien
![Page 124: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/124.jpg)
Cuidado con la tecnología!
![Page 125: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/125.jpg)
![Page 126: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/126.jpg)
![Page 127: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/127.jpg)
![Page 128: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/128.jpg)
![Page 129: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/129.jpg)
Código MSIE sucio y pesado, no accesibles, URLs tecnodependientes, dificultan colaboración, no evolutivos
devoradores de recursos, falsa escalabilidad...
![Page 130: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/130.jpg)
¡Oblígales a cumplir con los estándares!
¡En serio!
![Page 131: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/131.jpg)
Cuidado con la metodología!
Que me lea... qué?!
![Page 132: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/132.jpg)
Los usuarios son tontos
Desarrollador: exige soporte de usabilidad y diseño
![Page 133: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/133.jpg)
![Page 134: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/134.jpg)
La web social
![Page 135: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/135.jpg)
Creación de espacios de información que generen valor a partir de la
interacción egoísta de sus usuarios
![Page 136: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/136.jpg)
de la jerarquía a la red
Lectura Conversacional
![Page 137: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/137.jpg)
adactio.com/extras/lifestream
![Page 138: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/138.jpg)
Redes Sociales
Personas
LinkedinMySpaceFacebook
BeboFriendster
Orkut
Geo Servicios
Cartografía
GMapsYahoo Maps
OpenStreet Map
Objetos sociales
Digitales / físicos
del.icio.usDopplr
Upcoming.orgLast.fmPlazesOdeo11870FlickrJaiku
![Page 139: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/139.jpg)
Aquellos que sirven a las personas para hablar y establecer conversaciones en torno a ellos.
Objetos sociales
![Page 140: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/140.jpg)
Comentar
Recomendar
Ver
Puntuar
Compartir
MúsicaMySpaceLast.fmPandora
FotosFlickr
Photobucket
StatusTwitterJaiku
Pownce
VideosYoutubeVimeoBlip.tv
Unvlog.com
Favoritosdel.icio.us
ma.gnolia.com
MascotasDogsterCatster
“Celebrities”TechcrunchLugares
11870Plazes
Algo de que hablar...
![Page 141: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/141.jpg)
Widgets
Contenido
Comentarios / participación
Acciones sobre objeto
Compartir, guardar, puntuar...
Autor
Perfil, contacto
Archivos
Fecha / temas
Tags / datos
Red/grupos
Nombre del sitio
Navegación secciones
RSS
Post Foto
Vídeo
Widgets
Actividad en otros sites
Música, fotos, redes
Sitio
![Page 142: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/142.jpg)
?
Contenido
Perfil
Identidad
Contactos
Intereses
Creación
Compartir
Comentar
Etiquetar
Críticar
Valorar
Guardar como contacto
Consumir
Filtrar
Descubrir
Contenido ¿mejorado?
Filtros
Inteligencia colectiva
¿Propuesta de valor?
Registro
Barreras de entrada
Mecánica de participación
Grupos
Líderes
Expertos
![Page 143: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/143.jpg)
![Page 144: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/144.jpg)
67.860.860 vistas
![Page 145: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/145.jpg)
![Page 146: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/146.jpg)
¿Y el modelo de negocio?O cómo no morir de éxito
![Page 147: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/147.jpg)
Basecamp - 37 Signals
![Page 148: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/148.jpg)
MercadoUsuarios/Clientes
Competidores
Márketing
InfraestructuraPersonal
Procesos
Tecnología
Partners
CostesPersonal
Instalaciones
Hosting
Hardware
Licencias
IngresosPublicidad
Cuotas
Servicios
Intermediación
Ventas
Producto / ServicioEntrega = Interfaz
ResultadoIngresos - Costes
![Page 149: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/149.jpg)
Beneficios
1. Publicidad Technorati, Digg, menéame
2. Cuentas “Freemium” Flickr, Last.fm, Linkedin
3. Servicios inteligencia Technorati, Trulia
4. Mejora lateral de otros servicios Last.fm, del.icio.us, Amazon...
5. Experimentación e innovación Digg Labs, Twitter, del.icio.us
![Page 150: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/150.jpg)
ProductosSoftware
ServicioAplicación
Contenidos
Gratuito Pago LibreDonaciones
Uso LibrePago por servicios
FreemiumCuenta Pro
Pago Libre Pago
Neg
oci
o
Modelo de Ingresos
Flickrdel.icio.us
digg
YouTube
MySpace
Blogger
Google Docs
last.fmLinkedin
Pandora
Match
Ning
Wordpress
Movable Type
VOX
La Coctelera
Menéame
Wikimedia
Gmail
Skype
Technorati
Proveedor servicios-datos
Open Source
Basecamp
Contenido abiertoRedes Sociales
SoftwareComerciantes
Intermediación
Netflix
Amazon
iTunes
Publicidad
Adaware-se
Wikipedia
Creative Commons
Musicbrainz
Google Adsense
Revver Blip.tv
Squidoo
Newsvine
eBay
Fuente (Adaptado)L. GrivetWeb Business Models 2.0
![Page 151: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/151.jpg)
España“proyectos laterales”
![Page 152: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/152.jpg)
Menéame
![Page 153: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/153.jpg)
nvivo.es
![Page 154: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/154.jpg)
Panoramio
![Page 155: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/155.jpg)
La Coctelera
![Page 156: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/156.jpg)
Unvlog.com
![Page 157: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/157.jpg)
Piensa...
Ninguno de estos proyectos se hubiera hecho si se hubiera pensado en el
dinero desde el comienzo.
![Page 158: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/158.jpg)
¿Te apasiona esto?
1. Tu carrera profesional depende de tí, no de las empresas.
2. Busca proyectos laterales, si no sale bien aprenderás mucho.
3. Busca una idea: detecta un problema o necesidad y pégate a él.
4. Haz las cosas bien: tus usuarios son lo primero
5. Mantén la simplicidad o haz sencillo lo complejo.
6. No te ciegues con la tecnología.
7. Siempre en evolución: itera, itera...
8. Busca colegas, relaciónate, intercambia experiencias, aprende.
![Page 159: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/159.jpg)
¡Disfruta del viaje!
![Page 160: Diseño para la Web Social - de la idea al proyecto](https://reader034.vdocuments.co/reader034/viewer/2022052410/547df76fb4af9f81238b4d9e/html5/thumbnails/160.jpg)