Los criterios ergonómicos son muchos y dependiendo de las preferencias de cada investigador se pueden usar de forma como apoyo para una evaluación cualitativa sin usuarios.

3. Diseño de la Interacción
UNIDAD 4. El Proceso del Diseño de Interacción

4. Evaluación sin Usuarios: Heurísticas
01Técnicas de Evaluación| Heurísticas

5. Actividad
• A lo largo de la siguientes semana vamos a trabajar de manera colaborativa
la redacción de una WIKI.
• El objetivo es crear una guía de evaluación de software que te sirva no solo
para tu proyecto final sino a lo largo de tu carrera.
• Vamos a ir nutriendo la guía de forma colaborativa con ejemplos o
descriptores que nos permitan reconocer las guías de evaluación y su uso
adecuado.
02Técnicas de Evaluación| Heurísticas

6. Reglas
• Todo aporte multimedia debe ser citado apoyado de la norma
apa
• Imágenes Nombre, Autor, Año, Recuperado de LINK
• The Model Human Processor, by Card, Moran &
Newell, 1983, recuperado de
https://www.pinterest.cl/pin/380694974725533697
/
• Vídeos Nickname AÑO, Nombre del vídeo, LINK
• TabRez 2014. Ironman playing Jarvis interface
and voice.
https://www.youtube.com/watch?v=Wx7RCJvoC
Mc
• Mismo caso para texto del material de clase o de otras fuentes
de consulta.
03Técnicas de Evaluación| Heurísticas

7. Múltiples
formas de
evaluar
Scott Klemmer, HEURISTIC
EVALUATION WHY AND HOW 2014.
• Comentarios
Juicio de Expertos
• con usuarios reales
Evaluación empírica
• Modelos y fórmulas formales para calcular medidas
Formal
• Medidas de software
Automatizado
04Técnicas de Evaluación| Heurísticas

8. Evaluación con Usuarios
05Técnicas de Evaluación| Heurísticas

9. Heurísticas
IBM
1. Simplicidad: No comprometa la facilidad de uso por la función.
2. Soporte: Coloque al usuario en control y proporcione asistencia proactiva
3. Familiaridad: ¡Construye los conocimientos previos de los usuarios (! Consistencia)
4. Obviedad: Haz que los objetos y sus controles sean visibles e intuitivos
5. Fomento: Hacer que las acciones sean predecibles y reversibles
6. Satisfacción: Crear una sensación de progreso y logro
7. Disponibilidad: Haga que todos los objetos estén disponibles en todo momento
8. Seguridad: Mantenga al usuario fuera de problemas
9. Versatilidad: Admite técnicas de interacción alternativas
10. Personalización: Permite a los usuarios personalizar
11. Afinidad: Da vida a los objetos a través de un buen diseño visual
Diseño sustractivo
Jerarquía visual
Affordance
Esquema visual
9
06Técnicas de Evaluación| Heurísticas

10. 1. Simplicidad
• No es suficiente con que las cosas funcionen
• Desarrollo tomando en cuenta el modelo
mental del usuario, es decir, lo que ya conoce
o espera.
• Contexto Conocido aplica Patrones de Diseño
• Contexto Nuevo prueba antes de desarrollar
• Mago de Oz, Clicks en pantallas
07Técnicas de Evaluación| Heurísticas

11. No hay precedente
usa cuadriculas
Clic para abrir un
nuevo plan de
vacaciones
08Técnicas de Evaluación| Heurísticas

12. Conocemos ahora que
el modelo mental de
tus posibles usuarios
ubica abrir arriba a la
derecha
09Técnicas de Evaluación| Heurísticas

13. 1. Simplicidad
• Carga de trabajo. El número de objetos
interactivos presentes en la interfaz. Menos
es más, es decir, será más fácil de encontrar
lo que necesito en una interfaz limpia.
• ¿Nuestros prototipos funcionales tienen
solamente los elementos necesarios?
¿Realmente no sobra nada?
• Keep it simple!
• ¿Podríamos crear una función que
simplifique o evite la ejecución de alguna
tarea? Por ejemplo, tarjeta de crédito
virtual, registro de datos a partir del
escaneo de una imagen.
10Técnicas de Evaluación| Heurísticas

14. 2. Soporte
• Dar al usuario el control de lo que hace.
• ¿Nuestro sistema hace cosas de manera
autónoma sin consultar al usuario? En
caso afirmativo ¿Realmente la decisión
del usuario no es necesaria?
• En la medida de lo posible hacer
sistemas proactivos. Por ejemplo, al
registrar una cita, el sistema recomienda
repetir la cita de forma automática. El
usuario decide si le interesa hacerlo o
no.
11Técnicas de Evaluación| Heurísticas

15. 3.
Familiaridad
• Usar lenguaje conocido. Lo aplicamos usando
los mismos términos a los que ellos están
habituados.
• Términos habituales, con una opción de
apoyo para brindar más información
sobre dichos términos/opciones
• Respetamos el formato, orden de los ítems.
• Patrones de IU.
• Uso de símbolos para facilitar el uso del
sistema
12Técnicas de Evaluación| Heurísticas

