Este documento discute la importancia de la usabilidad en los sitios web. Define la usabilidad como la facilidad de uso de una interfaz web y explica que puede evaluarse mediante el análisis de expertos o pruebas con usuarios, siendo este último método más fiable. A continuación, presenta criterios generales para evaluar diferentes aspectos como la estructura, navegación, diseño y accesibilidad de un sitio web desde una perspectiva de usabilidad.

1. La usabilidad Web Rafael Pedraza Jiménez Àrea de Coneixement de Biblioteconomia i Documentació Universitat Pompeu Fabra [email_address]

2. Características de un sitio web Un sitio web bien diseñado tendrá las siguientes características: Sus contenidos estarán bien estructurados. Dispondrá de contenidos de calidad. Tendrá una interfaz de fácil uso . Será accesible a los usuarios. Se podrá encontrar fácilmente a través de un buscador. Master CALSI Octubre 2011

3. Contenidos Facilidad de uso de un sitio web: la usabilidad. Evaluación de la usabilidad de un sitio web: La evaluación por expertos. Pruebas con usuarios. Criterios de evaluación: Generales. Identidad e información. Lenguaje y redacción. Rotulado. Estructura y navegación. Lay-out de la página. Búsqueda. Elementos multimedia Ayuda Accesibilidad Master CALSI Octubre 2011

4. La Usabilidad Es la capacidad con la que un producto puede ser usado por determinados usuarios para conseguir unos determinados objetivos en un contexto determinado de uso [ISO 9241]. Aplicada al entorno web, podemos definir la usabilidad como: “la facilidad de la interfaz de un sitio web para ser utilizada. También se utiliza el término usabilidad para denominar a la disciplina que comprende este ámbito de estudio. Existen dos técnicas para su evaluación: Mediante el análisis de expertos . Mediante el estudio de los usuarios (es el más adecuado). Master CALSI Octubre 2011

5. Tipos de evaluación (I) Evaluación por expertos : Ventajas Ahorra costes Permite hacer estudios más extensos Inconvenientes No se conocen los factores externos que influyen en cómo se desenvuelven los usuarios Master CALSI Octubre 2011

6. Tipos de evaluación (II) Pruebas con usuarios (se necesitarían entre 3 y 5 usuarios): Ventajas Resultados muy fiables Posibilitan la detección de errores de diseño muy difíciles de detectar por expertos Inconvenientes Coste muy alto Master CALSI Octubre 2011

7. Herramientas de evaluación Tests de usuarios http://www.youtube.com/watch?v=ixmWbMUwWb8 http://www.youtube.com/watch?v=Zg9QNhMHNmM&NR=1 Logs de usuarios Eye tracking http://www.youtube.com/watch?v=lo_a2cfBUGc http://www.youtube.com/watch?v=VbWu7GC5w3k Click density http://www.clickdensity.com/ etc. Master CALSI Octubre 2011

8. Criterios de evaluación (para expertos) Tipos [Hassan, 2003]: Generales Identidad e información Lenguaje y redacción Rotulado Estructura y navegación Lay-out de la página Búsqueda Elementos multimedia Ayuda Accesibilidad Master CALSI Octubre 2011

9. Criterios Generales ¿Cuáles son los objetivos del sitio web? ¿Son concretos y bien definidos? ¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes? ¿La estructura general del sitio web está orientada al usuario ? ¿Es coherente el diseño general del sitio web? ¿El sitio web se actualiza periódicamente ? ¿Indica cuándo se actualiza? Master CALSI Octubre 2011

10. Criterios de Identidad e información ¿Se muestra claramente la identidad de la institución-sitio a través de todas las páginas? El Logotipo , ¿es significativo, identificable y suficientemente visible? ¿Se ofrece algún enlace con información sobre la institución , sitio web, 'webmaster',...? ¿Se proporciona mecanismos para ponerse en contacto con la institución? Master CALSI Octubre 2011

11. Criterios de Lenguaje y redacción ¿El sitio web habla el mismo lenguaje que sus usuarios ? ¿Emplea un lenguaje claro y conciso ? ¿Es amigable , familiar y cercano? ¿1 párrafo = 1 idea ? Master CALSI Octubre 2011

12. Criterios de Rotulado Los rótulos, ¿son significativos ? ¿Usa rótulos estándar ? El título de las páginas , ¿Es correcto? ¿Ha sido planificado? Master CALSI Octubre 2011

13. Criterios de Estructura y navegación (I) La estructura de organización y navegación , ¿Es la más adecuada? ¿Los enlaces son fácilmente reconocibles como tales? ¿su caracterización indica su estado (visitados, activos,...)? ¿Es predecible la respuesta del sistema antes de hacer clic sobre el enlace? Master CALSI Octubre 2011

14. Criterios de Estructura y navegación (II) En los menús de navegación, ¿Se ha controlado el número de elementos y de términos por elemento para no producir sobrecarga memorística ? ¿Existen elementos de navegación que orienten al usuario acerca de dónde está y cómo deshacer su navegación ? Las imágenes enlace , ¿se reconocen como clicables? Master CALSI Octubre 2011

15. Criterios Lay-out de la página ¿Se aprovechan las zonas de alta jerarquía informativa de la página para contenidos de mayor relevancia? ¿Se hace un uso correcto del espacio visual de la página? ¿Se ha controlado la longitud de página ? Master CALSI Octubre 2011

16. Criterios de Búsqueda Si nuestro sitio web dispone de buscador interno: ¿Es fácilmente reconocible como tal? ¿Muestra los resultados de la búsqueda de forma comprensible para el usuario? Master CALSI Octubre 2011

17. Criterios Elementos multimedia ¿Las fotografías están bien recortadas? ¿son comprensibles? ¿se ha cuidado su resolución ? El uso de imágenes o animaciones proporciona algún tipo de valor añadido ? Master CALSI Octubre 2011

18. Criterios Ayuda Si nuestro sitio web dispone de ayuda: ¿Es verdaderamente necesaria? El enlace a la sección de Ayuda , ¿Está colocado en una zona visible y "estándar"? ¿Se ofrece ayuda contextual en tareas complejas? Si posee FAQs , ¿es correcta tanto la elección como la redacción de las preguntas? ¿y las respuestas? Master CALSI Octubre 2011

19. Criterios de Accesibilidad (I) ¿El tamaño de fuente se ha definido de forma relativa, o por lo menos, la fuente es lo suficientemente grande como para no dificultar la legibilidad del texto? ¿Existe un alto contraste entre el color de fuente y el fondo? ¿Es compatible el sitio web con los diferentes navegadores ? ¿Se visualiza correctamente con diferentes resoluciones de pantalla ? Master CALSI Octubre 2011

20. Criterios de Accesibilidad (II) ¿Puede el usuario disfrutar de todos los contenidos del sitio web sin necesidad de tener que descargar e instalar plugins adicionales? ¿Se ha controlado el peso de la página ? ¿Se puede imprimir la página sin problemas? Master CALSI Octubre 2011

21. Actividad 1 A continuación, utilizando esta técnica de evaluación heurística, valore la usabilidad de los sitios web que estaba analizando en la actividad anterior. Octubre 2011 Master CALSI

22. Bibliografía Hassan Montero, Y. y Martín Fernández, F.J. Guía de evaluación heurística de sitios web. No Solo Usabilidad journal, nº 2, 30 de Marzo de 2003. < http://www.nosolousabilidad.com/articulos/heuristica.htm > [Consulta: 09/02/2009] Master CALSI Octubre 2011