1.
Diseño para la Web Social
De la idea al proyecto
Master y Doctorado en Ingeniería Web
Universidad de Oviedo
9 mayo 2008
Luis Villa
lvilla@grancomo.com

2.
La Coctelera

3.
La Comunidad El País

4.
MTV.es

5.
ADN.es

6.
Una historia

7.
30’s Vannevar Bush

8.
50’s Eugene Garfield

9.
60’s Ted Nelson

10.
60’s Doug Engelbart

11.
80’s Microsoft

12.
90’s Tim Berners Lee

13.
Terra

14.
Geocities

15.
Geoffrey Moore’s Adoption Curve. Adaptación Don Norman: http://www.jnd.org

16.
Puf!
Visibilidad
Madurez
nte
na as la la la
de
a o e l vas de de de ad
nc o d ti eta n era ón eta id
se lógic Pic pecta un lusió ad inaci es uctiv
De no C si L M d
c Ex adas m
Te De Ilu Pro
Infl
Fuente: Curva de Gartner. Gartner

17.
Crash Puntocom
Google IPO
19 ago 2004
Netscape IPO
9 ago 1995
Crisis y huída de recursos del sector

18.
CRISIS.COM

19.
Estándares Web

20.
Blogs, RSS

21.
Blogger

22.
Wilkipedia

23.
19 de agosto 2004
IPO de Google

24.
2002 - David Sifry
Emprendedor Open
Source
¡Millones de blogs ahí
fuera! Alguno tiene que
ser interesante!
http://www.flickr.com/photos/thomashawk/396470587/

25.
Technorati

26.
2004 - Joshua Schachter
Un programador de
Morgan Stanley, NY
Publica sus enlaces en un
servidor de internet
http://www.flickr.com/photos/laughingsquid/260374290/

27.
del.icio.us

28.
2002 - Stewart Butterfield, Catherina
Fake
Pareja de Vancouver
prepara un video juego
online.
Fuente: Wikipedia

29.
2004 - Kevin Rose
Programador reconvertido
a presentador de
televisión.
Busca un experimento
para que los
espectadores participen
en su programa.
Fuente: Wikipedia

30.
Digg.com

31.
Digg.com 2008

32.
2002 - RC
Un estudiante de
informática la Universidad
de Southhampton
Plugin de tracking de
música
Programadores alemanes
y austriacos crean una
Radio Online y comunidad
de música.

33.
Audioscrobbler, Last.fm

34.
2005 - Chad Hurley, Steve Chen, Jawed
Karim
Empleados de Paypal
Acuden a una fiesta en
San Francisco donde
graban videos...
Fuente: Wikipedia

35.
2001 - Jason Fried
Empresario-diseñador en
Chicago
Busca una herramienta de
gestión de proyectos
Estudiante de
Copehnague
Se ofrece como
programador
Límite: 10 horas/semana.

36.
Yahoo Maps. Teleatlas

37.
Basecamp

38.
Ruby on Rails

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

40.
Panoramio

41.
Google y Yahoo salen de compras

42.
Web 2.0
Institucionalización de la conversación

43.
“Superhéroes” digitales

44.
Google
cómprame

45.
4.0
Puf!
3.0
Puf!
2.0
Puf!
1.0
Puf!

46.
Trulia.com

47.
Flickr Graph

48.
Programmableweb

49.
Actividad social
Web como plataforma de participación

50.
Tagging
El usuario como creador de significado

51.
Amgem California Tour

52.
Digg Labs

53.
En la web todo es diseño...
TODO

54.
Proyectos “laterales”
Menos personas
Menos tiempo
Menos presupuesto

55.
Convertir debilidades en fortalezas
Sun Tzu. El Arte de la Guerra

56.
Proyectos pequeños y
centrados

57.
Fuente: Ankaj, Gopal. Yahoo

58.
Haz cosas que la gente quiera usar...
¡Te ayudarán!

59.
Datos abiertos: RSS,APIs, Web Services,

60.
¿Televisión?

61.
Uso creativo de tecnologías ya
disponibles:
AJAX, microformatos, REST...

62.
Comunidades de desarrolladores

63.
Diseño centrado y valiente
Comienza por un problema cercano...

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

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

66.
Diseño y usuarios
“ “La gente no sabe lo que quiere hasta que no
lo ve”
Steve Jobs

67.
Aprende y crece con tus usuarios

68.
Cómo evolucionar...

69.
1996

70.
1997

71.
1998

72.
Texto
1999

73.
2000

74.
2001

75.
2002

76.
2003

77.
2004