16. 3.
Familiaridad
• Consistencia de la interacción. En un formulario sobre todo.
• ¿Qué es mejor el teclado o el mouse para ingresar datos en un formulario?
• En nuestro caso tenemos que favorecer la interacción basada en clics, al tener un
dispositivo táctil.
• Nuestro reto minimizar al máximo el uso del teclado virtual.
• Evitar en la medida de lo posible, combinar los dispositivos de entrada, por
ejemplo, teclado y mouse.
• ¿El contenido del formulario es desconocido? Hay que llenarlos a fuerza con el
teclado.
• ¿El contenido del formulario es conocido? El contenido debe ser seleccionado.
• Para seleccionar una opción tenemos:
• Listas (Selección simple y múltiple)
• Checkboxes (Selección simple y múltiple)
• ComboBoxes
• DatePicker
• TimePicker
• RadioButton
• Switches (Toggle Button)
• Tabla (Selección simple y múltiple)
13Técnicas de Evaluación| Heurísticas

17. 4. Obviedad
• Hacer que los controles sean visibles y
su uso obvio.
• ¿Es obvio cómo pueden usar su
sistema?
• Tener claro que solo mostramos
aquellos controles que son necesarios
para hacer la tarea.
• Se muestran los controles definidos para
cada tipo de usuario
14Técnicas de Evaluación| Heurísticas

18. 5. Fomento
• No me da miedo hacer uso del sistema. El
sistema motiva a ser usado y las
consecuencias de usarlo son reversibles.
• ¿Qué tareas del sistemas pueden
deshacerse?
• Cancelar cita
• Eliminar usuario
• Eliminar un síntoma
• Re-subir un documento
Gamificado
15Técnicas de Evaluación| Heurísticas

19. 6. Satisfacción
• Crear un sentimiento de progreso y logro.
• Feedback visual, auditivo y algún otro que sea
necesario.
• Alertas de verificación de acciones por parte de los
usuarios. A toda acción corresponde una reacción
con un mensaje.
• Alertas auditivas. Cuando hacemos operaciones
peligrosas, borrar usuario.
• ¿Es necesario agregar un sonido al mensaje y
de ser así cuál?
• Vibración, pues solo aplica si tuviéramos un
dispositivo que puede vibrar (celular, reloj,
weareable (pulsera, cadena, pechera))
• ¿Es necesario agregar un sonido al mensaje y
de ser frecuencia de la vibración?
16Técnicas de Evaluación| Heurísticas

20. 7. Disponibilidad
• Hacer que todos los objetos estén
disponibles en todo momento. siempre y
cuando sean requeridos o estén disponibles
• ¿Qué pasa si no hay conexión al servidor?
• ¿Debo mantener los botones visibles si no se
pueden usar?
17Técnicas de Evaluación| Heurísticas

21. 8. Seguridad
• Mantener al usuario fuera de problemas.
• Manejo de errores. Evitar estados del
sistema inconsistentes que pueden llevarte
a cometer un error.
• Mantenerlo simple
• Disponibilidad
• Uso adecuado de controles para los
inputs del sistema
• Pruebas diseñadas me ayuda a validar
entradas y evitar datos inconsistentes
en el sistema
18Técnicas de Evaluación| Heurísticas

22. 9. Versatilidad
• Soporta diferentes modalidades de
interacción.
• Visual
• Vocal
• Háptico (a través del tacto)
• Gestos
• Olfato
• Gusto
19Técnicas de Evaluación| Heurísticas

23. 10. Personalización
• Permitir a los usuarios personalizar
• Los usuarios pueden configurar
• definir su usuario y seleccionar una foto
para su perfil
• Agregar o quitar elementos del menú
• Modificar las opciones de preferencias para
la página de inicio
• ¿En mi sistema qué cosas son configurables?
• ¿Qué hace sentido quitar o poner en función
de las preferencias del usuario?
20Técnicas de Evaluación| Heurísticas

24. 11. Afinidad
• Dar vida a los objetos a través de un buen
diseño visual.
• Diseño gráfico. Para que las cosas luzcan
bonitas.
• ¿Los objetos comunican de forma efectiva su
funcionalidad?
• Un botón que comunica su uso y además que luce
bien. (Usa Frameworks como Bootstrap)
21Técnicas de Evaluación| Heurísticas

25. 11. Afinidad
• Affordance. Capacidad de un objeto de comunicar de
forma adecuada su funcionamiento.
• ¿Nuestros objetos interactivos comunican de forma
efectiva su uso?
• Piensa en un clip ¿Para qué sirve?
• Apretar algo
• Adjuntar un archivo
• Pinchar un Globo
• Picarle al boton de reset
• De antena para la tele
• Una escultura
• Un columpio
• Para colgar esferas
• Para clasificación por colores
22Técnicas de Evaluación| Heurísticas

26. Actividad
• Revisemos ¿Cómo va la wiki?
23Técnicas de Evaluación| Heurísticas

27. Pie de foto.
Bibliografía
•Muñoz Artega, J., GONZALEZ CALLEROS, J. M., & Huitrón, A. S. (2015). La interacción
humano-computadora en México. Pearson Educación.
24Técnicas de Evaluación| Heurísticas

28. gracias.
©2020
Es responsabilidad exclusiva de los autores el respeto de los derechos de autor sobre los contenidos e imágenes en el presente
documento, en consecuencia, la BUAP no se hace responsable por el uso no autorizado, errores, omisiones o manipulaciones de los
derechos de autor y estos serán atribuidos directamente al Responsable de Contenidos, así como los efectos legales y éticos
correspondientes.