Charla de Usabilidad impartida por Maite Ferrer Orsini en el VIII Betabeers Badajoz

1. Usabilidad
Unas notas sobre
Imagen:
hikingartist.com
por Maite Ferrer Orsini

2. Usabilidad
• Mi experiencia en el tema
– Usabilidad
• Análisis heurísticos
• Laboratorio de usuario• Laboratorio de usuario
• Arquitectura de información
– Proyectos web y desarrollo
• Análisis de requisitos > cliente
• Guía de funcionalidades y navegabilidad > informático
• Diseño esquemático del interface > diseñador

3. Usabilidad
• ¿Qué vamos a tratar en esta breve charla?
conceptos
1 importancia
2 principios
3 Integración
en proyecto4

4. Usabilidad
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
Conceptos - importancia - principios - integración en proyecto
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics

5. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics
Planificación
Identificación
requerimientos
Diseño
Modelado usuario
Diseño conceptual
Estilo
Diseño visual
• Proceso de diseño y
desarrollo (del sitio web)
conducido por el usuario, sus
necesidades, características
e intereses. Mantenimiento
y seguimiento
Diseño visual
Diseño contenidos
Evaluación
Métodos de inspección
Métodos de test
Prototipado
Low fidelity
High fidelity
Implementación
y lanzamiento

6. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics
• La usabilidad se refiere a la capacidad de un software de ser comprendido,
aprendido, usado y ser atractivo para el usuario, en condiciones específicas de
uso.
• Janice C. Redish, destacó años más tarde, dos variables fundamentales…
– El tiempo
– El esfuerzo
ISO/IEC 9126

7. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics
• Grado de eficacia, eficiencia y satisfacción con
la que un producto permite alcanzar
objetivos, a usuarios, en un contexto de uso
específico. ISO/IEC 9241

8. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics
• Organizar espacios de información con el fin de
ayudar a los usuarios a satisfacer sus necesidades
de información.
• Estructuración, clasificación y rotulado de los
contenidos del sitio web.
Formulado por Toub, 2000.

9. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics
• Elementos que facilitan el acceso a la
información web de todas las personas en
igualdad de condiciones, independientemente de
la tecnología o soporte que utilicen y de la
discapacidad que puedan presentar.

10. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics
• Capacidad de una interfaz de generar
sensaciones y emociones, en el usuario,
durante el proceso de interacción.

11. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-Metrics
• Disciplina relacionada con el diseño, evaluación
e implementación de sistemas informáticos
interactivos para el uso de seres humanos.
• Estudio de los fenómenos más importantes con
los que está relacionado.

12. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-metrics
• Variables medibles de forma objetiva: análisis
cuantitativo.
• Variables subjetivas por parte del experto:
análisis cualitativo.
Exactitud, tiempo, recuerdo, respuesta emocional

13. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-metrics
Exactitud y la plenitud con la
que se alcanzan los objetivos de
una tarea concreta.
EFECTIVIDAD
• % tareas completadas.
• % tareas completadas en el primer intento.
• % de usuarios que completan las tareas
• éxitos y fracasos.
• ayuda por no saber que hacer.

14. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-metrics
Esfuerzo que un usuario tiene
que hacer para conseguir un
objetivo.
EFICIENCIA
• en completar cada tarea.
• % o número de errores cometidos.
• % de errores o problemas según su severidad.
• en recuperarse de los errores.
• realizados para completar una tarea.
• visitadas para completar una tarea.
• en determinadas páginas o grupos de páginas.
• % o número de veces que se acude a ayudas, FAQ o similar.

15. Usabilidad
Conceptos - importancia - principios - integración en proyecto
• Diseño Centrado en el Usuario
• Usabilidad
• Arquitectura de Información
• Accesibilidad
• Experiencia de usuario
• Human-Computer Interaction (HCI)
• E-metrics
Variables que tienen que ver
más con lo emocional o
subjetivo.
SATISFACCIÓN
• % de usuarios que después de utilizar el producto lo recomendaría a un amigo.
• adjetivos positivos o negativos que cada usuario de al producto.
• % de usuarios que califican el producto más fácil de usar que cualquiera de la
competencia directa.
• ☺ usuario expresa satisfacción o insatisfacción.

