taller de hci para la umar 2012

55
¡Bienvenidos! Monday, April 16, 2012

Upload: mario-a-moreno-rocha

Post on 04-Dec-2014

829 views

Category:

Education


2 download

DESCRIPTION

Notas del taller de HCI para los alumnos de Informática de la UMar que nos visitarán el martes 17 de Abril, 2012

TRANSCRIPT

Page 1: Taller de HCI para la UMar 2012

¡Bienvenidos!

Monday, April 16, 2012

Page 2: Taller de HCI para la UMar 2012

Taller de Interacción Humano-Computadora:Una aproximación a la evaluación de interfaces centradas al usuario

Mario Alberto Moreno RochaCarlos Alberto Martínez SandovalHermenegildo Fernández Santos

UsaLab Laboratorio de UsabilidadUniversidad Tecnológica de la Mixteca

Monday, April 16, 2012

Page 3: Taller de HCI para la UMar 2012

Objetivo del taller: mostrar un panorama acerca de la Interacción Humano-Computadora y la aplicación de la usabilidad en la evaluación de interfaces de usuario que pueda ser útil para los asistentes del taller en su curso de HCI en su universidad.

3

UMar 2012

Monday, April 16, 2012

Page 4: Taller de HCI para la UMar 2012

Estructura del Taller

Primera Parte: conocimiento teórico

Revisaremos la teoría básica de la Interacción Humano-Computadora y los beneficios de la evaluación de interfaces gráficas de usuario. Conoceremos las ventajas de la usabilidad y definiremos las pruebas a realizar.

9 - 10.30am

Segunda Parte: evaluación práctica

Realizaremos un ejercicio en el que pondremos en práctica actividades que aprendimos durante la primera parte del taller. Desarrollaremos pruebas típicas a software utilizado por todos y aprenderemos las diversas tareas en ellas.

10.30am - 1pm

4

UMar 2012

Monday, April 16, 2012

Page 5: Taller de HCI para la UMar 2012

Primera Parte: conocimiento teórico

UMar 2012

Monday, April 16, 2012

Page 6: Taller de HCI para la UMar 2012

Quiénes somos?

Universidad Tecnológica de la Mixteca

La nuestra es una universidad de tecnología, buscando el desarrollo a través de la excelencia académica, la investigación científica y la promoción al desarrollo social.

La Interacción Humano-Computadora es uno de los aspectos claves para alcanzar nuestros objetivos.

www.utm.mx

6

UMar 2012

Monday, April 16, 2012

Page 7: Taller de HCI para la UMar 2012

Quiénes somos?

UsaLab Laboratorio de Usabilidad

Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad

Clientes importantes

Concursos académicos

Investigación y enseñanza

www.usalab.com.mx

7

UMar 2012

Monday, April 16, 2012

Page 8: Taller de HCI para la UMar 2012

Quiénes somos?

UsaLab Laboratorio de Usabilidad

Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad

Clientes importantes

Concursos académicos

Investigación y enseñanza

www.usalab.com.mx

8

UMar 2012

Monday, April 16, 2012

Page 9: Taller de HCI para la UMar 2012

Quiénes somos?

UsaLab Laboratorio de Usabilidad

Fundado en el año 2001, es el primer y único laboratorio de su tipo ofreciendo servicios de estudios de usabilidad a la industria, desde la universidad

Clientes importantes

Concursos académicos

Investigación y enseñanza

www.usalab.com.mx

9

UMar 2012

Monday, April 16, 2012

Page 10: Taller de HCI para la UMar 2012

10

UMar 2012

Monday, April 16, 2012

Page 11: Taller de HCI para la UMar 2012

ISO 9241

“Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar tareas específicas a usuarios específicos en un contexto de uso específico”

Usabilidad

11

UMar 2012

Monday, April 16, 2012

Page 12: Taller de HCI para la UMar 2012

Cómo lograrlo?

Análisis de RequerimientosPersonasEstudio Contextual

Evaluaciones ExpertasMago de Oz

Card SortFocus Group

Pruebas de usabilidadNorman & Draper ’86

Guías de Diseño de GUIWireframingExperiencia pasada

User Centered Design (UCD)

12

UMar 2012

Monday, April 16, 2012

Page 13: Taller de HCI para la UMar 2012

Estudios de usabilidad

En una prueba de usabilidad, usuarios tratan de realizar tareas típicas con un producto, mientras observadores miran, escuchan y toman notas.

El producto puede ser un sitio de web, una aplicación o cualquier otro producto. No tiene que ser un producto terminado, se pueden probar prototipos hasta la fase funcional de éste

