Manual de uso de la web 2.0

Domingo Gallardo

Curso de verano “La web 2.0: retos y tecnologías

para la internet de nueva generación”Universidad de Alicante

Julio 2008

Índice

• Introducción

• Organización del contenido

• Dos ejemplos: digg y del.icio.us

• Tendencias futuras

Web 2.0Una frase y cuatro ejes

“Applications that get better, the more that people use them”

- Tim O’Reilly

Interfaces de usuario ricas

El usuario es el centro

Reutilización de los datosy contenidos

Mejora continua

Organizando el contenido de un sitio

web 2.0

Buscando, ojeando, pidiendo y ¿encontrando?

Search

Browse

Ask

- Louis Rosenfeld

Los retos

• ¿Cómo hacer que el cliente que visita nuestra tienda/web encuentre lo que busca?

• ¿Qué ítems le enseñamos primero?

• ¿Cómo hacer que se pasee (browse) por la tienda sin que se pierda y que termine al final “comprando” algo?

• ¿Cómo aprovechar su comportamiento para mejorar las técnicas anteriores?

• ¿Web 2.0: qué hacer con los ítems que nos traen los clientes?

Information Arquitecture

negocio

usuarioscontenido

• Cómo organizar el contenido de forma que los usuarios encuentren fácilmente lo que buscan.

• El arte y la ciencia de organizar y etiquetar sitios web, comunidades y software para mejorar la usabilidad y la “encontrabilidad”. http://semanticstudios.com/

Taxonomía• Vocabulario controlado que define una

jerarquía, en la que los términos más generales contienen terminos más específicos.

• Típicamente usado en bibliotecas y librerías para clasificar materiales y organizado por profesionales (bibliotecarios).

Una buena taxonomía

• Mejor enfocar en un ámbito reducido. Es mejor elaborar múltiples taxonomías específicas que una única de propósito general.

• El número óptimo de niveles es 5.

• Clasificación balanceada.

• Los documentos deben estar distribuidos de forma uniforme en las categorías.

-- Information Architecture for the WWW

Conceptos y herramientas

• Anillo de sinónimos

• Tesauro (thesaurus)

• Ontología

• Mapas semánticos

• Herramientas de creación de taxonomías y tesauros

-- Flickr

Montando un tesauro

Card sorting

• Grupos de trabajo: usuarios y responsables de contenido

• Los contenidos se escriben en fichas

• Se agrupan y se definen niveles

Ejemplos de categorías

Tags• Etiquetas no estructuradas

• Un ítem suele tener múltiples etiquetas

• Los tags están relacionados a través de los ítems que los comparten

• Limitaciones importantes: ambiguedad, sinónimos no controlados

• Ventajas: libertad (ojear vs. buscar), sencillez

Ejemplos• del.icio.us (2004): “software, design, programming, music, politics,

web, news, blog, css, linux, art, osx, java, mac, blogs, reference, fun, python, games, tech, photography, humor, tools, delicious, rss, firefox, toread, comics.”

• del.icio.us (2008): “design blog tools software music programming video webdesign web2.0 art reference linux photography tutorial howto inspiration free iphone web javascript education css development blogs shopping news business flash”

• flickr (20/07/08): “risefestival,  blc08,  wyd2008,  tanabatamatsuri,  wfcllanthonyhay,  uwgarage080712,  kddtecendoredes16,  tourdegastown,  indiosssjuly12,  artfaironthesquare,  ilosaarirock,  weatherbug,  wordsonskin,  blogher08,  hmns,  ocfair, flyinglegends,  doodleweek,  nn08,  assignmenthouston27”

Web 2.0: folksonomy

• Los usuarios reusan etiquetas que otros inventan.

• El esfuerzo individual es aprovechado por la comunidad.

• Sistema dinámico que tiende hacia la definición de términos comunes (similar al habla de un grupo).

-- Adam Mathespersonalization

personalizacion

Ordenación web 2.0

• Las listas de ítems aparecen en cualquier sitio web que contiene información abundante.

• Las decisiones del resto de usuarios deciden los ítems que se muestran a un usuario concreto:

• Listas de popularidad, ítems relevantes, ítems relacionados.

• Otros usuarios como yo también han comprado.

Ordenaciones

Listas de éxitos

Recomendaciones

La página principal de Amazon

› Find similar

items

› Find similar

items

› Find similar

items

› Find similar

items

Mother and child Guardian angel Animals

Bride and groom Zodiac collection Victorian lady