16. Usabilidad
• Una buena experiencia de usuario genera:
– Satisfacción
– Fidelidad
Conceptos - importancia - principios - integración en proyecto
Aumento de
beneficios– Fidelidad beneficios
Incremento
del ROI

17. Usabilidad
Conceptos - importancia - principios - integración en proyecto

18. Usabilidad
Conceptos - importancia - principios - integración en proyecto

19. Usabilidad
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
Conceptos - importancia - principios - integración en proyecto
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los errores
10. Ayuda y documentación
Propuestos por Nielsen en 1994.

20. Usabilidad
Leslie no… Jakob
Conceptos - importancia - principios - integración en proyecto

21. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• El sistema (o sitio web) siempre debe
informar al usuario acerca de lo que está
sucediendo.

22. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• El sistema debe hablar el lenguaje del usuario,
huyendo de tecnicismos incomprensibles o
mensajes crípticos.

23. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• El usuario debe tener el control del sistema,
no se puede limitar su actuación. Se debe
ofrecer siempre al usuario una forma de
"salida de emergencia", o alternativa.

24. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
aprendizaje reconocimiento facilidad
• Consistencia en el estilo, homogeneidad en los
criterios definidos.
• El sitio web también debe seguir estándares o
convenciones de diseño ampliamente aceptados.

25. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• Mejor que un buen mensaje de error es un
diseño que prevenga que ocurra el error.

26. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• Hacer visibles objetos, acciones y opciones
para que el usuario no tenga por qué recordar
información entre distintas secciones o partes
del sitio web o aplicación.

27. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• El sitio debe ser fácil de usar para usuarios
inexpertos.
• Pero también proporcionar atajos o
aceleradores para usuarios avanzados.

28. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• Las páginas no deben contener información
irrelevante o innecesaria.
• Cada información extra compite con la
información relevante y disminuye su visibilidad.

29. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• Los mensajes de error deben expresar
claramente cuál ha sido la causa del problema.
• También deben sugerir las posibles alternativas o
soluciones.

30. Usabilidad
Conceptos - importancia - principios - integración en proyecto
1. Visibilidad del estado del sistema para los usuarios
2. Adecuación entre el sistema y el mundo real
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Reconocimiento antes que recuerdo
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de los
errores
10. Ayuda y documentación
• Aunque es mejor que un sitio web se pueda
utilizar sin necesidad de ayuda o documentación,
en sitios web extensos o en procesos de
interacción complejos se debe proporcionar
información de ayuda al usuario.

31. Usabilidad
• En el proceso de desarrollo o rediseño.
Conceptos - importancia - principios - integración en proyecto
Arquitectura
información
Diseño
gráfico
Ciclo de vida
centrado en el
usuario
Diseño
información
Diseño
navegación
Diseño
interacción
Diseño
interfaz

32. Usabilidad
• Analizamos:
– Finalidad de la presencia en Internet
– Productos o servicios
Conceptos - importancia - principios - integración en proyecto
– Productos o servicios
– Usuarios objetivo
– Web existente (rediseño)

33. Usabilidad
• Cuestionamos:
– Promoción y fidelización
– Claridad en servicios y contenidos
Conceptos - importancia - principios - integración en proyecto
– Claridad en servicios y contenidos
– Conocer y solventar necesidades reales de los
usuarios

34. Usabilidad
Conceptos - importancia - principios - integración en proyecto
Análisis
estratégico
Análisis
Diseño
userLab
UserLab
Análisis
técnico
userLab
Métricas
Heurística
Propuestas
D.A.F.O.

35. Gracias por vuestra atención
about.me/maiteferrerorsini
ilustraciones:
hikingartist.com