Usabilidad en la Web

Transcripción

1 Usabilidad en la Web Eric Sadit Téllez Avila Universidad Michoacana de San Nicolás de Hidalgo Postgrado de Ingeniería Eléctrica 2 de noviembre de 2004 Índice 1. Introducción 1 2. Usabilidad en la Web 2 3. Evaluación Heurística Caso de estudio: CiteSeer Página Principal Resultados de Búsqueda Conclusión 8 1. Introducción La usabilidad es una capacidad que un dispositivo o herramienta tiene para interactuar de manera efectiva con un humano. Los dispositivos que pueden ser calificados por su usabilidad pueden ser físicos o virtuales. Los dispositivos físicos son todos aquellos con los cuales un humano puede interactuar, tales como un martillo para un carpintero o un teclado para un usuario de computadoras. Las herramientas virtuales sujetas a la usabilidad son generalmente las interfaces de usuario. En el contexto de este documento, se utilizarán los conceptos de dispositivo, sistema, herramienta, aplicación y programa que competen al área de sistemas computacionales y, aún más, 1

2 muchas veces se utilizarán como sinónimos de manera indistinta. También se le denominará al humano que utiliza los dispositivos como usuario. La usabilidad se mide por cinco atributos [4], los cuales son parámetros que tienen como objetivo la optimización de la utilización de los dispositivos por los humanos, a continuación se listan: 1. Tiempo de aprendizaje. Es el tiempo que le toma a un usuario aprender como se efectúan las tareas habituales para las cuales esta destinado el sistema. 2. Velocidad de desempeño. Mide la rapidez con la cual un usuario es capaz de realizar las tareas necesarias. 3. Tasa de Errores. Contabiliza el número de errores que un usuario comete al tratar de realizar la tarea especificada. 4. Retención sobre el tiempo. Responde a la pregunta Qué tanto tiempo es capaz de recordar un usuario la forma en la cual se realizan las tareas? 5. Satisfacción Subjetiva, Qué tanto gusta al usuario? 2. Usabilidad en la Web Cuando se habla de la web nos referimos al conjunto de páginas HTML, principalmente, que se encuentran disponibles para ser accedidas en el Internet. Internet como herramienta de comunicación es altamente efectivo, es por eso que la competencia dentro de Internet es descarnada y no hay misericordia para aquellos sitios que son no son fácilmente accedidos y utilizados. Los usuarios que no estén satisfechos al instante con una página web rápidamente la descartaran y la olvidarán. Esto es la perdición para cualquier empresa o sitio web que desee ser visto a través de Internet. La usabilidad en la web [5] está cimentada bajo las mismas bases que la usabilidad tradicional [4], pero existen muchas consideraciones adicionales por el tipo de medio y la gran diversidad de los usuarios. El medio se presta para cambiar rápidamente entre páginas y además del poco (o nulo) compromiso que un usuario siente al revisar el contenido de una página web. Por ejemplo, para un sitio comercial, es esencialmente importante presentar rápidamente la información que el usuario necesita, esto incluye por tanto, 2

