Ubicuidad y Usabilidad en la Web

Transcripción

1 Ubicuidad y Usabilidad en la Web Ricardo Baeza Yates Cuauhtemoc Rivera {rbaeza,crivera}@dcc.uchile.cl 1 Centro de Investigación de la Web Departamento de Ciencias de la Computación Universidad de Chile Resumen Características de la Web Conceptos Básicos Ubicuidad Usabilidad 2 1

2 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 3 La Web Chilena Estudio del Centro de Investigación de la Web y TodoCL.cl Páginas Sitios Dominios Tamaño (Gb) Julio Octubre

3 La Web Española En el año 2000: Dominios Sitios Web Páginas 7.3 millones Palabras distintas 4.1 millones Volumen 25.5 Gb Sitios Web hoy: sólo el 29% de las empresas 5 Distribución de los Dominios.cl en Chile (también.com).com en Chile.org en Chile.net en Chile.cl fuera de Chile

4 Distribución de los Dominios.es.com.org.net Otros 28.1% 59.5% 5.9% 5.9% 0.6% Implicancia práctica: ubicación de España como dominio 7 8 Dominios más grandes Dominio Tamaño (Mb) Páginas Attla.cl Terra.cl Uchile.cl Tercera.cl Puc.cl Utfsm.cl Ctcinternet Telsur.cl Udec.cl Ufro.cl

5 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 con el 60% del contenido, hoy aporta con el 40%. 9 La Web: Estructura España Chile Núcleo Salida Entrada Otros

6 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. 11 La Web Chilena: Formatos Otros formatos muy usados: PDF (68%) JPG (79%) MP3 (39%) Realaudio (38%) MPEG (39%) Quicktime (34%) ASP (80%) 12 6

7 La Web Chilena La mayoría de los dominios.cl tiene un sólo sitio Dominio Sitios co.cl 227 uchile.cl 159 scd.cl 120 terra.cl 102 puc.cl La Web Española Dominios con más sitios es.org 281 upm.es 266 fepemta.es 233 upc.es 211 ddl.net 211 altanet.org 169 upv.es 166 csic.es 151 uva.es 125 eresmas.com 118 uv.es 117 ub.es 104 iespana.es 100 arrakis.es 100 uab.es 93 7

8 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 15 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 menor 16 8

9 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% 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. Ubicuidad Usabilidad 9

10 Ubicuidad: Estar Buscabilidad Usabilidad: Servir Visibilidad Contenido Estética Fidelidad 19 Buscabilidad Un gran porcentaje de las visitas a un sitio proviene de buscadores, entonces: Encontrará mi sitio un buscador? La respuesta es no, si no ha registrado su sitio o si no posee un enlace desde un sitio conocido 20 10

11 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 21 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 y otros mil que son o hacen una llamada a un programa 22 11

12 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. 23 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? Si la respuesta es no, consiga enlaces desde otros sitios y mejore sus metadatos (para cuando se usen)

13 Dominios.cl más apuntados 25 Dominio Enlaces 2001 Enlaces 2000 Lugar 2000 Uchile Puc Sii Bcentral Congreso Elmercurio Tercera Conama Estrategia Eldiario Dominios más apuntados en España upm.es upc.es unizar.es uji.es upv.es junta-andalucia.es mec.es uab.es uniovi.es ulpgc.es ua.es csic.es uam.es uv.es arrakis.es ehu.es uc3m.es tucows.com uva.es fut.es us.es ub.es uned.es unican.es

14 Dominios más apuntados en España Portales: arrakis.es ya.com 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 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 calidad del enlace Internet 28 14

15 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. 29 Visibilidad Es su diseño compatible con todos los navegadores o usted supone que todo el mundo usa Explorer y Windows? Entonces las personas que usan Linux o Macintosh no visitarán su sitio

16 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, 31 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. La semántica del contenido debe responder a la pregunta cuál es mi audiencia objetivo? 32 16

17 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) 33 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 Ejemplo: Yahoo! 34 17

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 El diseño gráfico debe ser elegante y simple, como Google, pero también puede ser feo y funcional como Yahoo! 36 18

19 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 37 Qué es Usabilidad? Responde a la pregunta si un sitio es suficientemente bueno para satisfacer las necesidades del usuario Es una medida para evaluar la calidad de la experiencia del usuario al interactuar con el sistema 38 19

20 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 39 Usabilidad de un Sistema Facilidad de aprendizaje Eficiencia en su uso Capacidad de memorización Frecuencia y severidad de los errores Satisfacción subjetiva 40 20

21 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? 41 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 Entretenimiento 42 21

22 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 43 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 Análisis de las bitácoras (logs) de los servidores 44 22

23 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 45 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 Ayuda y documentación 46 23

24 Probar la interfaz con usuarios reales 47 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 Inspección formal de usabilidad 48 24

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? 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 Diseñar para diversos tamaños de monitor Controlar la cantidad de scrolling 50 25

26 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 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 Hardware / software, velocidad de conexión 52 26

27 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 Diseñe para múltiples monitores Pruebe su trabajo con distintos monitores, distintas resoluciones Utilice el espacio de la ventana del navegador eficientemente y use las dos dimensiones Considere fijar los tamaños de las tablas 54 27

28 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 55 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 Evite el amontonamiento visual 56 28

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 Algunos Ejemplos 58 29

30

31

32

33

34 Para recordar... Su sitio web siempre será probado minuciosamente cada vez que llegue un usuario 67 Referencias Useit, Jakob Nielsen, Designing web usability Ben Shneiderman, Designing the user interface User testing, Evaluation/ Jared Spool et al, Websites that work, designing with your eyes open 68 34