Tema 5 usabilidad y evaluación (2013)

2,726 views
3,061 views

Published on

Usabilidad y evaluación
Quinto tema de la asignatura Diseño de Interfaces de Usuario
Grado de Ingeniería Informática.
Universidad de Granada

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,726
On SlideShare
0
From Embeds
0
Number of Embeds
1,353
Actions
Shares
0
Downloads
107
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tema 5 usabilidad y evaluación (2013)

  1. 1. Tema 5: Usabilidad y Evaluación DISEÑO DE INTERFACES DE USUARIO edición 2015 ! ! Miguel Gea (mgea@ugr.es) Dpt. Lenguajes y Sistemas Informáticos Grado en Ingeniería Informática Universidad de Granada http://utopolis.ugr.es/diu http://www.slideshare.net/mgea/ 09 dic, 2015
  2. 2. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu El personaje: J. Nielsen 2 “The best Web sites are better than reality” http://www.nngroup.com/articles/better-than-reality-a-fundamental-internet-principle/ http://www.nngroup.com useit.com
  3. 3. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Indice Usabilidad Evaluación Cuestionarios Laboratorios 3
  4. 4. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad 4 La medida en la que un producto se puede usar por determinados usuarios para conseguir objetivos específicos con efectividad, eficiencia y satisfacción en un contexto de uso especificado. [ISO 9421] FUNCIONALIDAD USUARIOS USABILIDAD
  5. 5. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad 5 La medida en la que un producto se puede usar por determinados usuarios para conseguir objetivos específicos con efectividad, eficiencia y satisfacción en un contexto de uso especificado. [ISO 9421]
  6. 6. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: importancia 6 • Reducción de costes de producción y mantenimiento • Mejora la satisfacción del usuario • Mejora la calidad del producto Ámbitos de creciente interés: Internet Artefactos electrónicos (gadgets) Móviles
  7. 7. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: importancia 7 Experiencia de usuario (user experience) Satisfacción Ameno Util Motivador Estéticamente elegante Permite creatividad Estimula el conocimiento Vale la pena Sorprendente Aburrido Frustrante Molesto Engorroso
  8. 8. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: artefactos 8 phone / tabletBlackberryPDA dualcor.ngage PSP
  9. 9. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: aspectos comerciales 9 IOS VS UIQ technology (User Interface Quartz, Interfaz de Usuario Quartz)
  10. 10. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: aspectos comerciales 10
  11. 11. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: factores medibles 11 Adecuación para tareas Aprendizaje Efectividad Retención Satisfacción
  12. 12. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: factores 12 • Adecuación al uso (funcionalidad). El sistema da soporte a las actividades que hace el usuario en su vida cotidiana • Facilidad de aprendizaje. Como de fácil es el aprendizaje para diferentes grupos de usuarios? • Eficiencia de tareas. Como es de eficiente para usuarios expertos • Facilidad de recordar. Para usuarios ocasionales • Satisfacción subjetiva. • Comprensión. Como es de sencillo comprender lo que hace el sistema? (ante situaciones de error, fallos..) • Ayuda al usuario a comprender lo que pasa? D. Mayhew (p. 9)
  13. 13. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad: Objetivo de estudio 13 Objetivo Efectividad E!ciencia Satisfacción Adecuación realizar tarea % de tarea realizadas Tiempo completar la tarea (grado de) Satisfacción Adecuado usuarios expertos Numero de características (importantes) usadas E!ciencia comparada con usuario experto (grado de) Satisfacción Con características importantes Aprendizaje Porcentaje de funciones aprendidas Tiempo para aprender una nueva estrategia (valoración de) Facilidad de uso Tolerancia de errores % de errores Corregidos satisfactoriamente Tiempo para corregir un error (valoración de) Manejo de errores
  14. 14. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Usabilidad en proceso de diseño 14 Análisis del Mercado Análisis de las tareas Definición Estudio viabilidad Análisis requisitos Pruebas de usuario Pruebas de usuario Diseño Implementación Pruebas Prototipado Revisión del producto Mantenimiento& Implantación
  15. 15. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación 15 Definición La evaluación comprende un conjunto de metodologías y técnicas que estudian la usabilidad de un sistema interactivo en diferentes etapas del ciclo de vida. Tipos: Inspección. Evaluación de aspectos de usabilidad Indagación. Descubrir los “gustos” del usuario Test. Adecuación del interfaz a las tareas de usuario
  16. 16. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación 16 Taxonomía Cuestionarios Test Inspección Heurística Recorrido cognitivo Estándares Indagación Observación campo Grabación uso Entrevistas Medida prestaciones Voz alta
  17. 17. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Inspección 17 Métodos: • Heurística. Informes realizados por expertos • Recorridos cognitivos. Evaluación de la facilidad de aprendizaje por exploración (y si es intuitivo!!) • Inspección de estándares . Comprobación que cumple las normas del estándar (p.e. WAI, UI Guidelines)
  18. 18. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Inspección 18 INSPECCIÓN HEURISTICA 10 reglas de usabilidad (J. Nielsen): 1.Visibilidad del estado del sistema 2.Utilizar el lenguaje de los usuarios 3.Control y libertad para el usuario 4.Consistencia y estándares (familiaridad) 5.Prevención de errores 6.Minimizar la carga de memoria del usuario 7.Flexibilidad y eficiencia de uso 8.Diálogos estéticos y diseño minimalista 9.Ayudar al usuario a reconocer y recuperar los errores 10.Ayuda y documentación
  19. 19. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Indagación 19 Métodos: • Observación de campo. Análisis etnográfico • Grabación del uso. Visión real de los usuarios en el trabajo • Entrevistas. Consulta sobre la experiencia de los usuarios • Cuestionarios. Formulario con preguntas predefinidas
  20. 20. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Test 20 Métodos: • Medida de prestaciones. Análisis del rendimiento del sistema (real) • Pensando en voz alta (thinking aloud). Los usuarios expresan en voz alta sus pensamientos y sentimientos a) Rendimiento: tiempo para completar una tarea tiempo en buscar información en un manual número de opciones incorrectas . . . b) Medidas subjetivas facilidad de uso del producto facilidad de instalación/búsqueda de ayuda preferencias (entre productos...) predicción de comportamiento (¿comprará?)
  21. 21. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: elección del método 21 Tiempo/recursos limitados Experiencia limitada Sin acceso directo al usuario
  22. 22. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: elección del método 22 Tiempo/recursos limitados Experiencia limitada Sin acceso directo al usuario Inspección heurística Cuestionarios
  23. 23. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: elección del método 23 Tiempo/recursos limitados Experiencia limitada Sin acceso directo al usuario Inspección heurística Cuestionarios Entrevistas
  24. 24. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: elección del método 24 Tiempo/recursos limitados Experiencia limitada Sin acceso directo al usuario Inspección heurística Cuestionarios Entrevistas Test: Medida de Prestaciones
  25. 25. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: método según etapa 25 http://www.usabilitynet.org/tools/methods.htm
  26. 26. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Card Sorting 26 Método para descubrir la estructura latente en una lista desordenada de declaraciones o ideas Los resultados de cada ordenación individual se combinan y se analizan estadísticamente
  27. 27. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Diagramas de afinidad 27 Método categorización Se reúne a un grupo de usuarios (4-10) y mediante "brainstorming" se genera una lista de ideas en notas Post It. Se pegan las notas en la pared sin seguir un orden en particular. Se mueven las tarjetas en grupos de forma intuitiva (creando categorías). Reunión dirigida
  28. 28. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Diagramas de afinidad 28 Herramientas: CardSword (Open Source) CardSword: definición de proyectos y análisis (.czs) CardSwordZorro: Encuesta a cada usuario (.csr) dendrograma http://www.slideshare.net/astromario/card-sorting-conceptos-bsicos-414487 http://sourceforge.net/projects/cardsword/
  29. 29. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: Benchmarking 29 Evaluación de las prestaciones de una aplicación/producto: Comparativa
  30. 30. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Evaluación: A/B Testing 30 Método para comparar 2 o más diseños en cuanto a sus prestaciones
  31. 31. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios 31 Características: • Los cuestionarios son una técnica bien definida para recoger datos demográficos y opiniones de los usuarios. • Son similares a las entrevistas, ya que puede haber preguntas abiertas o cerradas. • Las preguntas deben ser claras y concisas • Se debe analizar correcta y eficientemente • Existen propuestas de cuestionarios (QUIS)
  32. 32. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios 32 Características: • Los cuestionarios son una técnica bien definida para recoger datos demográficos y opiniones de los usuarios. • Son similares a las entrevistas, ya que puede haber preguntas abiertas o cerradas. • Las preguntas deben ser claras y concisas • Se debe analizar correcta y eficientemente • Existen propuestas de cuestionarios (QUIS) El diseño de los iconos es comprensible
  33. 33. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios: elección de preguntas 33 Aspectos de interés: Funcionalidad: Cubrir todas las tareas del usuario Diseño (pantalla, iconos, formato, color) Usabilidad (secuencia de acciones para realizar la tarea) Ayuda (información y asistencia al usuario) Flexibilidad (adaptación a diferentes modelos de usuarios) Aprendizaje (memorización, discriminación,...) Satisfacción (valoración y agrado en el uso) Análisis del estudio: Análisis según población de usuarios (por sexo, edad, formación..)
  34. 34. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios: elección de preguntas 34 Ejemplos: Sobre tareas y su ejecución (Dificultades, necesidad de ayuda...)
  35. 35. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios: elección de preguntas 35 Ejemplos: Sobre la aplicación (impresión general)
  36. 36. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios: elección de preguntas 36
  37. 37. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios: elección de preguntas 37
  38. 38. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Cuestionarios: Análisis 38 Correlación entre preguntas y aspecto de estudio
  39. 39. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Laboratorios de usabilidad 39 Qué son? Los laboratorios de usabilidad son espacios especialmente adaptados para la realización del test de usabilidad. Utilidad: Hacer mediciones sobre casos reales Estudio del comportamiento del usuario Organización: Sala de observación Sala de pruebas/test
  40. 40. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Laboratorios de usabilidad 40 Equipamiento: Cámaras de control remoto Micrófonos inalámbricos Mesa de mezcla digital Grabadora video Registro de entradas
  41. 41. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu Qué metodo adoptar para… 41 Evaluar un Juego… ? Evaluar una Website ? Evaluar una App ?
  42. 42. Tema 5. Usabilidad y Evaluación. Diseño de Interfaces de Usuario. Universidad de Granada http://utopolis.ugr.es/diu 42 Referencias [Lores01] Evaluación. En J. Lorés (ed.) Interacción Persona-Ordenador: libro digital. ISBN: 84-607-2255-4, AIPO-2001 http://www.aipo.es/libro/pdf/04Evalua.pdf http://www.usabilitynet.org/home.htm http://www.usability.gov/ http://www.usableweb.com http://useit.com http://www.nosolousabilidad.com/ Telefónica: livinlabs. http://sociedaddelainformacion.telefonica.es/jsp/articulos/detalle.jsp?elem=6814

×