3 herramientas de búsqueda y categorización sumamente sofisticadas y efectivas. Los usuarios que navegan en busca de información suelen enfadarse al encontrar pesadas animaciones que presentan los sitios y al buscar en texto totalmente plano la información que requieren y no por índices. La web, puede ser accedida a través de todo el mundo, entonces también se tiene el problema que supone la representación multicultural y multilingüistica que esto representa. Adicionalmente, existe una gran cantidad de usuarios con diferentes discapacidades. Por tanto, las páginas web, deben estar preparadas con la información necesaria que las herramientas especiales que ayudan a estos usuarios especiales para acceder a los contenidos funcionen correctamente. El desempeño de estas herramientas se ve empobrecido cuando las páginas web utilizan mapas de bits, presentaciones flash o applets de java, como elementos básicos (navegación o contenido) de la página. Cuando se habla de un gran número de usuarios a través del mundo, también se habla de una colección de equipo computacional con características diferentes. El equipo puede diferir en diferentes formas como: Capacidades Gráficas. Los dispositivos en los cuales se despliegan las páginas web son muy diversos. Puede ser desde un teléfono célular, pantalla de TV, monitores os de emisión de rayos catódicos, pantallas planas, LCDs, etc. Algunos dispositivos son monocromáticos, o pueden manejar una escala de algún color. Así mismo el contraste se encuentra en dispositivos con capacidad para mostrar millones de colores Resolución. La resolución de los dispositivos usados para desplegar las páginas web son muy diversos en cuanto a su resolución y tamaño. Velocidad de Computo. Las computadoras que despliegan las páginas web tienen diferentes capacidades de computo, y sitios con gran cantidad de animaciones, presentaciones flash o applets pueden ser muy atractivos en algunas computadoras y en otras ser un total desastre. No debe pedirse al usuario requerimientos mínimos para utilizar los sitios web, a menos que sea realmente necesario [6]. Todas estas variables dificultan el construir un sitio que sea utilizable por todo tipo de usuario, pero manteniéndose simple es generalmente una buena forma de alcanzar gran usabilidad [6]. 3

4 3. Evaluación Heurística Una vez que los productos están terminados es necesario realizar pruebas sobre su usabilidad con el fin de realizar correcciones y modificaciones necesarias para su buen funcionamiento, llamadas evaluaciones heurísticas [4]. Muchas veces los productos se encuentran en circulación y es necesario lanzar versiones siguientes para incluir las modificaciones realizadas como resultado de la evaluación heurística. Las evaluaciones heurísticas pueden ser llevadas por expertos en la materia [4] o por personas ajenas a la materia, teniendo ambas métodos sus respectivas ventajas ([1]). La diversidad de las personas que realizan la evaluación es un factor clave para encontrar los problemas de usabilidad por heurísticas. Las heurísticas utilizadas son principios básicos de usabilidad y se aplican a la mayoría de los objetivos de la usabilidad en las ciencias computacionales. Jakob Nielsen [3] adapta las diez heurísticas clásicas de la usabilidad de Jakob Nielsen [2] a la web. 1. Visibilidad del estado del sistema. El usuario siempre debe saber que se esta haciendo. El usuario debe conocer por ejemplo, cuando se encuentra apuntando un hiper vinculo, descargando imágenes o la misma página. Los efectos para dar a conocer son variados, como resaltar texto, tipos de apuntadores, barras de estado, etc. 2. Similitud entre el sistema y el mundo real. El sistema, o sitio web, debe manejar el mismo lenguaje que la audiencia objetivo. El vocabulario, conceptos y frases deben ser de uso común de los usuarios. 3. El usuario controla el sistema y tiene libertades. Los usuarios frecuentemente realizan acciones que no desean, es decir: los humanos se equivocan. Se debe proveer de salidas de emergencia ante todo tipo de acción que el usuario pudiera realizar. También deben existir funciones para deshacer y rehacer las acciones. 4. Consistencia y estándares. Todas las páginas de un sitio web deben guardar similitudes y convenciones, tales que las hagan consistentes ante la vista de los usuarios. Los usuarios no deben preocuparse por cambios de vocabulario o estilo en las diferentes páginas de un sitio, con la consecuente necesidad del usuario de revisar completamente el funcionamiento y opciones del sitio. 4

