Heurísticas de Usabilidad y Experiencia del...

Red Colaborativa para soportar los procesos de enseñanza-aprendizaje en el área de Interacción Humano - Computador a nivel Iberoamericano

UN AÑO DE WEBINARS SOBRE HCI EN ESPAÑOL

Heurísticas de Usabilidad y Experiencia del Usuario

Dra. Daniela Quiñones Otey

Pontificia Universidad Católica de Valparaíso, Chile

[email protected]

HEURÍSTICAS DE USABILIDAD Y EXPERIENCIA DEL USUARIO, por Dra. Daniela Quiñones Otey 2

QUÉ ES LA

USABILIDAD

USABILIDAD

usuarios específicos

Medida en que un producto, sistema o servicio

puede ser usado por

para conseguir objetivos específicos con

EFICIENCIA EFECTIVIDAD SATISFACCIÓN

en un contexto de uso especificado.

ISO 9241-11


QUÉ ES LA

EXPERIENCIA DE USUARIO


Son las respuestas de la persona,

como resultado

del uso - o del uso anticipado -

de un producto, sistema o servicio.

y percepciones


Gran variedad de métodos de evaluación.

www.allaboutux.org

¡Más de 80 métodos para

evaluar la usabilidad y la

experiencia de usuario! ¿?


Barato, intuitivo, aplicable en cualquier etapa de desarrollo

EVALUACIÓN HEURÍSTICA

3-5 evaluadores Identificar problemas de

usabilidad

Se utilizan

heurísticas de

usabilidad


QUÉ ES UNA HEURÍSTICA

En el área de HCI …


HEURÍSTICA

Son un conjunto de reglas generales que permiten detectar problemas.

Son principios de amplia aplicación.

Sugieren o establecen cómo realizar una evaluación heurística y qué problemas de usabilidad/ UX evitar.


Tradicionales

Heurísticas para evaluar aplicaciones de escritorio y/o sistemas de manera general.

Heurísticas para evaluar aplicaciones de dominio específico (considerando sus

características específicas).

EVALUACIÓN HEURÍSTICA

Heurísticas

Heurísticas Específicas



Tradicionales Heurísticas

Heurísticas para evaluar aplicaciones de escritorio

y/o sistemas

de manera general.

HEURÍSTICAS DE NIELSEN1

10

1 J. Nielsen, Ten Usability Heuristics. [Online]. Available at: https://www.nngroup.com/articles/ten-usability-heuristics/


Stefan Schmitt, http://tiny.cc/vfuo5y

7 principios de diálogo

The dialogue should support learning

Define la interacción entre las personas y el sistema como un "diálogo".

Suitability for the task Self-descriptiveness

Controllability

Conformity with user expectations Error tolerance

Suitability for individualization Suitability for learning

The dialogue should be suitable for the user’s task and skill level

The dialogue should make it clear what the user should do next

The user should be able to control the pace and sequence

of the interaction

It should be consistent The dialogue should be forgiving

The dialogue should be able to be customized to suit the user

ISO 9241-110:2006 Ergonomics of human-system interaction -- Part 110: Dialogue principles.


PRINCIPIOS DE DISEÑO DE INTERACCIÓN DE TOGNAZZINI 1

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

1 B. Tognazzini, First Principles of Interaction Design (Revised & Expanded). [Online]. Available at: http://asktog.com/atc/principles-of-interaction-design/


Heurísticas para evaluar aspectos específicos

de aplicaciones de dominio específico,

además de los aspectos generales que son transversales

a todas las aplicaciones.


Heurísticas Específicas

1 "How to develop usability heuristics: A systematic literature review", D. Quiñones and C. Rusu, Computer Standards & Interfaces, vol. 53, pp. 89-122, 2017

68+ Conjuntos de heurísticas específicas1

E-government Website

Health Social Networking Websites Social Networks

Computer Games

E-learning

Websites

Human-Robot Interaction Systems

Mobile Map Applications

TV Emotion

Grid Computing

Virtual Worlds

Touch and Gesture Interaction

Mobile Interfaces

Heuristics with Cultural Aspects

Interactive Digital Television

Information Visualization

User’s Affective Dimension


Augmented Reality Remote Systems

Smartphone Mobile Applications

Driving Simulators

U-Learning Applications

Smartphones

Wearable Augmented Reality Applications

Transactional Websites

Mobile Games

ERP Systems Social TV

Videogames

Networked Multiplayer Games

Gestural Interaction



68+ Conjuntos de heurísticas específicas1

Ventajas y Desventajas de Heurísticas Tradicionales v/s Heurísticas Específicas

Heurísticas tradicionales

Heurísticas específicas


Heurísticas

Tradicionales o Generales

Específicas

Ventajas Desventajas

1. Son aplicables a cualquier

aplicación, sistema o sitio web

2. Detectan problemas generales

3. Son conocidas por la mayoría

de los evaluadores

1. Detectan tanto problemas generales como específicos de la aplicación

2. Están orientadas a evaluar una aplicación específica y sus características

3. La definición de las heurísticas es más completa

1. No detectan problemas específicos

2. Son muy genéricas, por lo que pueden ser difíciles de usar

3. La definición de las heurísticas es incompleta

