Taller de usabilidad para dinamizadores de comunidad Entorno Colaborativo de Trabajo (ECT) Sv. de Información y Evaluación D. G. de Planificación e Innovación Sanitaria

2 Índice 1.Introducción 2.Heurísticos de Jakob Nielsen 3.Principios de Bruce Tognazzini 4.Heurísticos de Andy Budd 5.Aplicación práctica al ECT 6.Bibliografía

3 1. Introducción La usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con una página de Internet Jakob Nielsen, considerado el padre de la usabilidad, la definió en 2003 como el "atributo de calidad que mide lo fáciles de usar que son las interfaces web" Es decir, la finalidad de un sitio web es lograr que el usuario encuentre lo que busca en el menor tiempo posible Usabilidad

4 1. Introducción La evaluación heurística es una técnica que consiste en analizar la usabilidad de un sitio web a partir de una serie de preceptos establecidos Uno o más expertos analizarán el sitio web, a menudo siguiendo una serie de escenarios predefinidos Los costes son menores que cualquier otro método de evaluación Evaluación heurística

5 1. Introducción Los heurísticos son los criterios de evaluación de una página web Los heurísticos de usabilidad más conocidos son: –Heurísticos de usabilidad de Jakob Nielsen –Principios de diseño de interacción de Bruce Tognazzini –Heurísticos para el desarrollo de aplicaciones web modernas de Andy Budd Estos heurísticos, aunque potencialmente suficientes, son demasiado generales y en la práctica los expertos suelen disponer de sub-heurísticos más detallados Heurísticos de usabilidad

6 Índice 1.Introducción 2.Heurísticos de Jakob Nielsen 3.Principios de Bruce Tognazzini 4.Heurísticos de Andy Budd 5.Aplicación práctica al ECT 6.Bibliografía

7 2. Heurísticos de Jakob Nielsen Visibilidad del estado del sistema Coincidencia entre el sistema y el mundo real Control y libertad del usuario Consistencia y estándares Prevención de errores Reconocer mejor que recordar Flexibilidad y eficiencia de uso Estética y diseño minimalista Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores Ayuda y documentación 10 heurísticos de usabilidad

8 Índice 1.Introducción 2.Heurísticos de Jakob Nielsen 3.Principios de Bruce Tognazzini 4.Heurísticos de Andy Budd 5.Aplicación práctica al ECT 6.Bibliografía

9 3. Principios de Bruce Tognazzini Anticipación Autonomía Daltonismo Consistencia Valores por defecto Eficacia del usuario Interfaces explorables Objetos humanos Reducción de latencia Aprendizaje Uso de metáforas Protege el trabajo del usuario Legibilidad Guardar el estado Navegación visible Principios de diseño de interacción

10 Índice 1.Introducción 2.Heurísticos de Jakob Nielsen 3.Principios de Bruce Tognazzini 4.Heurísticos de Andy Budd 5.Aplicación práctica al ECT 6.Bibliografía

11 4. Heurísticos de Andy Budd Diseño que cubra las expectativas de los usuarios Claridad Minimizar carga cognitiva y complejidad innecesaria Eficiencia en el completado de tareas Proporcionar contexto a los usuarios Consistencia y estándares Prevención de errores Proporcionar ayuda al usuario, hacerle comprender y sacarle de los errores Promover experiencia de uso positiva y agradable Heuristics for Modern Web Application Development

12 4. Heurísticos de Andy Budd Elegir funcionalidades que ayuden a los usuarios a satisfacer sus necesidades y objetivos Usar las convenciones de la web Hacer procesos online que trabajen de forma similar a sus equivalentes en el mundo offline, si procede No usar botones y etiquetas engañosas Diseño que cubra las expectativas de los usuarios

13 4. Heurísticos de Andy Budd Escritura clara y concisa Usar el lenguaje técnico sólo cuando la audiencia tenga ese perfil Usar un rotulado claro y significativo Usar iconos significativos Claridad