5 5. Prevención de errores. La prevención de errores es muy importante en la web, pues el tiempo perdido puede desesperar a los usuarios. Los usuarios pueden navegar desde conexiones muy lentas, lo que haría frustrante el tener que volver a llenar un formulario o completar una secuencia de pasos. Es mejor prevenir los errores que arreglarlos. 6. Reconocimiento sobre memorización. Se debe hacer que los objetos, las acciones y las opciones sean fácilmente vistos por los usuarios. Los usuarios no tienen porque recordar las formas que han llenado o las explicaciones que se han dado con anterioridad, cuando las instrucciones sean necesarias éstas deben ser visibles o fácilmente accedidas por los usuarios. Los sitios grandes necesitan acceso por tablas de contenido. 7. Flexibilidad y eficiencia de uso. Los sitios deben ser rápidos y ser eficientes en su uso tanto para usuarios novatos como expertos. Los usuarios novatos deben tener accesos rápidos a las opciones que desean, así como los novatos pasos fáciles e inequívocos hacia su objetivo. La rapidez puede alcanzarse mediante el uso de comunicación tipo texto, o de marcado, más que de imágenes o flash. 8. Diseño estético y mínimalista. Los diálogos deben ser concretos y sin información irrelevante. La información extra puede disminuir la visibilidad relativa de la información importante. La información más importante debe estar a primera vista del usuario. También es necesario ser parcos en el uso de imágenes que puedan hacer lenta la experiencia del usuario. 9. Ayudas para que los usuarios reconozcan, diagnostiquen y se recuperen de los errores. Los mensajes producidos por los errores deben ser suficientes para que los usuarios sepan que tienen un problema, lo reconozcan y puedan solucionarlo. Los mensajes no deben contener abreviaciones o demasiados tecnicismos incomprensibles por la mayoría de los usuarios. 10. Ayuda y documentación. Los usuarios deben tener la seguridad que ante un tropiezo o duda pueden consultar la documentación o la ayuda del sitio para resolver sus dudas o recibir la orientación necesaria. El sistema de ayuda debe ser fácilmente accedido y de preferencia con la característica de búsqueda incorporada. 5

6 3.1. Caso de estudio: CiteSeer CiteSeer [9] según sus autores es: Una biblioteca digital de literatura científica que pretende mejorar la diseminación y retroalimentación de literatura científica, y provee sobre las opciones tradicionales mejoras en funcionalidad, usabilidad, disponibilidad, costo, comprensión, eficiencia y oportunidades. CiteSeer no solo es otra biblioteca digital, CiteSeer provee de algoritmos, técnicas y software que puede ser usado en otras bibliotecas digitales. CiteSeer indexa artículos de investigación en formatos Postscript y PDF que encuentra al recorrer la web. Ciertamente Citeseer es una de las más importantes bibliotecas digitales de índole científica en la web. Más aún, su popularidad incrementa al ser de acceso gratuito y anónimo. Mencionadas las características de CiteSeer como contenido, y por su importancia como vía de acceso y búsqueda de publicaciones científicas, es evidente la importancia que la usabilidad de CiteSeer para dar un servicio de alta calidad y resolver rápidamente las necesidades de los usuarios. La evaluación que se hizo sobre el sitio de CiteSeer es una evaluación sobre heurísticas, es decir, una evaluación heurística. La evaluación tiene como objetivo localizar las áreas que pueden causar problemas al usuario que utiliza el sitio, basados en las heurísticas de Keith Instone [3], que engloban las ocho reglas de oro de Shneiderman [4] y están basadas en las diez heurísticas de Jakob Nielsen [2] modificadas para la web Página Principal La página principal, figura 1, muestra el logo de CiteSeer en la parte superior de la página mostrando claramente el propietario del sitio. En la parte inferior se encuentran las opciones para navegar en el sitio. Si alguien entra a alguna de las opciones es posible que éstas opciones se encuentren disponibles, pero no en todas, incluso en la opción de búsqueda no es posible regresar a la página principal ni tampoco a ninguna de la opciones mostradas en la portada que dan al usuario la capacidad de ir a los lugares principales del sitio y no lo atrapan en una página, figura 2. Las opciones tienen nombres fácilmente comprensibles y relacionados con las páginas apuntadas. No existe una página que explique como navegar y utilizar el sitio, la carencia de ésta heurística nos viene a la mente con la pestaña 6

