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]
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
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!
Google IPO19 ago 2004
Crash Puntocom
Crisis y huída de recursos del sector
Netscape IPO9 ago 1995
CRISIS.COM
Estándares Web
Blogs, RSS
Blogger
Wilkipedia
19 de agosto 2004IPO 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
http://www.flickr.com/photos/laughingsquid/260374290/
2004 - Joshua Schachter
Un programador de Morgan Stanley, NYPublica sus enlaces en un servidor de internet
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 SouthhamptonPlugin 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 PaypalAcuden a una fiesta en San Francisco donde graban videos...
Fuente: Wikipedia
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.
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.0Institucionalización de la conversación
“Superhéroes” digitales
Google cómprame
Puf!
Puf!
Puf!
Puf!
1.0
2.0
3.0
4.0
Trulia.com
Flickr Graph
Programmableweb
Actividad socialWeb como plataforma de participación
TaggingEl usuario como creador de significado
Amgem California Tour
Digg Labs
En la web todo es diseño... TODO
Proyectos “laterales”Menos personas
Menos tiempoMenos presupuesto
Convertir debilidades en fortalezasSun 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 valienteComienza 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 Sociales
Personas
LinkedinMySpaceFacebook
BeboFriendster
Orkut
Geo Servicios
Cartografía
GMapsYahoo Maps
OpenStreet Map
Objetos sociales
Digitales / físicos
del.icio.usDopplr
Upcoming.orgLast.fmPlazesOdeo11870FlickrJaiku
Aquellos que sirven a las personas para hablar y establecer conversaciones en torno a ellos.
Objetos sociales
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...
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
?
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
67.860.860 vistas
¿Y el modelo de negocio?O cómo no morir de éxito
Basecamp - 37 Signals
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
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
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
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!
Contactoblog > [email protected]
Fotos: Luis Villawww.flickr.com/photos/maguisso
Top Related