Ubicuidad y Usabilidad en la Web

(1)

1

Ricardo Baeza Yates, 2002

Ubicuidad y Usabilidad en la Web

Ricardo Baeza Yates Cuauhtemoc Rivera

{rbaeza,crivera}@dcc.uchile.cl

Centro de Investigación de la Web http://www.ciw.cl/

(2)

3

La Web Mundial

• Alrededor de 40 millones de servidores Web (1 de cada 4 computadores en Internet)

• Más de 3 mil millones de páginas • Más de 600 mil millones de archivos

• Inglés es el idioma de más de la mitad de ellas • Muy heterogénea, redundante y desorganizada

La Web Chilena

Estudio del Centro de Investigación de la Web y TodoCL.cl

(3)

5

La Web Española

En el año 2000:

• Dominios 37.672 • Sitios Web 47.788

• Páginas 7.3 millones • Palabras distintas 4.1 millones • Volumen 25.5 Gb

• Sitios Web hoy: sólo el 29% de las empresas

6

Distribución de los Dominios

(4)

7

Distribución de los Dominios

59.5% .com 0.6% Otros 5.9% .net 5.9% .org 28.1% .es

Implicancia práctica: ubicación de España como dominio

(5)

9

La Web Chilena: Contenido

• En promedio una página Web en Chile tiene 11 Kb.

• Sólo el 4% de las páginas tiene más de 40Kb. • En julio del 2000, el 1% de los sitios aportaba

(6)

11

La Web Chilena: Formatos

• 97% de los documentos de texto son HTML, y representan un 85% del total.

– En julio del 2000 cerca de un 95% de los documentos eran HTML.

La Web Chilena: Formatos

• Otros formatos muy usados:

(7)

13

La Web Chilena

(8)

15

La Web Chilena

• Un 43% de los sitios, sobre 9 mil, tienen (o parecen tener) una página para los buscadores.

– Este porcentaje en el año 2000 era del 50%, pero han aumentado en valor absoluto porque el número total de sitios se ha doblado

• Estos sitios incluyen

– más de tres mil páginas de presencia

– casi dos mil nombres de dominio que están registrados para especular

– redirecciones a otro sitio

La Web Chilena

• Los sitios son en general poco profundos, lo que muestra el nivel de organización que tienen

– Hay sólo dos sitios con más de 8 niveles físicos: cdb.conicyt.cl con 36 y linux.ubiobio.cl con 19 – Probablemente el número de niveles lógicos sea

(9)

17

La Web Española

• Palabras más comunes: copyright (15.3%), información, general, españa, página,

servicios, madrid, mail, home, internet (9.7%) • Palabras más buscadas: gratis, fotos, España,

Madrid, juegos, móviles, música, historia, vídeo, viajes, mp3 y turismo

• Búsqueda de frases: 12%

18

Usando el Sentido Común

Los cinco pasos causales en un sitio Web: • Buscabilidad

• Visibilidad y accesibilidad • Contenido

• Estética • Fidelidad

Encuéntrame, descárgame y úsame.

Déjate luego seducir y vuelve a mí una y otra vez. Yo por mi parte usaré mucho, mucho sentido común y trataré de sorprenderte cada día.

(10)

19

Ubicuidad: Estar

Usabilidad: Servir

Buscabilidad Visibilidad Contenido Estética Fidelidad

Buscabilidad

Un gran porcentaje de las visitas a un sitio proviene de buscadores, entonces:

• ¿Encontrará mi sitio un buscador?

(11)

21

Buscabilidad

• ¿Pongo trabas a los buscadores?

– La respuesta es sí, si usa mapas de imágenes, Flash u otros mecanismos que no permiten extraer los enlaces hacia páginas internas

22

Sitios Impenetrables

• Estos sitios son aquellos en que la estética es prioritaria, la cual por ignorancia esconde su contenido

• En Chile hay más de 2500 sitios impenetrables • Estos incluye más de mil sitios que usan Flash

(12)

23

Sitios Impenetrables

Se puede esgrimir la excusa de la ignorancia, pero hay casos en que esto es imperdonable: • Las empresas de tecnologías de la información

no pueden apelar a la excusa de ser ignorantes • Sitios de gobierno

