Diseño > Usabilidad > Principios generales de Usabilidad web

Principios generales de Usabilidad web

agosto 26, 2013

diseño, diseño web, principios, recomendaciones, usabilidad

Los sistemas digitales informativos tienen que ofrecer señales de ayuda a los usuarios para la realización de una navegación satisfactoria y de una búsqueda de información rápida. Para ello, la audiencia tiene que disponer de:

una organización clara e intuitiva de los datos;
un sistema de navegación comprensible y claro y perfectamente identificable;
la posibilidad de realizar búsquedas de información en el propio sitio;
ayuda permanente ante cualquier conflicto o duda;
indicaciones sucintas a donde conducen los enlaces que se incluyen en el texto y evitar documentos huérfanos o callejones sin salida, que no conducen a otro documento del sitio; facilitando siempre un vínculo a la página principal del sitio.

El público, según todas las normas de la ergonomía y de la facilidad de uso, debe realizar las tareas con rapidez y debe comprender intuitivamente cuáles son las características del sitio, tanto desde el punto de vista del contenido, como de la estructura del mismo. Y la incorporación de cualquier recurso o tecnología compleja tiene que estar justificada. El usuario se comprometerá con el sitio siempre y cuando perciba que desde el otro lado se preocupan por sus expectativas y no intentan desconcertarlo o confundirlo.

La usabilidad debe ser una de las bases del diseño de la web. Un portal puede ser óptimo en diseño, con una gran resolución en lo gráfico, pero no serlo en usabilidad, ya sea por una mala organización de los contenidos, por no mostrar la información claramente o por el uso de formatos que no sean accesibles en múltiples dispositivos.

Principios básicos
Recomendaciones de Nielsen

De forma resumida, se pueden establecer los siguientes principios básicos en los que se basa la usabilidad Web
- Facilidad de Aprendizaje: facilidad con la que nuevos usuarios desarrollan una interacción efectiva con el sistema o producto. Está relacionada con la sintetización, familiaridad, la generalización de los conocimientos previos y la consistencia.
- Flexibilidad: relativa a la variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información. También abarca la posibilidad de diálogo, la multiplicidad de vías para realizar la tarea, similitud con tareas anteriores y la optimización entre el usuario y el sistema.
- Robustez: es el nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. Está relacionada con la capacidad de observación del usuario, de recuperación de información y de ajuste de la tarea al usuario.
Uno de los principales especialistas y consultores internacionales en accesibilidad, Jakob Nielsen, ha establecido listas de ítems esenciales que deben contemplarse para realizar sitios usables. Las recomendaciones son muy numerosas por lo que a continuación, recogemos los más importantes que debemos de considerar en el diseño de sistemas de información (y que representan los problemas de usabilidad más importantes revelados en los test realizados a los mismos):
1. Los enlaces deben de cambiar de estado cuando se visitan (color, etc.)
2. No se debe, en ningún caso, deshabilitar el botón “Atrás” del navegador.
3. Utilizar enlaces a “nuevas ventanas de navegación” solo cuando se justifique en términos de usar información paralela entre dichas ventanas, o se trate de enlaces a ficheros (pdf, diapositivas, hojas de cálculo o ficheros similares); en otro caso, es mejor que los enlaces carguen siempre en la misma ventana inicial. Por otra parte, la navegación por pestañas implementada actualmente en los principales navegadores permite al usuario elegir donde desea que se abran los enlaces.
4. Evitar las ventanas emergentes y/o que aparecen de forma sorpresiva.
5. Eludir el uso de elementos de diseño que puedan confundirse con publicidad. Los usuarios han desarrollado estrategias de cierta “ceguera” que evita, automáticamente, esos bloques de información.
6. Seguir, en el diseño, en la navegación, en la Arquitectura de la Información…, las convenciones globales de la Web. Debemos solo ser “atrevidos”, “revolucionarios”, cuando el objetivo del sitio lo justifique y estemos convencidos de que realmente puede funcionar.
7. El contenido y la información debe ser preciso, directo, sin elementos banales o etéreos. Los usuarios en la web buscan con claridad lo que quieren; si un sitio es engorroso o poco claro en lo que ofrece, directamente se van.
8. Evitar, salvo que sea una necesidad específica por el tipo de información, textos densos y extensos.
Es importante tener en cuenta también:
1. Evitar ficheros poco optimizados que puedan ofrecer tiempos de descarga lentos.
2. Evitar el uso de marcos.
3. No desarrollar sitios Flash 100%, ni crear páginas cuya extensión, directamente, sea .swf. Esto tiene especial importancia con la emergencia de los dispositivos móviles que no cargan flash (iPhone, iPad…) y la introducción creciente de HTML5. Embeber los ficheros flash en html o lenguajes de servidor (php, asp…) .
4. Utilizar, preferentemente, “diseños líquidos”, especialmente diseño responsivo (que se adaptan al tamaño de la ventana) frente a “diseños congelados” (que generan scrollcuando el tamaño de la ventana es menor que el diseño de la página)
5. Facilitar información sobre quién está detrás de la Web, su actualización, forma de contactar, política de privacidad (donde sea preciso), etc.
6. Evitar elementos en movimiento (gráficos, textos que se desplazan, etc.) que no posean una funcionalidad real.
7. Etiquetar adecuadamente el contenido y los elementos de navegación para que los usuarios tengan claro qué información pueden obtener haciendo clic en ellos (recordad que esto responde a convenciones de uso habituales en la Red)
8. Actualizar el contenido (los usuarios evitan los sitios que no actualizan con cierta periodicidad su información)
9. Revisar el sitio para evitar páginas huérfanas (sin enlaces a ningún otro lugar del sitio), enlaces rotos.