Úsalo: Usabilidad y Accesibilidad para el diseño web. Usabilidad para todos

Hoy recogemos el guante que nos lazó Javi y os ofrecemos un amplio resumen del interesante artículo de Baeza Yates y Rivera Loaiza:

“Ubicuidad y usabilidad en la web”. En: Revista de gerencia tecnológica informática, 2003, julio, v. 1, n. 2

En este artículo los autores planteaban tres posibles escenarios para 2003:

• Que sea posible diseñar sitios razonables sin ser experto en interfaces de usuario
• Capacitar más gente en buen diseño Web, y
• Vivir con sitios mal diseñados que sean difíciles de usar.

Aunque la tercera opción era implanteble según Nielsen, para Baeza era la predominante. Pese a lo fácil que es hacer una página web, tanto por la sencillez del HTML como de las herramientas de autor disponibles, aún predominan los problemas de usabilidad y los diseños que desprecian tanto cualquier tipo de normativa como al sentido común que las inspira.

El dilema forma vs contenido se decanta a favor del contenido, pero esta discusión es baladí si antes no se consigue encontrar el sitio (ubicuidad) de algún modo:

• Directo: conocemos la dirección del sitio previamente.
• Navegando: mediante enlaces al sitio.
• Usando un buscador (el buscador debe haber previamente encontrado el sitio).

La ubicuidad (estar en la Web y poder ser encontrado y visto) consta de dos aspectos:

• el citado tercer modo de acceso (buscabilidad), que es el más frecuente y casi única vía para sitios nuevos o pequeños

• El sitio debe estar dado de alta en los buscadores
• Hay que verificar si ponemos trabas al acceso a los buscadores (mapas de imágenes, flash, frames…)
• El texto de la página principal ha de ser el adecuado
• Si no aparece bien ubicada en los resultados hay que procurar que nos enlacen (desde Yahoo a ser posible)
• Los metadatos han perdido peso por el spam de metadatos, pero debería recuperarlo cuando avance la web semántica.

• y la visibilidad (poder ver un sitio). Aunque la visibilidad afecta a la usabilidad, ésta consta de dos aspectos fundamentales: Contenido (legibilidad, comprensibilidad, navegación coherente, semántica del contenido vinculada al target del sitio, idioma adecuado, estilo de escritura…). Y Estética, que deberá ser no intrusiva con el contenido (diseño elegante y simple).

• Cuidado con el peso (no más de 50 kb)
• Compatibilidad con todos los navegadores
• Accesibilidad (y Usabilidad). Hay que tener en cuenta a usuarios ciegos. Los buscadores también lo son.
• Si hay mucho tráfico habrá posibles problemas diseño vs funcionalidad

“Un sitio Web no es el lugar para que un programador demuestre cuán bien domina Java o el último software de diseño gráfico.”

La fidelidad depende de la Usabilidad

Relación de Conceptos:

Usabilidad:

Utiliza la definiciónde la ISO 9241(Ergonomic Requirements for Visual
Display Terminals), parte 11 (Guidance for Usability): “rango en el cual un producto puede ser usado por un grupo de usuarios específicos para alcanzar ciertas metas definidas con efectividad, eficiencia y satisfacción en un contexto de uso especificado”

• Facilidad de aprendizaje (consecución de tareas básicas por parte de un usuario novato.)
• Velocidad de desempeño (en completar tareas específicas).
• Tasas de error por parte de los usuarios. Deben evitarse y, cuando menos, emplear un buen sistema de recuperación de errores (y avisos al usuario).
• Retención sobre el tiempo. Lo fácil que le resulta a un usuario volver a usar el sitio un tiempo después (curva de aprendizaje).
• Satisfacción subjetiva.

John Cato sugiere, además:

• Control del usuario
• Habilidades. El sistema respeta al usuario y potencia sus habilidades
• Privacidad.

Ingeniería de la Usabilidad:

Pretende mejorar la interfaz de usuario mediante la evaluación sistemática de criterios de usabilidad, que deben ser priorizados según el caso.

Evaluación de la Usabilidad:

• Inspección formal (sesión de un grupo de expertos)
• Test de Usabilidad (varios usuarios prueban el sistema en laboratorio y se recogen datos)
• Pensar en voz alta (que el usuario explique los pasos que da al usar el sistema)
• Evaluación Heurística y de estándares. Revisión de especialistas en base a las normativas y criterios aceptados.
• Caminata cognitiva (expertos simulan la acción de un usuario)