• Las empresas donde la información es uno de sus valores fundamentales.

¡Y sin mencionar las empresas de información que no tienen sitio Web!

Buscabilidad

• ¿Tengo el texto correcto en mi página principal? ¿Puedo encontrar mi sitio

imaginando que palabras usarán mis clientes? • ¿Queda mi sitio bien ubicado en una

búsqueda?

(13)

25

Dominios .cl más apuntados

Dominio Enlaces 2001 Enlaces2000 Lugar2000 Uchile 552 406 1 Puc 299 169 4 Sii 279 127 8 Bcentral 242 147 7 Congreso 229 178 13 Elmercurio 228 210 3 Tercera 215 222 6 Conama 205 158 19 Estrategia 204 156 20 Eldiario 203 141 24 26

Dominios más apuntados en España

(14)

27

Dominios más apuntados en España

Portales: arrakis.es 21412 ya.com 11108 terra.es 8890 inicia.es 6345 worldonline.es 4608 navegalia.com 3853 mundofree.com 1705 eresmas.com 781 Periódicos: elpais.es 9122 elmundo.es 7875 estrelladigital.es 4436 abc.es 3314 marca.es 3123 expansiondirecto.com 1771

Visibilidad

• No sirve de nada encontrar un sitio si no puedo acceder a él y verlo

• La visibilidad depende principalmente de: – desempeño y compatibilidad computacional

de un sitio

(15)

29

Visibilidad

• ¿Es su sitio liviano?

– Si la página tarda más de 20 segundos en aparecer, estamos marginando a todos los que sólo tienen un modem de 30Kbit/seg cuando descargan 100Kb. – Cualquier archivo superior a 50Kbs debiera ser

algo opcional, no obligatorio.

30

Visibilidad

• ¿Es su diseño compatible con todos los navegadores o usted supone que todo el mundo usa Explorer y Windows?

(16)

31

Accesibilidad

• ¿Considera su sitio alternativas para personas con discapacidades visuales o le da lo mismo? • Existen normativas, fáciles de seguir, que

permiten la creación de páginas web accesibles para todos

• WAI, Web Accessibility Initiative, http://w3c.org/WAI/

Contenido

• Su sitio debe tener algún interés si la persona ha llegado hasta aquí

– elementos legibles y comprensibles – coherencia de la navegación y

– de la funcionalidad en todas las páginas.

(17)

33

Contenido

• ¿Es su prosa asequible a todo el mundo? • ¿Es el idioma usado una barrera para sus

clientes?

• Sea humilde: nadie sabe que quieren sus clientes (además cambia en el tiempo)

34

Contenido

• Diseño dirigido por el usuario (User-driven design)

– Análisis de logs de navegación

– Análisis de consultas del buscador del sitio

(18)

35

Estética

• Su diseño gráfico debe ser bonito pero sin sacrificar los puntos anteriores

– Esto significa cosas obvias como no usar fondos que afecten la legibilidad o recargar la página con elementos distractivos

(19)

37

Fidelidad

• Su sitio ha sido usado, ¿pero volverá esta persona a él?

– contenido o servicio que se necesite en forma periódica

– que sea adictivo en el buen sentido de la palabra – que genere una comunidad virtual de personas con

intereses comunes

• Es el desafío más difícil:

el de la seducción permanente

38

¿Qué es Usabilidad?

• Responde a la pregunta si un sitio es suficientemente bueno para satisfacer las necesidades del usuario

(20)

39

Usabilidad

• Este proceso es aplicado a todos los elementos con los cuales el usuario pueda interactuar • Se incluyen también aspectos de instalación y

mantenimiento del sistema

Usabilidad de un Sistema

• Facilidad de aprendizaje

• Eficiencia en su uso

• Capacidad de memorización

(21)

41

Usabilidad de sitios web

• Para hacer utilizable un sitio web, es necesario saber:

– ¿Cuáles son los objetivos de la institución con respecto al sitio?

– ¿Quiénes serán los usuarios del sitio? – ¿Cuáles son sus metas?

42

Metas de los usuarios

Se solía pensar que los usuarios tenían 5 metas distintas:

• Encontrar información específica • Navegar

• Crear comunidades • Comercio

(22)

43

Una nueva perspectiva

