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

La Coctelera

La Comunidad El País

MTV.es

ADN.es

Una historia

30’s Vannevar Bush

50’s Eugene Garfield

60’s Ted Nelson

60’s Doug Engelbart

80’s Microsoft

90’s Tim Berners Lee

Terra

Geocities

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

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

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

CRISIS.COM

Estándares Web

Blogs, RSS

Blogger

Wilkipedia

19 de agosto 2004
IPO de Google

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

Technorati

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

del.icio.us

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

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

Digg.com

Digg.com 2008

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.

Audioscrobbler, Last.fm

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

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.

Yahoo Maps. Teleatlas

Basecamp

Ruby on Rails

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.

Panoramio

Google y Yahoo salen de compras

Web 2.0
Institucionalización de la conversación

“Superhéroes” digitales

Google
cómprame

4.0
Puf!
3.0
Puf!
2.0
Puf!
1.0
Puf!

Trulia.com

Flickr Graph

Programmableweb

Actividad social
Web como plataforma de participación

Tagging
El usuario como creador de significado

Amgem California Tour

Digg Labs

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

Proyectos “laterales”
Menos personas
Menos tiempo
Menos presupuesto

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

Proyectos pequeños y
centrados

Fuente: Ankaj, Gopal. Yahoo

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

Datos abiertos: RSS,APIs, Web Services,

¿Televisión?

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

Comunidades de desarrolladores

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

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

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

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

Aprende y crece con tus usuarios

Cómo evolucionar...

1996

1997

1998

Texto
1999

2000

2001

2002

2003

2004

2005

Hoy...

Todo en uno...

1998

1999

2001

2002

2003

2004

2005

2007

Hoy...

Hacer una cosa y bien

Cuidado con la tecnología!

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

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

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

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

La web social

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

de la jerarquía a la red
Lectura Conversacional

adactio.com/extras/lifestream

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

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

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

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

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

0 vis tas
.8 60 .86
67

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

Basecamp - 37 Signals

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

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

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

España
“proyectos laterales”

Menéame

nvivo.es

Panoramio

La Coctelera

Unvlog.com

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

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

¡Disfruta del viaje!

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