UMar 2012

Monday, April 16, 2012

Page 14: Taller de HCI para la UMar 2012

Objetivos de un estudio de usabilidad

Dependiendo de la etapa en que se realizen las prueba(s), los objetivos pueden variar, pero por lo general, caen dentro de estas categorías:

•identificar cualquier mejora de usabilidad que el producto tenga

•reunir información cuantitativa y cualitativa sobre el desempeño de los usuarios

•determinar la satisfacción de los usuarios con el uso del producto

UMar 2012

Monday, April 16, 2012

Page 15: Taller de HCI para la UMar 2012

Qué puedo aprender de un estudio?

•Son los usuarios capaces de completar las tareas exitosamente?

•Si sí, qué tan rápido lograron hacer la tarea?

•Qué tan satisfechos estaban los usuarios con la tarea realizada?

•Qué cambios son necesarios para asegurarnos que nuestro producto funcione mejor para nuestro usuario?

UMar 2012

Monday, April 16, 2012

Page 16: Taller de HCI para la UMar 2012

Puntos a considerar

•Vd está probando el producto no los usuarios

•Confíe más en lo que aprenda que lo que prefiera

•Utilice lo que aprenda

•Busque la mejor solución dada la realidad de múltiples usuarios

UMar 2012

Monday, April 16, 2012

Page 17: Taller de HCI para la UMar 2012

Actividades a considerar (cotizar)

•planificación: identificar los objetivos para las pruebas, tipos de usuarios, cuestionario para seleccionar usuarios, crear escenarios

•reclutamiento: pagar por conseguir uno mismo usuarios o pagar a una compañía que lo haga por uno

•especialista en usabilidad: para evaluaciones heurísticas, paseo cognitivo, revisión de planes de usabilidad

• laboratorio de usabilidad: renta del lab, equipo, materiales

•observadores: para observar pruebas y usuarios

•pagos: para usuarios

• tiempo para considerar lo observado, escuchado

• tiempo para discutirlo con los desarrolladores

UMar 2012

Monday, April 16, 2012

Page 18: Taller de HCI para la UMar 2012

Cuánto cuesta un estudio de usabilidad?

Usability lab $ 510 USD daily

Expert $ 650 USD daily

Assistants $ 350 USD daily

User recruitment $ 110 USD each (high - mid)$ 60 USD each (low end)

UMar 2012

Monday, April 16, 2012

Page 19: Taller de HCI para la UMar 2012

Para nuestro taller ...

TareasUsuarios Contexto

Estudiantes Facebook Laptop, iPad

UMar 2012

Monday, April 16, 2012

Page 20: Taller de HCI para la UMar 2012

Monday, April 16, 2012

Page 21: Taller de HCI para la UMar 2012

Usuarios Tareas ContextoEstudiantes de la UTM con las siguientes características:-

Tarea 1: Seleccione uno de entre los siguientes dispositivos móviles:

LaptopiPad

Estudiantes de la UTM con las siguientes características:-

Tarea 2:

Seleccione uno de entre los siguientes dispositivos móviles:

LaptopiPad

Estudiantes de la UTM con las siguientes características:-

Tarea 3:

Seleccione uno de entre los siguientes dispositivos móviles:

LaptopiPad

UMar 2012

Monday, April 16, 2012

Page 22: Taller de HCI para la UMar 2012

UMar 2012

Instrucciones: dividir al grupo en dos y nombrar los siguientes papeles para el desarrollo de cuatro pruebas de usabilidad en el UsaLab. Una vez formados los equipos, se le darán más instrucciones para continuar.

Monday, April 16, 2012

Page 23: Taller de HCI para la UMar 2012

UMar 2012

Facilitadores (2) Observadores (3)

Reclutadores (2) Técnicos (2)

Líder (1)

Monday, April 16, 2012

Page 24: Taller de HCI para la UMar 2012

una aventura gráfica en 12 pasos ...

Monday, April 16, 2012

Page 25: Taller de HCI para la UMar 2012

1. facilitador recibe al usuario y lo invita a pasar a la sala de espera

Monday, April 16, 2012

Page 26: Taller de HCI para la UMar 2012

2. lo invita a sentarse ante la computadora donde realizará las tareas

Monday, April 16, 2012

Page 27: Taller de HCI para la UMar 2012

3. el facilitador explica el objetivo general de las pruebas de usabilidad

Monday, April 16, 2012

Page 28: Taller de HCI para la UMar 2012

4. el facilitador realiza el cuestionario para asegurase que el perfil es el correcto, así como para romper el hielo