7 Figura 1: Portada de CiteSeer (en el centro de la página) que nos da la opción de buscar por citas. Una persona poco relacionada con CiteSeer y los documentos científicos podría verse confundida. Los mensajes de la portada son claros, la invitación a patrocinarlos es clara, cosa que no lo era en ediciones pasadas de la portada. La portada no necesita muchos cambios, únicamente la adición de una página ligada sobre como utilizar el sitio (heurísticas 9 y 10). La página de acerca de (about) contiene la información necesaria en formato técnico y además el nombre about no explica que ahí se puede conseguir ayuda, lo cual nos muestra la necesidad de la heurística 4. Las páginas apuntadas necesitan, además, de la heurística 3 para poder acceder a las opciones del sitio. 7

8 (a) Página que explica el acerca de, notesé que no hay enlaces a las opciones principales del sitio, por lo tanto el usuario queda atrapado (b) Además de no contener enlaces a las opciones del sitio sus botón Proceed to Verification no explica correctamente su funcionamiento, que es enviar la forma de retroalimentación Figura 2: Páginas de opciones que pueden ser vistas desde la página principal de CiteSeer Resultados de Búsqueda La página de resultados, figura 3, tiene las fallas de las heurísticas 3, 4, 9 y 10, al igual que las páginas vistas anteriormente. Es imposible regresar y acceder a las opciones del sitio desde ésta página. También las múltiples opciones de búsqueda puede confundir a los usuarios, por lo que la heurística de mínimalidad, 8, se viola y además, al no dar la ayuda y explicación necesaria y eficiente de las opciones de búsqueda se maximiza la falta a las heurísticas 9 y Conclusión La web es un entorno relativamente nuevo para la experimentación y desarrollo de la usabilidad. Los sitios web siguen una serie de documentos 8

9 Figura 3: La página de resultados de búsqueda muestra muchas carencias de diseño guía para la creación de sitios que cumplan las ocho reglas de oro de las interfaces de usuario [4]. Existen algunas recomendaciones y documentos guías que pueden servir de base para todo tipo de sitio web a ser diseñado, como [6]. Ahí se presentan guías basadas en investigaciones que no muestran recomendaciones sobre como introducción y despliegue de datos, ligas, texto, índices, etc. Las evaluaciones heurísticas son muy populares por su bajo costo, rapidez y facilidad para llevar a cabo. Además, los problemas que violan las heurísticas son más fácilmente detectables que los que violan las reglas de los documentos guías. Se evalúo el sitio CiteSeer, y se estudiaron las posibles ayudas para que el sitio sea mucho más usable, y por lo tanto, los usuarios puedan utilizar más eficientemente los recursos que pone a nuestra disposición CiteSeer. Existe otro aspecto que debe ser cuidado para que un sitio sea usable: la ubicuidad [7]. La ubicuidad se refiere a la capacidad de un sitio para ser localizado en el Internet. Sin este aspecto no tiene sentido la usabilidad pues 9

10 el sitio no puede ser encontrado. Los sitios web llevados a cabo con la usabilidad en mente son sitios destinados a ser exitosos, pues generalmente usabilidad es sinónimo de explotación al máximo de los recursos disponibles por parte de los usuarios. Referencias [1] Jakob Nielsen; Guerrilla HCI: Using Discount Usability Engineering to Penetrate the Intimidation Barrier; [2] Jakob Nielsen; Ten Usability Heuristics; ( list.html Useit.com); [3] Keith Instone; Site Usability Heuristics for the Web. ( 10/strategists/ shtml Webreview.com); [4] Ben Shneiderman; Designing the User Interface; Tercera Edición, Addison Wesley, [5] R. Baeza-Yates, C. Rivera Loaiza y J. Velasco Martín. Arquitectura de la Información y Usabilidad en la Web. [6] Sanjay J. Koyanl, Robert W. Balley and Janice R. Nall; Research - Based Web Design & Usability Guidelines. ( [7] R. Baeza-Yates y C. Rivera-Loaiza; Ubicuidad y Usabilidad en la Web; Año 2003; Revista Colombiana de Computación. [8] George Murray and Tania Costanzo; Usability and the Web: An Overview. ( Information Technology Services, National Library of Canada; August [9] CiteSeer. CiteSeer.IST Scientific Literature Digital Library; ( 10