Para Baeza las encuestas son una buena forma de evaluación ¡¡¡!!! [ver artículo de Eduardo Manchón al respecto]

Usabilidad en la Web

En la red la audiencia es global, cada usuario (y su equipo) es un mundo. Si queremos llegar a todos hay que tener en cuenta posibles limitaciones del usuario.
Hay que definir la audiencia (focus groups, entrevistas, investigación demográfica, encuestas online)

Heurística de Usabilidad
Instone adaptó a la web la heurística de Nielsen:

1. Visibilidad del estado del sistema (consistencia, retroalimentación)
2. Similitud entre sistema y mundo real (lenguaje y convenciones del mundo real)
3. Control por parte del usuario y libertad (salidas de emergencia, deshacer y rehacer).
4. Consistencia y cumplimiento de estándares (el usuario no debe preguntarse por las convenciones del sitio. Validadores, W3C, CSS, plan de desarrollo)
5. Prevención de errores (mejor que buenos mensajes de error es prevenirlos, evitar contaminación visual).
6. Preferencia al reconocimiento que a la memorización (las instrucciones han de estar visibles, mecanismos de búsqueda)
7. Flexibilidad y eficiencia de uso (aceleradores para usuarios expertos “personalización one-click”, rápida descarga)
8. Estética y diseño minimalista (no usar texto irrelevante, minimo número de imágenes, lo importante donde más se ve: arriba).
9. Ayuda para que el usuario reconozca, diagnostique y recupere errores (mensajes de error claros y constructivos).
10. Ayuda y documentación (sistema de ayuda si el sistema es complejo).

Recomendaciones de diseño

Lo primero es decidir para qué, para quién, cómo (tecnologías), qué buscan los usuarios, qué hace la competencia, metas a largo plazo.

Evaluaciones de usabilídad en cada fase del proyecto.

Consejos:

• Compatibilidad del navegador (hay que probar en distintos navegadores y S.O. y seguir pautas W3C)
• Diseñar para la diversidad (geográfica, cultural, panhispanismo, discapacidad, edad, WAI)
• Optimizar para descarga rápida (velocidad debe primar sobre diseño gráfico, muchos aún funcionan con un móden RTB, el usuario no es paciente)
• Diseñar para diversos tamaños de monitor (fijarse en las configuraciones más habituales del momento y probar en todas ellas)
• Controlar la cantidad de scrolling (usuarios sólo hacen scroll si esperan encontrar información importante debajo)
• Escribir para la web es distinto que para otros medios (los usuarios no leen, sino que escanean el texto con la vista, mayor fatiga visual, huir de lo innecesario)

Conclusiones

Que la web sea una tecnología joven no es excusa para el mal desarrollo.
Humildad, pensar en el usuario y estudiarlo.
Evaluación permanente

El anterior es un excelente artículo de divulgación sobre la relación entre Usabilidad y Ubicuidad. Sin embargo no podemos resistir la tentación de comentar algunas cosas que nos han llamado la atención.

Para Baeza y Rivera la encuesta es un buen método de evaluación en este terreno. Si lo dicen ellos me cuesta llevarles la contraria, pero estoy convencido (Nielsen también) de que las encuentas están bien para saber lo que le gusta al usuario o, para hilar más fino, para saber lo que dice que le gusta. Es decir, estamos hablando de satisfacción o usabilidad percibida. Otra cosa es dilucidar lo que funciona realmente mejor.

Tal vez no tenga mayor importancia, pero siguiendo la definición de la ISO, y pese a adaptar el resto a la web, insisten en la idea de adecuación al contexto de uso especificado. A lo mejor es necesario decir que el contexto de uso adecuado de una página web es navegar en un ordenador usando un navegador y no, en cambio, hacer una tortilla francesa con ella. Si hablamos de usabilidad en la web y que la web es global y, por tanto, los usuarios son diversos y globales, no termino de ver eso del “contexto de uso especifico”. Pero en fin, quizá es una cuestión de detalle sin más importancia.

La heurística de 10 puntos está bien para hacerse una idea global de los aspectos a tener en cuenta. Obviamente, a la hora del trabajo real de evaluación hay que concretarla en cuestiones específicas.

Algo de eso han hecho en USABAIPO, donde han explicitado una serie de pautas para evaluar sitios web en base a una heurística, de la que se pueden extraer valores numéricos que servirían como medio de comparar el grado de usabilidad de varios sitios web.

En definitiva, un artículo muy recomendable para iniciarse en ambos conceptos.