Monday, April 16, 2012

Page 29: Taller de HCI para la UMar 2012

5. le explican al usuario la técnica de “Think Aloud Protocol” para que exprese todo lo que está pensando en todo momento

Monday, April 16, 2012

Page 30: Taller de HCI para la UMar 2012

6. el facilitador pregunta al usuario si tiene alguna dudaMonday, April 16, 2012

Page 31: Taller de HCI para la UMar 2012

7. el facilitador le pide al usuario que comienze la prueba!

Monday, April 16, 2012

Page 32: Taller de HCI para la UMar 2012

8. el usuario trabaja en su primer escenario

Monday, April 16, 2012

Page 33: Taller de HCI para la UMar 2012

9. el usuario dice lo que piensa y los observadores toman nota

Monday, April 16, 2012

Page 34: Taller de HCI para la UMar 2012

10. la prueba continúa, escenario por escenario, en el tiempo determinado para la prueba

Monday, April 16, 2012

Page 35: Taller de HCI para la UMar 2012

11. una vez terminados los escenarios, o el tiempo, el facilitador da por terminada la prueba

Monday, April 16, 2012

Page 36: Taller de HCI para la UMar 2012

12. el facilitador agradece al usuario su participación y lo encamina a la salida, donde le dará su dinero o regalos por la prueba

Monday, April 16, 2012

Page 37: Taller de HCI para la UMar 2012

Trate a los usuarios con cuidado

• Háganlos sentir bien, confortables, trátenlos con respeto

• Los están ayudando a probar el producto. Pueden dudar, pueden batallar, la prueba tiene la intención de observar la interacción, sea buena o mala

Sea neutral

• Sea neutral, está para ver y escuchar, no para guiar las respuestas del usuario