14 4. Heurísticos de Andy Budd Quitar funcionalidades innecesarias, así como pasos de procesos que sobren Usar un acceso progresivo a las funcionalidades avanzadas (algo así como que haya acceso a funcionalidades avanzadas, pero que no influyan en la interfaz) Fragmentar procesos complejos en pasos más simples y cortos Dar relevancia y aportar jerarquía haciendo uso del tamaño, la forma, el color, la alineación y la proximidad Minimizar carga la cognitiva y complejidad innecesaria

15 4. Heurísticos de Andy Budd Proporcionar accesos rápidos a las funcionalidades más habituales Proporcionar funcionalidades avanzadas (por ejemplo, borrar varios registros de una vez) Presentar ya seleccionadas las opciones más comunes o predecibles Permitir que las opciones por defecto se puedan cambiar, eliminar o sobreescribir Evitar los pasos innecesarios en los procesos Eficiencia en el completado de tareas

16 4. Heurísticos de Andy Budd Proporcionar claramente el nombre del sitio web y su objetivo Resaltar la sección actual en la navegación Proporcionar un seguimiento de navegación a través de migas de pan Proporcionar mensajes de sistema adecuados, comprensibles Mostrar el número de pasos de los que consta un proceso Reducir la sensación de latencia (tiempo de carga), proporcionando pistas visuales (ej: barra de progreso) o permitiendo a los usuarios realizar otras tareas mientras esperan Proporcionar contexto a los usuarios

17 4. Heurísticos de Andy Budd Utilizar nomenclatura convencional Situar los elementos en los lugares convencionales (por ejemplo, las cajas de búsqueda en la zona superior derecha de la pantalla) Usar la interfaz adecuada para cada tarea Crear un sistema que se comporte de forma predecible Usar procesos estándar y patrones de diseño Consistencia y estándares

18 4. Heurísticos de Andy Budd Deshabilitar opciones irrelevantes Permitir el uso de formatos numéricos locales e internacionales (por ejemplo, horarios, telefónicos, etc.) Proporcional ejemplos y ayuda contextual Comprobar si el nombre de usuario está disponible antes de que el usuario intente registrarse Prevención de errores

19 4. Heurísticos de Andy Budd Resaltar visualmente los errores Proporcionar indicaciones que faciliten conocer dónde se ha producido un error y sugerir posibles soluciones Hacer uso de mensajes claros y evitar la jerga técnica Proporcionar ayuda al usuario, hacerle comprender y sacarle de los errores

20 4. Heurísticos de Andy Budd Crear un diseño agradable y atractivo Proporcionar un sistema que haga visible la consecución de los objetivos, con facilidad Proporcionar un sistema de recompensas en el uso y progresión de los pasos de los procesos; que el usuario sienta y note los progresos Promover experiencia de uso positiva y agradable

21 Índice 1.Introducción 2.Heurísticos de Jakob Nielsen 3.Principios de Bruce Tognazzini 4.Heurísticos de Andy Budd 5.Aplicación práctica al ECT 6.Bibliografía

22 5. Aplicación práctica al ECT Para diseñar amigablemente una comunidad hay que preguntarse “qué espera encontrar el usuario” antes que “qué queremos que busque el usuario” La interfaz debe ser clara, simple e intuitiva –Máximo 4 ó 5 pestañas –Páginas orientadas a contenidos, no a organización interna –Más de 3 niveles de jerarquía sólo si imprescindible Página de inicio: mínimo contenido imprescindible –Áreas temáticas –Breve (brevísima) introducción a la comunidad –Accesos directos Conclusiones

23 Índice 1.Introducción 2.Heurísticos de Jakob Nielsen 3.Principios de Bruce Tognazzini 4.Heurísticos de Andy Budd 5.Aplicación práctica al ECT 6.Bibliografía

24 6. Bibliografía Usabilidad (wikipedia) Ten Usability Heuristics Principios de diseño de interacción de Bruce Tognazzini Heuristics for Modern Web Application Development ication_development/index.htm Los heurísticos de Andy Budd Evaluación heurística (o por expertos) de la usabilidad

Entorno Colaborativo de Trabajo (ECT) Javier García León Javier Bejarano Palma Sv. Información y Evaluación