Metas y misiones de los usuarios

• Los usuarios ven a la web como una

herramienta que les ayuda a emprender misiones para alcanzar metas mayores

– Metas: lo que los usuarios tratan de lograr – Misiones: los pasos que siguen los usuarios

para alcanzar sus metas

Comprendiendo las metas del usuario

• Se requiere obtener una gran cantidad de

información acerca de los usuarios,

empleando una gran cantidad de técnicas:

– Testeo de usabilidad con tareas definidas – Probar el sitio web con usuarios reales – Evaluación por parte de usuarios expertos – Encuestas y estudios de campo

(23)

45

Heurísticas de Usabilidad

para la Web

• Visibilidad del estado del sistema

• Similitud entre el sistema y el mundo real • Control por parte del usuario y libertad • Consistencia y cumplimiento de estándares • Prevención de errores

46

Heurísticas de Usabilidad

para la Web

• Preferencia al reconocimiento frente a la memorización

• Flexibilidad y eficiencia de uso • Estética y diseño minimalista

• Ayuda para que el usuario reconozca, diagnostique y se recupere de los errores

(24)

47

Probar la interfaz

con usuarios reales

• Entre 5 y 12 usuarios por cada prueba • Pueden hacerse las pruebas tanto en

ambientes controlados como en el lugar mismo donde se va a usar el sistema • Método de Thinking Aloud, grabación de

acciones por parte del usuario, uso de encuestas, etc.

Revisión por usuarios expertos

• Evaluación heurística

• Revisión de guidelines • Inspección de consistencia • Caminata grupal cognitiva

(25)

49

Antes de diseñar un sitio web...

Responda las siguientes preguntas: • ¿Por qué quiero usar Internet?

• ¿Quién es mi audiencia?

• ¿Qué tratan de lograr mis usuarios?

• ¿Qué está haciendo mi competencia?

• ¿Cuáles son mis metas a largo plazo? • ¿Cuáles son las mejores tecnologías?

• ¿De qué manera puedo beneficiarme ellas?

50

¿Cómo diseñar un sitio web

pensando en el usuario?

• Compatibilidad del navegador • Diseñar para la diversidad

• Optimizar para una descarga rápida

(26)

51

1. Compatibilidad del navegador

• ¿Qué están utilizando los usuarios? • Maximizando el alcance de usuarios

• Diseñe para el denominador menos común • Cree diferentes versiones y emplee detección

del tipo de navegador

2. Diseñar para la diversidad

• Cuidado con los agnósticos al color, en el

texto y los enlaces (links)

• Procurar utilizar lineamientos sobre accesibilidad

• Características individuales • País / cultura

(27)

53

3. Optimizar para una descarga rápida

• Los usuarios aprecian las descargas rápidas • Estadísticas de población actualizadas • Utilice HTML lo más que pueda

• Imágenes

– Cada imagen requiere de una descarga – Hágalas lo más pequeñas que pueda

54

4. Diseñe para múltiples monitores

• Pruebe su trabajo con distintos monitores,

distintas resoluciones

(28)

55

5. Controlar la cantidad de scrolling

• ¿Hacen scrolling los usuarios o no?

• Coloque los items más importantes en la parte superior de la pantalla

• Los usuarios eligen de las opciones visibles

Diseño de la información

• Mantenga la consistencia de su sitio • Diseño gráfico para ayudar al usuario

• Le permite al usuario identificar fácilmente dónde se encuentra

(29)

57

Sugerencias de diseño

• Usabilidad en primer lugar

• El diseño es un trabajo de equipo • Diseñe para la diversidad

• El diseño requiere hacer concesiones • El diseño es un proceso iterativo

• Diseñe para evolucionar y producir en serie • Diseñe una solución completa

• Ponga metas verificables de usabilidad

58

(30)

59

(31)

61

(32)

63

(33)

65

(34)

67

Para recordar...

• Su sitio web siempre será probado

minuciosamente ...

.... cada vez que llegue un usuario

Referencias

• http://www.usability.gov

• Useit, http://www.useit.com

• Jakob Nielsen, “Designing web usability”

• Ben Shneiderman, “Designing the user interface” • User testing,

http://builder.cnet.com/webbuilding/pages/Graphics/ Evaluation/