• No exprese opinones negativas ni positivas (vgr.- “qué piensa Vd?” “estoy interesado en lo que haría si ...”

Recomendaciones

Monday, April 16, 2012

Page 38: Taller de HCI para la UMar 2012

Más recomendaciones

Cuándo ayudar y cuándo no

•Si Vd decide ayudar al participante, debe terminar el escenario. (“le agradezco mucho lo que ha hecho, aprendimos mucho de ésto. Porqué no avanzamos a otra tarea?”)

Buenas notas, malas notas

•buena nota: hizo click en Investigación en vez de Academia

•mala nota: se equivocó al dar click, se confundió de links

Monday, April 16, 2012

Page 39: Taller de HCI para la UMar 2012

Vamos al UsaLab!

UMar 2012

Monday, April 16, 2012

Page 40: Taller de HCI para la UMar 2012

Segunda Parte: ejercicio práctico

Monday, April 16, 2012

Page 41: Taller de HCI para la UMar 2012

Pruebas de usuario a Facebook

Definición de ‣Usuarios (Personas)‣Tareas (Focus Group)‣Contexto (Estudio Contextual)

Evaluación de‣Interfaces de usuario (Pruebas de Usabilidad)

41

UMar 2012

Monday, April 16, 2012

Page 42: Taller de HCI para la UMar 2012

1. Definición del usuario (Persona) - 15 minutos

Definir el usuario que realizará las pruebas de usabilidad.

Tendrán que ser estudiantes que podamos encontrar fácilmente en la universidad.

Para ésto, utilizamos una técnica llamada Personas en que se desarrolla un personaje ficticio que representa típicamente un grupo de usuarios.

42

UMar 2012

Monday, April 16, 2012

Page 43: Taller de HCI para la UMar 2012

ING. EFRÉN “REDBULL” RIVASADMINISTRADOR DE SISTEMAS

NADASOFTWARE

CARACTERÍSTICAS

27 AÑOS, MASCULINO, SOLTERO

ING EN SISTEMAS UNITEC, 2007

ESTÁ EN LÍNEA 20 O MÁS HORAS AL DÍA, CONEXIÓN T1 EN EL TRABAJO, INFINITUM EN SU CASA, RED IUSACEL BAM EN TODOS LADOS

PASA LA MAYOR PARTE DEL TIEMPO EN BLOGS DE SU ÁREA, ADEMAS REDES SOCIALES COMO FACEBOOK Y TWITTER; ENVÍA CORREOS TODO EL DÍA Y EN SU BLACKBERRY RECIBE NOTICIAS DE SU SERVICIOS

DESARROLLA SUS PROPIAS APLICACIONES PERO NADA MÁS EL LAS PUEDE UTILIZAR

PIENSA QUE SU TRABAJO NO ES VALORADO, PERO LE GUSTA DONDE ESTÁ

ATRIBUTOS:

ORIENTADO A METAS PARA LOGRAR OBJETIVOS PARA LA ORGANIZACIÓN

LÍDER DE OPINIÓN Y DE SU EQUIPO DE TRABAJO, LE LLAMAN “GURÚ”

OBSESIONADO EN PRESERVAR LA SEGURIDAD DE SU RED Y DE CONTAR CON LAS ÚLTIMAS VERSIONES DE SO LINUX Y DE APLICACIONES GRATUTITAS PARA ADMINISTRACIÓN DE SERVIDORES

SÓLO HABLA EN ACRÓNIMOS

NO LE INTERESA OTRA COSA FUERA DE SU TRABAJO

FRASE:

“CUÁL SERÁ LA PRÓXIMA RED SOCIAL QUE SUBSTITUYA A GOOGLE+?”

43Monday, April 16, 2012

Page 44: Taller de HCI para la UMar 2012

2. Definición de tareas (Focus Group) - 15 minutos

Definir las tareas que vamos a evaluar en Facebook

Para el Focus Group, cada uno de nosotros definirá las tres tareas principales que utiliza en su propia cuenta de Facebook

44

UMar 2012

Monday, April 16, 2012

Page 45: Taller de HCI para la UMar 2012

Focus Group - 15 minutos

45

Monday, April 16, 2012

Page 46: Taller de HCI para la UMar 2012

3. Definición de contexto (Estudio Contextual) - 15 minutos

Definir el contexto (entorno) de las pruebas a las tareas de Facebook

Observar a los usuarios dentro del contexto de uso, para determinar las características que afectarían al sistema a desarrollar.

Se utilizan métodos de observación derivadas de la psicología conductual.

46

UMar 2012

Monday, April 16, 2012

Page 47: Taller de HCI para la UMar 2012

Cultura como un iceberg (Kohls, 1995)

1. Los usuarios usan y atesoran la tecnología en su vida diaria.2. Los usuarios no han visto la tecnología que se pretende utilizar.3. Aunque desconocen la tecnología propuesta, no existe un rechazo, sino una aproximación cuidadosa a ella, despertando mucho interés.4. Los usuarios prefieren el uso de un teclado virtual a uno físico (esto descarta el uso de dispositivos periféricos físicos).5. La utilización de videos para instrucción es factible, además del uso de audífonos

47

Monday, April 16, 2012

Page 48: Taller de HCI para la UMar 2012

Estudio Contextual - 15 minutos

48

Monday, April 16, 2012

Page 49: Taller de HCI para la UMar 2012

4. Evaluación

Evaluar las interfaces de usuario de Facebook seleccionadas al inicio del taller, en base a las definiciones realizadas anteriormente; observando su interacción y proponiendo mejoras para que tengamos un diseño más cercano a las necesidades y gustos de los usuarios definidos.

49

UMar 2012

Monday, April 16, 2012

Page 50: Taller de HCI para la UMar 2012

Evaluación con usuarios - otro taller ;)

50

UMar 2012

Monday, April 16, 2012

Page 51: Taller de HCI para la UMar 2012

5. Presentación de resultados - 10 minutos

Presentar los resultados de las observaciones realizadas durante las pruebas de usabilidad

51

UMar 2012

Monday, April 16, 2012

Page 52: Taller de HCI para la UMar 2012

Presentación de resultados - 10 minutos

52

UMar 2012

Monday, April 16, 2012

Page 53: Taller de HCI para la UMar 2012

Conclusiones

53

UMar 2012

Monday, April 16, 2012

Page 54: Taller de HCI para la UMar 2012

Conclusiones

El mal diseño de interfaces están en todos lados, complicando y entorpeciendo el trabajo de todo tipo de usuarios.

La usabilidad es el grado en el cuál una interface de usuario puede ser usada por un usuario específico para una tarea específica dentro de un contexto de uso específico.

El Diseño Centrado al Usuario (UCD) nos permite desarrollar aplicaciones que sean eficaces, eficientes y que tengan una alta satisfacción para el usuario.

A través de la definición de usuarios, tareas y contexto, se pueden desarrollar interfaces con usabilidad ;)

54

UMar 2012

Monday, April 16, 2012

Page 55: Taller de HCI para la UMar 2012

Taller de Interacción Humano-Computadora:Una aproximación a la evaluación de interfaces

centradas al usuario

Mario Alberto Moreno [email protected]

UsaLab Laboratorio de Usabilidadwww.usalab.com.mx

Monday, April 16, 2012