Your SlideShare is downloading. ×
0
Diseño de Interfaces de Usuario

edición 2013

Miguel Gea (mgea@ugr.es)
Dpt. Lenguajes y Sistemas Informáticoss
Grado en I...
El personaje

The best Web sites are better than
reality.

useit.com: Jakob Nielsen's Website
J. Nielsen	

(1943-)	


http...
Tema 5 Usabilidad y evaluación
Usabilidad 
Evaluación
Cuestionarios
Laboratorios
Usabilidad

Tema 5. Usabilidad y Evaluación

La medida en la que un producto se puede usar por
determinados usuarios para ...
Usabilidad: importancia

Tema 5. Usabilidad y Evaluación

•  Reducción de costes de producción y mantenimiento
•  Mejora l...
Usabilidad: importancia

Tema 5. Usabilidad y Evaluación

Experiecias de usuario (user experience)!
•  Satisfacción
•  Ame...
Usabilidad: artefactos
ngage

Tema 5. Usabilidad y Evaluación

PSP

dualcor.
PDA

Blackberry

phone / tablet
Usabilidad: aspectos comerciales

Tema 5. Usabilidad y Evaluación

IOS VS!
UIQ technology (User Interface Quartz, Interfaz...
Usabilidad: aspectos comerciales

Tema 5. Usabilidad y Evaluación
Usabilidad: factores medibles

Tema 5. Usabilidad y Evaluación

Adecuación para tareas
✦  Aprendizaje
✦  Efectividad
✦  Re...
Usabilidad: factores

Tema 5. Usabilidad y Evaluación

Adecuación al uso (funcionalidad). El sistema da
soporte a las acti...
Usabilidad: Objetivo de estudio

Tema 5. Usabilidad y Evaluación

Objetivo

Efectividad

Eficiencia

Satisfacción

Adecuac...
Usabilidad en proceso de diseño

Análisis de las tareas

Diseño

Estudio viabilidad
Análisis requisitos

Mantenimiento &
I...
Evaluación

Tema 5. Usabilidad y Evaluación

Definición
La evaluación comprende un conjunto de metodologías y
técnicas que...
Evaluación

Tema 5. Usabilidad y Evaluación

Heurística
Inspección

Recorrido cognitivo

Taxonomía

Estándares
Observación...
Evaluación
Tipo:

Tema 5. Usabilidad y Evaluación

Inspección

Métodos:
✦ 

Heurística. Informes realizados por expertos

...
Evaluación
Tipo:

Inspección

Tema 5. Usabilidad y Evaluación

Método: heurística

10 reglas de usabilidad (J. Nielsen):
1...
Evaluación
Tipo:

Tema 5. Usabilidad y Evaluación

Indagación

Métodos:
Observación de campo. Análisis etnográfico
✦  Grab...
Evaluación
Tipo:

Tema 5. Usabilidad y Evaluación

Test

Métodos:
Medida de prestaciones. Análisis del rendimiento del
sis...
Evaluación: elección del método
Tiempo/recursos limitados
Experiencia limitada
Sin acceso directo al usuario

Tema 5. Usab...
Evaluación: elección del método

Tema 5. Usabilidad y Evaluación
Tema 5. Usabilidad y Evaluación

!" Tiempo/recursos limit...
Evaluación: elección del método

Tema 5. Usabilidad y Evaluación

!" Tiempo/recursos limitados
!" Experiencia limitada
Sin...
Evaluación: elección del método

Tema 5. Usabilidad y Evaluación

Tiempo/recursos limitados

!" Experiencia limitada
Sin a...
Evaluación: método según etapa

Tema 5. Usabilidad y Evaluación

http://www.usabilitynet.org/tools/methods.htm
Evaluación: Card Sorting

Tema 5. Usabilidad y Evaluación

Método para descubrir la estructura latente en una
lista desord...
Evaluación: Card Sorting

Tema 5. Usabilidad y Evaluación

Método categorización
Se reúne a un grupo de usuarios (4-10) y ...
Evaluación: Diagramas de afinidad

Tema 5. Usabilidad y Evaluación

Herramientas: CardSword (Open Source)
•  CardSword: def...
Cuestionarios

Tema 5. Usabilidad y Evaluación

Características:
Los cuestionarios son una técnica bien definida para reco...
Cuestionarios

Tema 5. Usabilidad y Evaluación

Tipología de las preguntas:
•  General: Establecer perfil de usuario y la ...
Cuestionarios: elección de preguntas

Tema 5. Usabilidad y Evaluación

Aspectos de interés:
•  Funcionalidad: Cubrir todas...
Cuestionarios: elección de preguntas

Tema 5. Usabilidad y Evaluación

Ejemplos: Sobre tareas y su ejecución (Dificultades...
Cuestionarios: elección de preguntas

Tema 5. Usabilidad y Evaluación

Ejemplos: Sobre la aplicación (impresión general)
Cuestionarios: elección de preguntas

Tema 5. Usabilidad y Evaluación
Cuestionarios: elección de preguntas

Tema 5. Usabilidad y Evaluación
Cuestionarios: Análisis
Correlación entre preguntas y aspecto de estudio

Tema 5. Usabilidad y Evaluación
Laboratorios de usabilidad

Tema 5. Usabilidad y Evaluación

Qué son?
Los laboratorios de usabilidad son espacios especial...
Laboratorios de usabilidad
Equipamiento:
Cámaras de control remoto
Micrófonos inalámbricos
Mesa de mezcla digital
Grabador...
Referencias

Tema 4. Estrategias de Diseño

Usabilidad
‣ [Lores01] Evaluación. En J. Lorés (ed.) Interacción Persona-Orden...
Upcoming SlideShare
Loading in...5
×

Tema 5 usabilidad y evaluación (2013)

1,178

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
1,178
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
34
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Tema 5 usabilidad y evaluación (2013)"

  1. 1. Diseño de Interfaces de Usuario edición 2013 Miguel Gea (mgea@ugr.es) Dpt. Lenguajes y Sistemas Informáticoss Grado en Ingeniería Informática Universidad de Granada http:/ /utopolis.ugr.es/diu
  2. 2. El personaje The best Web sites are better than reality. useit.com: Jakob Nielsen's Website J. Nielsen (1943-) http://www.nngroup.com/articles/better-than-reality-a-fundamental-internet-principle/
  3. 3. Tema 5 Usabilidad y evaluación Usabilidad Evaluación Cuestionarios Laboratorios
  4. 4. Usabilidad Tema 5. Usabilidad y Evaluación 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 USABILIDAD USUARIOS
  5. 5. Usabilidad: importancia Tema 5. Usabilidad y Evaluación •  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
  6. 6. Usabilidad: importancia Tema 5. Usabilidad y Evaluación Experiecias de usuario (user experience)! •  Satisfacción •  Ameno •  Util •  Motivador •  Estéticamente elegante •  Permite creatividad •  Estimula el conocimiento •  Vale la pena •  Sorprendente •  Aburido •  Frustrante •  Molesto •  Engorroso
  7. 7. Usabilidad: artefactos ngage Tema 5. Usabilidad y Evaluación PSP dualcor. PDA Blackberry phone / tablet
  8. 8. Usabilidad: aspectos comerciales Tema 5. Usabilidad y Evaluación IOS VS! UIQ technology (User Interface Quartz, Interfaz de Usuario Quartz)!
  9. 9. Usabilidad: aspectos comerciales Tema 5. Usabilidad y Evaluación
  10. 10. Usabilidad: factores medibles Tema 5. Usabilidad y Evaluación Adecuación para tareas ✦  Aprendizaje ✦  Efectividad ✦  Retención ✦  Satisfacción ✦  Palm pilot. Img: http://www.amcomputers.net/palm.php PDA projected keyboard: img: http://www.roeder-johnson.com/RJDocs/CAProjectionKeyboardPDA.jpg Keyboard joystick: http://themavesite.com/wp/pictures/keyboard-joystick Anoto: Img: http://www.anoto.com/lng/en/pageTag/page:home/
  11. 11. Usabilidad: factores Tema 5. Usabilidad y Evaluación 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 sujetiva. •  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? •  Referencia: D. Mayhew (p. 9)!
  12. 12. Usabilidad: Objetivo de estudio Tema 5. Usabilidad y Evaluación Objetivo Efectividad Eficiencia 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 Eficiencia 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
  13. 13. Usabilidad en proceso de diseño Análisis de las tareas Diseño Estudio viabilidad Análisis requisitos Mantenimiento & Implantación Definición Análisis del Mercado Tema 5. Usabilidad y Evaluación Prototipado Pruebas de usuario Implementación Pruebas Pruebas de usuario Revisión del producto
  14. 14. Evaluación Tema 5. Usabilidad y Evaluación 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: ✦  Test. Adecuación del interfaz a las tareas de usuario ✦  Inspección. Evaluación de aspectos de usabilidad ✦  Indagación. Descubrir los “gustos” del usuario
  15. 15. Evaluación Tema 5. Usabilidad y Evaluación Heurística Inspección Recorrido cognitivo Taxonomía Estándares Observación campo Indagación Grabación uso Entrevistas Cuestionarios Test Medida prestaciones Voz alta
  16. 16. Evaluación Tipo: Tema 5. Usabilidad y Evaluación Inspección 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) ✦ 
  17. 17. Evaluación Tipo: Inspección Tema 5. Usabilidad y Evaluación Método: heurística 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
  18. 18. Evaluación Tipo: Tema 5. Usabilidad y Evaluación Indagación 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 ✦ 
  19. 19. Evaluación Tipo: Tema 5. Usabilidad y Evaluación Test Métodos: Medida de prestaciones. Análisis del rendimiento del sistema (real) ✦  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á?) Pensando en voz alta (thinking aloud). Los usuarios expresan en voz alta sus pensamientos y sentimientos ✦ 
  20. 20. Evaluación: elección del método Tiempo/recursos limitados Experiencia limitada Sin acceso directo al usuario Tema 5. Usabilidad y Evaluación
  21. 21. Evaluación: elección del método Tema 5. Usabilidad y Evaluación Tema 5. Usabilidad y Evaluación !" Tiempo/recursos limitados !" Experiencia limitada !" Sin acceso directo al usuario Inspección heurística Cuestionarios
  22. 22. Evaluación: elección del método Tema 5. Usabilidad y Evaluación !" Tiempo/recursos limitados !" Experiencia limitada Sin acceso directo al usuario Inspección heurística Cuestionarios Entrevistas
  23. 23. Evaluación: elección del método Tema 5. Usabilidad y Evaluación Tiempo/recursos limitados !" Experiencia limitada Sin acceso directo al usuario Inspección heurística Cuestionarios Entrevistas Test: Medida de Prestaciones
  24. 24. Evaluación: método según etapa Tema 5. Usabilidad y Evaluación http://www.usabilitynet.org/tools/methods.htm
  25. 25. Evaluación: Card Sorting Tema 5. Usabilidad y Evaluación 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
  26. 26. Evaluación: Card Sorting Tema 5. Usabilidad y Evaluación 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
  27. 27. Evaluación: Diagramas de afinidad Tema 5. Usabilidad y Evaluación Herramientas: CardSword (Open Source) •  CardSword: definición de proyectos y análisis (.czs) •  CardSwordZorro: Encuesta a cada usuario (.csr) http://sourceforge.net/projects/cardsword/! dendrograma http://www.slideshare.net/astromario/card-sorting-conceptos-bsicos-414487
  28. 28. Cuestionarios Tema 5. Usabilidad y Evaluación 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)
  29. 29. Cuestionarios Tema 5. Usabilidad y Evaluación Tipología de las preguntas: •  General: Establecer perfil de usuario y la población de estudio (edad, sexo, ocupación...) •  Abiertas. Recoger Información subjetiva Permiten detectar situaciones no previstas •  Escalar. Valoración numérica •  Opción múltiple: Selección de alternativas conexas •  Ordenadas. Clasificar items por algún tipo de valoración El diseño de los iconos es comprensible!
  30. 30. Cuestionarios: elección de preguntas Tema 5. Usabilidad y Evaluación 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 •  Flexibilidad (adaptación a diferentes modelos de usuarios) •  Aprendizaje (memorización, discriminación,...) •  Satisfacción Análisis del estudio: Análisis según población de usuarios (por sexo, edad, formación..)
  31. 31. Cuestionarios: elección de preguntas Tema 5. Usabilidad y Evaluación Ejemplos: Sobre tareas y su ejecución (Dificultades, necesidad de ayuda...)
  32. 32. Cuestionarios: elección de preguntas Tema 5. Usabilidad y Evaluación Ejemplos: Sobre la aplicación (impresión general)
  33. 33. Cuestionarios: elección de preguntas Tema 5. Usabilidad y Evaluación
  34. 34. Cuestionarios: elección de preguntas Tema 5. Usabilidad y Evaluación
  35. 35. Cuestionarios: Análisis Correlación entre preguntas y aspecto de estudio Tema 5. Usabilidad y Evaluación
  36. 36. Laboratorios de usabilidad Tema 5. Usabilidad y Evaluación Qué son? Los laboratorios de usabilidad son espacios especialmente adaptados para la realización del test de usabilidad. Utilidad: Hacer mediciones sobre casos realesEstudio del comportamiento del usuario Organización: Sala de observaciónSala de pruebas/test
  37. 37. Laboratorios de usabilidad Equipamiento: Cámaras de control remoto Micrófonos inalámbricos Mesa de mezcla digital Grabadora video Registro de entradas Tema 5. Usabilidad y Evaluación
  38. 38. Referencias Tema 4. Estrategias de Diseño Usabilidad ‣ [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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×