› See more

cameos

Royals Chiefs Wizards

› See more products for Kansas City sports fans

Amazon.com

For You to Enjoy

Recommended for You

› See more recommendations

Latest from David Kirk

The Prince, The Princess, and The Bee:

MissSpider's Sunny...

Originally broadcast as an hourlong prime-

time special—and nominated for several

awards, including a prestigious Gemini,

Canada’s version of the Emmy—The Prince,

the Princess, and the Bee begins when a princess bee is born in

the Honey Hive, creating quite a buzz! In the midst of

celebrating, Shimmer discovers that... Read more $17.99 $14.03

Kansas City Fans: Show Your Team Spirit!

Latest from Authors You May Like,Including Kathy Sierra

› See more recommendations

New For You®

› See more new releases

60% Off and Free Shipping on SelectCameos at Amazon.com

Selected for You

Add to Your Collection

Head First SQL: Your...

"There are books you buy and

books you keep on your desk...

Head First SQL is at... Read more

$44.99 $29.69

› See more items in the O'Reilly Head First

series

Treat Yourself

Guns, Germs, and Steel...

Explaining what William McNeill

called The Rise of the West has

become the... Read more

$24.95 $16.47

› See more in your Wish List

Check Out This New Release

Real-Time Rendering...

One would think that the title of

Tomas Moller's and Eric Haines's

book... Read more

$89.00

Bestsellers in Art Magazines

› See more (Updated hourly)

1. The Artist's Magazine (1-

year) Magazine Subscription

F&W Publications

$59.88 $19.96

($2.00/issue)

2. Watercolor Magic (1-year)Magazine Subscription F&W

Publications

$35.94 $19.96

($3.33/issue)

3. How (1-year) Magazine

Subscription F&W

Publications

$79.70 $29.95

($4.99/issue)

4. Art in America Magazine

Subscription Brant

Publications

$71.00 $24.95

($2.08/issue)

5. American Artist Magazine

Subscription Nielsen

Company

$43.89 $29.95

($2.50/issue)

› Shop bestsellers in magazines

Save with the Amazon.com Visa Card

Get the Amazon.com Visa Card

instantly and you'll

automatically get $30 back

after your first purchase, plus

up to 3% rewards.

Don't Make

Me Think: A

Common

Sense...Paperback bySteve Krug

$40.00 $26.40

Designing

Interfaces:

Patterns

for...Paperback byJenifer Tidwell

$49.95 $32.97

Information

Architecture

for the...Paperback byLouisRosenfeld,Peter...

Designing

Web

Navigation:

Optimizing...Paperback byJamesKalbach,

Robot

Programming

: A Practical

Guide...Paperback byJoe Jones,Daniel Roth

$29.95 $19.77

Tomcat: The

Definitive

GuidePaperback byJason Brittain,Ian Darwin

