tema 5 usabilidad y evaluación (2013)

38
Diseño de Interfaces de Usuario Miguel Gea ([email protected]) Dpt. Lenguajes y Sistemas Informáticoss Grado en Ingeniería Informática Universidad de Granada http://utopolis.ugr.es/diu edición 2013

Upload: miguel-gea

Post on 18-Dec-2014

837 views

Category:

Documents


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Tema 5 usabilidad y evaluación (2013)

Diseño de Interfaces de Usuario

Miguel Gea ([email protected]) Dpt. Lenguajes y Sistemas Informáticoss Grado en Ingeniería Informática Universidad de Granada http://utopolis.ugr.es/diu

edición 2013

Page 2: Tema 5 usabilidad y evaluación (2013)

El personaje

J. Nielsen

(1943-)

useit.com: Jakob Nielsen's Website

http://www.nngroup.com/articles/better-than-reality-a-fundamental-internet-principle/

The best Web sites are better than reality.

Page 3: Tema 5 usabilidad y evaluación (2013)

Usabilidad Evaluación Cuestionarios Laboratorios

Tema 5 Usabilidad y evaluación

Page 4: Tema 5 usabilidad y evaluación (2013)

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

USUARIOS

USABILIDAD

Page 5: Tema 5 usabilidad y evaluación (2013)

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

Page 6: Tema 5 usabilidad y evaluación (2013)

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

Page 7: Tema 5 usabilidad y evaluación (2013)

Usabilidad: artefactos Tema 5. Usabilidad y Evaluación

Blackberry PDA

dualcor.

PSP

phone / tablet

ngage

Page 8: Tema 5 usabilidad y evaluación (2013)

Usabilidad: aspectos comerciales Tema 5. Usabilidad y Evaluación

IOS VS!UIQ technology (User Interface Quartz, Interfaz de Usuario Quartz)!

Page 9: Tema 5 usabilidad y evaluación (2013)

Usabilidad: aspectos comerciales Tema 5. Usabilidad y Evaluación

Page 10: Tema 5 usabilidad y evaluación (2013)

Usabilidad: factores medibles

✦  Adecuación para tareas ✦  Aprendizaje ✦  Efectividad ✦  Retención ✦  Satisfacción

Tema 5. Usabilidad y Evaluació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/

Page 11: Tema 5 usabilidad y evaluación (2013)

Usabilidad: factores

•  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?

Tema 5. Usabilidad y Evaluación

Referencia: D. Mayhew (p. 9)!

Page 12: Tema 5 usabilidad y evaluación (2013)

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

Page 13: Tema 5 usabilidad y evaluación (2013)

Usabilidad en proceso de diseño Tema 5. Usabilidad y Evaluación

Análisis del Mercado

Análisis de las tareas Def

inic

ión

Estudio viabilidad Análisis requisitos

Pruebas de usuario

Pruebas de usuario

Dis

eño

Implementación Pruebas

Prototipado

Revisión del producto

Man

teni

mie

nto

& Im

plan

taci

ón

Page 14: Tema 5 usabilidad y evaluación (2013)

Evaluació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

Tema 5. Usabilidad y Evaluación

Definición

Page 15: Tema 5 usabilidad y evaluación (2013)

Evaluación Tema 5. Usabilidad y Evaluación

Taxo

nom

ía

Cuestionarios

Test

Inspección

Heurística

Recorrido cognitivo

Estándares

Indagación

Observación campo

Grabación uso

Entrevistas

Medida prestaciones

Voz alta

Page 16: Tema 5 usabilidad y evaluación (2013)

Evaluació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)

Tema 5. Usabilidad y Evaluación

Tipo: Inspección

Page 17: Tema 5 usabilidad y evaluación (2013)

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

Tema 5. Usabilidad y Evaluación

Tipo: Inspección Método: heurística

Evaluación

Page 18: Tema 5 usabilidad y evaluación (2013)

Evaluació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

Tema 5. Usabilidad y Evaluación

Tipo: Indagación

Page 19: Tema 5 usabilidad y evaluación (2013)

Evaluación

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

Tema 5. Usabilidad y Evaluación

Tipo: Test

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á?)

Page 20: Tema 5 usabilidad y evaluación (2013)

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

Tiempo/recursos limitados

Sin acceso directo al usuario

Experiencia limitada

Page 21: Tema 5 usabilidad y evaluación (2013)

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

Tiempo/recursos limitados

Sin acceso directo al usuario

Experiencia limitada

!"

!"

Inspección heurística Cuestionarios

!"

Tema 5. Usabilidad y Evaluación

Page 22: Tema 5 usabilidad y evaluación (2013)

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

Tiempo/recursos limitados

Sin acceso directo al usuario

Experiencia limitada

!"

!"

Inspección heurística Cuestionarios

Entrevistas

Page 23: Tema 5 usabilidad y evaluación (2013)

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

Tiempo/recursos limitados

Sin acceso directo al usuario

Experiencia limitada !"

Inspección heurística Cuestionarios

Entrevistas Test: Medida de Prestaciones

Page 24: Tema 5 usabilidad y evaluación (2013)

Evaluación: método según etapa Tema 5. Usabilidad y Evaluación

http://www.usabilitynet.org/tools/methods.htm

Page 25: Tema 5 usabilidad y evaluación (2013)

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

Page 26: Tema 5 usabilidad y evaluación (2013)

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

Page 27: Tema 5 usabilidad y evaluación (2013)

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://www.slideshare.net/astromario/card-sorting-conceptos-bsicos-414487

http://sourceforge.net/projects/cardsword/!

dendrograma

Page 28: Tema 5 usabilidad y evaluación (2013)

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)

Page 29: Tema 5 usabilidad y evaluación (2013)

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!

Page 30: Tema 5 usabilidad y evaluación (2013)

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..)

Page 31: Tema 5 usabilidad y evaluación (2013)

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

Ejemplos: Sobre tareas y su ejecución (Dificultades, necesidad de ayuda...)

Page 32: Tema 5 usabilidad y evaluación (2013)

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

Ejemplos: Sobre la aplicación (impresión general)

Page 33: Tema 5 usabilidad y evaluación (2013)

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

Page 34: Tema 5 usabilidad y evaluación (2013)

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

Page 35: Tema 5 usabilidad y evaluación (2013)

Cuestionarios: Análisis Tema 5. Usabilidad y Evaluación

Correlación entre preguntas y aspecto de estudio

Page 36: Tema 5 usabilidad y evaluación (2013)

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

Page 37: Tema 5 usabilidad y evaluación (2013)

Laboratorios de usabilidad Tema 5. Usabilidad y Evaluación

Equipamiento: Cámaras de control remoto Micrófonos inalámbricos Mesa de mezcla digital Grabadora video Registro de entradas

Page 38: Tema 5 usabilidad y evaluación (2013)

Referencias 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

Tema 4. Estrategias de Diseño