78.
2005

79.
Hoy...

80.
Todo en uno...

81.
1998

82.
1999

83.
2001

84.
2002

85.
2003

86.
2004

87.
2005

88.
2007

89.
Hoy...

90.
Hacer una cosa y bien

91.
Cuidado con la tecnología!

92.
Código MSIE sucio y pesado, no
accesibles, URLs tecnodependientes,
dificultan colaboración, no evolutivos
devoradores de recursos, falsa
escalabilidad...

93.
¡Oblígales a cumplir con los estándares!
¡En serio!

94.
Cuidado con la metodología!
Que me lea... qué?!

95.
Los usuarios son
tontos
Desarrollador: exige soporte de usabilidad y diseño

96.
La web social

97.
Creación de espacios de información
que generen valor a partir de la
interacción egoísta de sus usuarios

98.
de la jerarquía a la red
Lectura Conversacional

99.
adactio.com/extras/lifestream

100.
Redes Objetos Geo
Sociales sociales Servicios
Personas Digitales / Cartografía
físicos
Linkedin GMaps
MySpace del.icio.us Yahoo Maps
Facebook Dopplr OpenStreet Map
Bebo Upcoming.org
Friendster Last.fm
Orkut Plazes
Odeo
11870
Flickr
Jaiku

101.
Objetos sociales
Aquellos que sirven a las personas para
hablar y establecer conversaciones en
torno a ellos.

102.
Algo de que hablar...
Música
MySpace
Fotos Last.fm Status
Flickr Pandora Twitter
Photobucket Jaiku
Pownce
Comentar
Compartir
Videos Ver Favoritos
del.icio.us
Youtube ma.gnolia.com
Vimeo
Blip.tv
Unvlog.com
Puntuar
Recomendar
Mascotas “Celebrities”
Dogster Lugares Techcrunch
Catster 11870
Plazes

103.
Sitio Widgets
Nombre del sitio
Navegación secciones
Contenido Autor
Perfil, contacto
Post Foto
Archivos
Fecha / temas
Vídeo
Tags / datos
Acciones sobre objeto
Compartir, guardar, puntuar...
Comentarios / participación Red/grupos
RSS
Widgets
Actividad en otros sites
Música, fotos, redes

104.
Mecánica de participación
?
¿Propuesta de valor?
Grupos
Líderes
Expertos
Contenido Registro
Barreras de entrada
Contenido ¿mejorado?
Filtros
Inteligencia colectiva
Perfil Creación Comentar Consumir
Identidad Compartir Etiquetar Filtrar
Contactos Críticar Descubrir
Intereses Valorar
Guardar como contacto

105.
0 vis tas
.8 60 .86
67

106.
¿Y el modelo de negocio?
O cómo no morir de éxito

107.
Basecamp - 37 Signals

108.
Infraestructura Mercado
Personal
Producto / Servicio Usuarios/Clientes
Procesos
Entrega = Interfaz Competidores
Tecnología
Márketing
Partners
Costes Ingresos
Personal Publicidad
Instalaciones Resultado Cuotas
Hosting Ingresos - Costes Servicios
Hardware Intermediación
Licencias Ventas

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

110.
Open Source Software
Comerciantes
Productos Adaware-se
Software Wordpress Netflix
Wikimedia iTunes
Google Docs Movable Type Amazon
Intermediación
Pandora
Proveedor servicios-datos
Negocio
Gmail Google Adsense
Match Skype
Servicio VOX Twitter
Aplicación Basecamp eBay
Technorati
YouTube last.fm Linkedin Revver Blip.tv
digg La Coctelera Ning Squidoo
del.icio.us Contenido abierto Flickr Newsvine
Menéame Redes Sociales
Blogger Creative Commons
Facebook
Wikipedia
MySpace
Contenidos Musicbrainz
Publicidad
Gratuito Pago Libre Uso Libre Freemium Pago Libre Pago
Donaciones Pago por Cuenta Pro
servicios
Modelo de Ingresos
Fuente (Adaptado)
L. Grivet
Web Business Models 2.0

111.
España
“proyectos laterales”

112.
Menéame

113.
nvivo.es

114.
Panoramio

115.
La Coctelera

116.
Unvlog.com

117.
Piensa...
Ninguno de estos proyectos se hubiera
hecho si se hubiera pensado en el
dinero desde el comienzo.

118.
¿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.

119.
¡Disfruta del viaje!

120.
Fotos: Luis Villa
www.flickr.com/photos/maguisso
Contacto
blog > www.grancomo.com
lvilla@grancomo.com