$39.99 $26.39 (Why is this

Computational

Geometry:

Algorithms...Hardcover byMark de Berg,Otfried...

$49.95 $39.96 (Why is this

The Illusion

of Life:

Disney

AnimationHardcover byOllie Johnston,Frank...

$60.00 $43.20

Head First

Servlets and

JSP:

Passing...Paperback byBryanBasham,Kathy...

Chuck Close:

WorkHardcover byChristopherFinch

$85.00 $53.55 (Why is thisrecommended

PostsingularHardcover byRudy Rucker

$25.95 $17.13 (Why is thisrecommendedfor you?)

Janice

VanCleave's

Teaching the

Fun...Paperback byJaniceVanCleave

$19.95 $14.96

Effective

JavaPaperback byJoshua Bloch

$49.99 $38.20 (Why is thisrecommendedfor you?)

I Am a

Strange

LoopPaperback byDouglas R.Hofstadter

$16.95 $11.53 (Why is this

Spook

CountryPaperback byWilliam Gibson

$15.00 $10.20 (Why is thisrecommendedfor you?)

Why Work

Sucks and

How to Fix

It: No...Hardcover byCali Ressler,JodyThompson

Books

Movies, Music & Games

Digital Downloads

Computers & Office

Electronics

Home & Garden

Grocery, Health & Beauty

Toys, Kids & Baby

Apparel, Shoes & Jewelry

Sports & Outdoors

Tools, Auto & Industrial

Check This Out

Pay with Bill Me

Later®

Buy now, get $10 off$50. Subject to creditapproval.

Off to College?Get what you need tomake the grade.

Amazon Office

ProductsEverything forbusiness, classroom,home and more.

Green SummerSpend less to staycool.

Universal Wish ListAdd items from anysite to your lists.

Features & Services

Selling on Amazon

Publish on Kindle

Sell Your Stuff

Fulfillment by Amazon

WebStore by Amazon

Advantage Program

Associates Program

Amazon Exclusives

Amazon Prime

Amazon Bestsellers

Amazon Daily Blog

Amazon Wire Podcast

Amazon Connect

International Direct

Finance Your Purchases

Amazon Currency Converter

Partner Services

Broadband Services

Financial Services

Photo Services

Travel Services

For Businesses

Corporate Accounts

Amazon Credit Card

All Business Center

Multichannel Commerce

Gift Cards in bulk

For Developers

Amazon Web Services

For Advertisers

Advertise With Us

Paid Placements

Web Search

Web Search

2 posts since yesterdayPosts for Domingo

Dos ejemplos:digg y del.icio.us

Digg

• Sitio de recomendación de noticias populares.

• Las noticias son votadas por usuarios registrados.

• Cuando una noticia supera el “filtro de digg” (digg promotion algorithm) se hace popular y se coloca en la página principal (get promoted).

-- New Digg algorithm

Demo

Usuarios poderos

-- http://www.digganalytics.com/

Haciendo trampas

El algoritmo Digg• Los “usuarios poderosos” puntúan más que los

recién llegados. Un usuario es más poderoso cuanto más populares son sus envíos (sintoniza con la gente).

• Favorece los ítems votados por gente “diversa”.

• Favorece la distribución homogénea de ítems en las diferentes categorías.

• ¿Favorece la popularidad de determinado perfil de noticias?

-- ReadWriteWeb

La caída de la tecnología

digg labs

-- digg labs

Google search 2.0

-- Techcrunch

del.icio.us

Digg y del.icio.us

• Dos ejemplos de cómo la unión de inteligencia colectiva, organización de contenido y personalización pueden dar lugar a un sitio web 2.0 usado por decenas de miles de personas.

• ¿Qué mejoras se os ocurren?

Tendencias futuras

Tips for building Next Generation Web 2.0 Applications - Dion Hinchcliffe (Web 2.0 Expo San Francisco, Abril 2008)

Interfaces de usuario ricas

El usuario es el centro

Reutilización de los datosy contenidos

Mejora continua

1. Reutilizar los datos: del mashup a las API de los

servicios (pasando por la captura de los datos)

La web como un supermercado

“There's little question that the Web is turning into a sort of online Home Depot with its shelves lined with thousands of useful, off-the-shelf parts of every description and utility.”

-- The Rise of the DIY PhenomenonD. Hinchcliffe

Cómo conseguir los datos

• APIs de las aplicaciones (flickr, digg, del.icio.us, google social, ...)

• URLs y enlaces (web crawler)

• Ficheros públicos

http://www.flickr.com/services/

2. Centrarse en el usuario: personalización,

colaboración y comunidad

Efecto red: crecimiento exponencial

Núm

ero

de u

suar

ios

Tiempo

Sitio web normalEfecto red exponencial

Identidad

• La Web no tiene ningún mecanismo de gestión de la identidad, ni de autorización.

• Los usuarios deben identificarse en cada uno de los sitios que utilizan, incluso con distintos nombres de usuario y contraseñas.

• Un mecanismo de identidad completo debería permitir autorizar a terceros y firmar (autentificar) documentos (información) generados por el usuario.

Muchas alternativas - ninguna madura

• Google Accounts

• Microsoft Live ID

• Sxip Identity 2.0

• OpenID (fundación con presencia de AOL, Google, IBM, Microsoft, Yahoo!)

3. Reinventar la interfaz de usuario

¿Cómo ojear cuando el ratio pantalla/

contenido es diminuto?

Seadragon

-- TED Talk

Tras ser adquirido por Microsoft ...

4. Inteligencia colectiva: el servicio debe mejorar

cuantos más usuarios lo utilicen

Collective intelligence

Programando la inteligencia colectiva

• Técnicas de Aprendizaje Automático (Machine Learning) y Reconocimiento de Patrones (Pattern Recognition).

• Lenguaje Natural

• Aprendizaje supervisado (redes neuronales, clasificación bayesiana, ...)

• Clustering (aprendizaje no supervisado)

Dos libros

-- Ficha en O’Reilly-- Blog de Segaran -- Home page de Bishop

-- Web del libro

¡Gracias!