1. El evaluador debe aprender a usar el conjunto de heurísticas específico

2. Algunos conjuntos no han sido validados, por lo que pueden ser inefectivos y/o ineficientes


¿Qué conjunto de heurísticas escoger y

utilizar en una evaluación heurística?


Recursos disponibles (tiempo, disponibilidad de evaluadores)

Experiencia de los evaluadores

Heurísticas Tradicionales,

Específicas, o ambas

¿ ? Importancia de evaluar aspectos específicos

Qué conjunto específico

seleccionar

¿ ?

Conjunto que haya sido validado y que haya obtenido buenos resultados

Cantidad adecuada de heurísticas, sin redundancia o superposición de heurísticas

Conjunto que incluya heurísticas orientadas a evaluar aspectos generales y específicos

Definición de heurísticas clara y completa


Desafíos sobre el desarrollo

y validación de heurísticas


Necesidad de crear nuevos conjuntos de heurísticas

Pero… Cómo crear nuevos conjuntos

Seguir un proceso formal es crítico para desarrollar un conjunto de heurísticas efectivo y eficiente.

➨ Basarse en conjuntos existentes ➨ Problemas de usabilidad ➨ Guías de diseño ➨Metodologías ➨ Otros … 1

¿ ?



Metodología para desarrollar heurísticas de

usabilidad/UX 1,2

Define etapas claras, indicando las entradas y salidas de cada una. Proporciona una plantilla estándar para especificar heurísticas. Propone diversos métodos para validar las heurísticas propuestas.

1 “A methodology to develop usability/user experience heuristics", D. Quiñones, C. Rusu and V. Rusu, Computer Standards & Interfaces, Vol. 59, pp. 109-129, 2018. 2 "Applying a methodology to develop user experience heuristics", D. Quiñones and C. Rusu, Computer Standards & Interfaces, 2019.


EJEMPLOS DE HEURÍSTICAS DE USABILIDAD


10 HEURÍSTICAS DE NIELSEN www.nngroup.com/articles/ten-usability-heuristics/

Visibilidad del estado del sistema

Coincidencia entre sistema y mundo real

Control y libertad de usuario

Consistencia y Estándares

Prevención de errores

Minimizar la carga de memoria

Flexibilidad y eficiencia de uso

Diseño estético y minimalista

Ayuda al usuario para reconocer, diagnosticar y recuperarse de errores

Ayuda y documentación


Visibilidad del estado del sistema

El sistema debe mantener informados a los usuarios a través de retroalimentación


12 HEURÍSTICAS SMASH Visibilidad del estado del sistema





Minimizar la carga de memoria del usuario

Personalización y atajos

Eficiencia de uso y rendimiento




Interacción física y ergonomía

“Developing SMASH: a set of SMArtphone's uSability Heuristics”, R. Inostroza, C. Rusu, S.

Roncagliolo, V. Rusu and C. Collazos, Computer Standards & Interfaces, vol. 43, pp. 40-52, 2016.


Personalización y Atajos

El dispositivo debe proporcionar opciones de configuración básicas y

avanzadas, permitir la definición y personalización de accesos directos a

acciones frecuentes


Interacción física y ergonomía

El dispositivo debe proporcionar botones físicos o el equivalente para las funciones principales, ubicadas en posiciones

reconocibles por el usuario y deben ajustarse a la postura natural (y alcance) de la mano dominante del usuario


12 HEURÍSTICAS E-COMMERCE Visibilidad del estado del sistema





Minimizar la carga de memoria del usuario

Flexibilidad y eficiencia de uso




La estructura de información

Resultados precisos y detallados

“Experimental validation of a set of cultural-oriented usability heuristics: e-Commerce websites evaluation”, J. Díaz, C. Rusu

and C. Collazos, Computer Standards & Interfaces, vol. 50, pp.160-178, 2017.


La estructura de información

Para culturas con alta distancia al poder, el sitio web debe tener una organización jerárquica de la información, desde lo general hasta lo específico.


Resultados precisos y detallados

Independiente de la cultura objetiva, las tareas deben estar orientadas a objetivos. Las salidas de los resultados de búsqueda en el sitio web deben

presentarse de una manera organizada y concisa.


CONCLUSIONES


1 • Existe una gran cantidad de conjuntos de heurísticas para evaluar

aplicaciones de dominios específicos.

2 • Es importante escoger el conjunto adecuado de heurística para realizar

una efectiva evaluación de la usabilidad y UX.

3 • Existen distintos enfoques para desarrollar nuevos conjuntos de

heurísticas, pero es importante seguir un proceso formal.

4 • Es importante diseñar productos/sistemas/servicios orientados y

centrados en el usuario.

Red Colaborativa para soportar los procesos de enseñanza-aprendizaje en el área de Interacción Humano - Computador a nivel Iberoamericano

UN AÑO DE WEBINARS SOBRE HCI EN ESPAÑOL

Heurísticas de Usabilidad y Experiencia del Usuario

Dra. Daniela Quiñones Otey

Pontificia Universidad Católica de Valparaíso, Chile

[email protected]

36

Heurísticas de Usabilidad y Experiencia del...

Documents

Transcript of Heurísticas de Usabilidad y Experiencia del...