diseño para la web social - de la idea al proyecto

Diseño para la Web SocialDe la idea al proyecto

Master y Doctorado en Ingeniería WebUniversidad de Oviedo

9 mayo 2008

Luis Villalvilla@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

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

Twitter

Wikipedia

Creative Commons

Musicbrainz

Google Adsense

Revver Blip.tv

Squidoo

Newsvine

eBay

Facebook

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 > www.grancomo.comlvilla@grancomo.com

Fotos: Luis Villawww.flickr.com/photos/maguisso