Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
30 recomendaciones26,195 vistas
El documento aborda metodologías para evaluar la usabilidad de interfaces web, incluyendo la evaluación heurística y pruebas de usuarios, destacando la importancia de observar a usuarios reales y aplicar criterios específicos para identificar problemas de usabilidad. Se detallan técnicas como el eye-tracking y diferentes tipos de pruebas de usuarios, que permiten recoger información sobre el comportamiento visual y la interacción con el sitio. Además, se enfatiza la necesidad de realizar pruebas en distintas etapas del diseño para mejorar la experiencia del usuario.
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
- 1. Evaluación a interfaces Test de usuarios Evaluación heurística Eye-tracking
- 2. ¿Por qué la mayoría de los argumentos del equipo de diseño web acerca de la usabilidad son una pérdida de tiempo y como evitarlos?
- 3. Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
- 4. Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
- 5. Cap. El granjero y el ganadero deben ser amigos. No me hagas pensar de Steve Krug
- 6. Debemos hacer que usuarios reales usen nuestras interfaces
- 7. Observarlos con el objetivo de identificar problemas
- 8. Mediante metodologías que nos permitan evaluar si un sitio web es usable
- 10. Evaluación Heurística ¿En que consiste? Es una evaluación tipo checklist realizada por un experto de usabilidad o arquitectura de información. Con el se comprueba el cumplimiento de las directrices de usabilidad en el sitio web. Plantilla para evaluación heurística de Torres Buriel Álex Castellote
- 11. Evaluación Heurística ¿Cómo se hace? Se resuelve el test, calificando cada criterio si cumple no. Una vez identificados los problemas se pueden medir 3 factores Frecuencia (si se repite durante todo el sitio), Impacto (es fácil o difícil de mejorar) y Persistencia Plantilla para evaluación heurística de Torres Buriel Álex Castellote
- 12. Evaluación Heurística Criterios básicos a analizar Generales Identidad e información Lenguaje y redacción Rotulado Estructura de navegación Layout de la página Elementos multimedia Accesibilidad Plantilla de un posible de cuadro de conclusiones por categorías
- 13. Eye-tracking
- 14. Eye-tracking ¿En que consiste? Es la prueba que permite hacer seguimiento y registrar el recorrido visual de una persona sobre una interface en un tiempo determinado por la tarea a realizarse. Hay dos tipos de eye-traking, los de los lentes que o cascos y los de la cámara en el monitor que registran el movimiento ocular y suelen ser menos intrusivos Con este tipo de prueba se puede conseguir mapas de calor y recorridos visuales o gazeplot Es el test más costoso de todos.
- 15. Eye-tracking Mapa de calor de InfOhio - Eye-tracking designbeep.com
- 16. Eye-tracking Gazeplot de Marks & Spencer - Eye-tracking designbeep.com
- 17. ¿Para qué sirve el eyetracking?
- 18. Para obtener información objetiva sobre atención visual
- 19. Sirve para responder a preguntas concretas
- 20. … como ¿Entienden los usuarios la arquitectura del sitio?
- 21. Para buscar una galleta rellenas de chocolate, no rellenas saladas 1 ¿qué arquitectura es chocolate dulces vainilla mejor? 2 3 saladas saladas dulces rellenas chocolate dulces vainilla rellenas vainilla no rellenas no rellenas chocolate Chocolate rellenas vainilla no rellenas
- 22. ¿Y para buscar financiación para un departamento? Caso de estudio por Francisco García y Daniel
- 23. Caso de estudio por Francisco García y Daniel
- 24. Caso de estudio por Francisco García y Daniel
- 25. Caso de estudio por Francisco García y Daniel
- 26. Caso de estudio por Francisco García y Daniel
- 27. Caso de estudio por Francisco García y Daniel
- 28. Caso de estudio por Francisco García y Daniel
- 29. Caso de estudio por Francisco García y Daniel
- 30. Caso de estudio por Francisco García y Daniel
- 31. Caso de estudio por Francisco García y Daniel
- 32. Caso de estudio por Francisco García y Daniel
- 33. Caso de estudio por Francisco García y Daniel
- 34. Caso de estudio por Francisco García y Daniel
- 35. Caso de estudio por Francisco García y Daniel
- 36. Caso de estudio por Francisco García y Daniel
- 37. Caso de estudio por Francisco García y Daniel
- 38. Caso de estudio por Francisco García y Daniel
- 39. Caso de estudio por Francisco García y Daniel
- 40. ¿Se ve la publicidad en esta página? Caso de estudio por Francisco García y Daniel
- 41. El diseñador del sitio ve esto… Caso de estudio por Francisco García y Daniel
- 42. Caso de estudio por Francisco García y Daniel
- 43. Caso de estudio por Francisco García y Daniel
- 44. Los usuarios ven esto… Caso de estudio por Francisco García y Daniel
- 45. Caso de estudio por Francisco García y Daniel
- 46. Miran lo que creen útil Caso de estudio por Francisco García y Daniel
- 47. Sirve para responder a más preguntas concretas Caso de estudio por Francisco García y Daniel
- 48. … como ¿La publicidad animada se ve más que la estática? ¿Dónde miran inicialmente? ¿Cómo leen los menús? Caso de estudio por Francisco García y Daniel
- 49. Test de usuarios
- 50. Test de usuarios ¿En que consiste? Representa la mejor forma de evaluar la usabilidad de un diseño y se basa en la observación de un grupo de usuarios potenciales realizando tareas específicas y reales , siendo observado por uno o más evaluadores que analizan los problemas de usabilidad que se encuentre.
- 51. Test de usuarios ¿Cuándo se realiza el test? Recordemos que el DCU es una filosofía de diseño iterativa, es recomendable hacer el test de usuario en la etapa de prototipeado (test Explorativo), en la etapa de diseño (test evaluativo) y finalmente en la etapa de lanzamiento del sitio web (de validación), con el fin de ser afinaciones finales.
- 52. Test de usuarios Tipos de test de usuarios Explorativo Evaluativo De Validación Se realiza en faces Se realiza en la etapa Se realiza después del iniciales, arquitectura de diseño o desarrollo lanzamiento del sitio Sobre prototipos en Encontrar problemas Ver si se cumple las papel o bocetos en pc de usabilidad expectativas de usabilidad Se observa Devuelve información comportamiento para cualitativa y Devuelve información definir la estructura cuantitativa cuantitativa Devuelve información Se recomienda cualitativa ejecutar después de una evaluación heurística
- 53. Test de usuarios Problemas de usabilidad encontrados 5 participantes nos ofrecerá suficiente información para mejorar la solución de diseño, aun cuando no nos permita detectar el 100% de los problemas de usabilidad” Jackob Nielsen 2002 Número de participantes para el test Álex Castellote
- 54. Test de usuarios ¿Cómo se lleva a cabo?
- 55. Test de usuarios 1. Reclutamiento de participantes Determinar qué tipo de usuarios necesitamos reclutar. Localizar por lo menos 5 participantes que representen a los usuarios potenciales. Invitara los usuarios a participar, motivándoles con una recompensa por su colaboración al final del test. Acordar la hora, el lugar y el tiempo de duración de las tareas a realizar Álex Castellote
- 56. Test de usuarios 2. Definición de las tareas Dependerán de lo que queramos testear (el proceso de compra, cierta interacción, el registro en la web, etc.). Cada tarea no debe durar más de 5 minutos. Debe ser tareas típicas que el usuario lleve a cabo, no deben ser genéricas, deben ser factibles a realizar en el tiempo estimado.
- 57. Test de usuarios 3. Preparación del ambiente Sala en ambiente laboratorio con 1 computador con conexión rápida a internet en caso de testear producto online. Reclutamiento previo de 5 usuarios por test, seleccionado de acuerdo con perfil predefinido. Ejecución idealmente en un mismo día.
- 58. Test de usuarios 4. Definición de los evaluadores La persona que conduce el test no debe realizar anotaciones, debe tomar los tiempos, guiar al usuario ante alguna consulta, dar inicio y fin a la evaluación, formular la encuesta final. Puede haber uno o más observadores de la sesión quienes deben hacer las anotaciones De preferencia filmar la pantalla y el rostro del usuario.
- 59. Test de usuarios 5. Llenado de ficha del participante Breve encuesta con preguntas directas y de opción múltiple con la intención de caracterizar al sujeto de estudio en tanto usuario de Internet, y dentro del perfil reclutado.
- 60. Cabecera de la ficha del participante antes de participar en el test Álex Castellote
- 61. Test de usuarios 6. Evaluación El moderador o facilitador dará una breve explicación del test. Tener en cuenta que se evalúa el sitio web no al usuario. Ejecución del Protocolo Think Aloud o test de pensamiento manifesto - Permite entender el modelo mental - Focaliza y concentra la usuario - Puede cansar
- 62. Test de usuarios Test de pensamiento manifiesto (Protocolo Think Aloud) Concurrente Retrospectivos Único usuario Varios usuarios Después del test Con eyetraking con video
- 63. Test de usuarios Moderador Usuario Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 64. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 65. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 66. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 67. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 68. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 69. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 70. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 71. Usability Test Moderation: The Comic http://www.userfocus.co.uk
- 72. Test de usuarios 7. Elaboración del informe: observaciones y mejoras Consiste en un conjunto de recomendaciones que persiguen determinar los problemas y los aspectos de mejora a partir de cada una de las tareas programadas en el test. Obtener conclusiones generales respecto de la situación del sitio web o aplicación testeada en materia de Experiencia de Uso.
- 73. Cabecera de la encuesta final al participante, luego de haber culminado las tareas asignadas Álex Castellote
- 74. Test de usuarios Otros test de usuarios
- 75. Test de usuarios Test de los 5 segundos La primera impresión del diseño supone una información muy valiosa sobre su usabilidad Consiste en ponerle al participante en un contexto con un objetivo específico, a continuación mostrarle la página por solo 5 segundo y luego solicitarle que mencione todo lo que recuerda de la página que ha visto. Fivesecondtest.com comunidad que revisa tu sitio gratuitamente
- 76. Test de usuarios Test de Guerrilla Sin dinero Sin tiempo Sin expertos Sin grabar Sin entregas de informes Con un solo usuario Encontrar problema críticos “Es mejor testear con una persona que con ninguna”
- 77. Test de usuarios Test Blur Test individual Entornar los ojos o poner efecto blur al diseño Identifica lo primero que se ve
- 78. Test de usuarios Test Greeked test Poner el texto al latín o algo que no tenga sentido. Preguntar a los usuarios ¿De qué se trata la pagina? ¿Marcar el titulo de la pagina? ¿Cuál es el contenido de la pagina?.
- 79. Test de usuarios Test del Maletero (Prueba de navegación) Seleccione al azar una pagina cualquiera del sitio e imprímala. Sujetarla a la mayor distancia que pueda con las manos. Rodear con un círculo lo más rápido que pueda todas las respuestas a las siguientes preguntas. ¿Qué sitio es éste? Respuesta: Identificador de sitio ¿En qué página estoy? Respuesta: Nombre de la página ¿Cuáles son las principales secciones del sitio? Respuesta: Secciones ¿Qué opciones tengo en este nivel? Respuesta: Navegación local ¿Dónde estoy en el esquema? Respuesta: "Usted está aquí" ¿Cómo busco algo? Respuesta: Búsqueda
- 80. Test de usuarios No.me.hagas.pensar.2ed.Steve.Krug
- 81. Debemos prestar atención en lo que el usuario hace más de lo que dice (Jackob Nielsen)
- 82. Esta presentación tiene una licencia Creative Commons de: Atribución No comercial Compartir igual Percy Negrete @percynegrete percy.negrete@pucp.edu.pe