Este taller tiene como objetivo mostrar un panorama sobre la interacción humano-computadora y la aplicación de la usabilidad en el desarrollo de interfaces. La estructura del taller consta de dos partes: la primera parte presenta conceptos teóricos sobre la interacción humano-computadora y la usabilidad, mientras que la segunda parte consiste en un ejercicio práctico para aplicar estas técnicas.

1. Taller de Aproximación a
la evaluación de interfaces
Wednesday, April 3, 13

2. Talle de Aproximación a la Evaluación de Interfaces
Carlos Alberto Martínez Sandoval
Mario Alberto Moreno Rocha
UsaLab Laboratorio de Usabilidad
Universidad Tecnológica de la Mixteca
Wednesday, April 3, 13

3. Objetivo del taller: mostrar un panorama acerca de la Interacción
Humano-Computadora y la aplicación de la usabilidad en un desarrollo
inicial que pueda ser útil para los asistentes del taller en sus respectivas
actividades.
UPAEP 2013
3
Wednesday, April 3, 13

4. Estructura del Taller
Primera Parte: conocimiento teórico Segunda Parte: ejercicio práctico
Revisaremos las definiciones básicas de Realizaremos un ejercicio en el que
la Interacción Humano-Computadora y pondremos en práctica actividades que
los beneficios de un desarrollo de aprendimos durante la primera parte del
interfaces gráficas centradas al usuario. taller. Utilizaremos técnicas que serán
Conoceremos las ventajas de la útiles para desarrollos similares de los
usabilidad y la manera de obtenerla. asistentes.
30 minutos aprox. Una hora y media
UPAEP 2013
4
Wednesday, April 3, 13

5. Primera Parte:
conocimiento teórico
UPAEP 2013
Wednesday, April 3, 13

6. ¿Quiénes somos?
Universidad Tecnológica de la
Mixteca (perteneciente al SUNEO)
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
UPAEP 2013
6
Wednesday, April 3, 13

7. ¿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
UPAEP 2013
7
Wednesday, April 3, 13

8. ¿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
UPAEP 2013
8
Wednesday, April 3, 13

9. ¿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
UPAEP 2013
9
Wednesday, April 3, 13

10. UPAEP 2013
10
Wednesday, April 3, 13

11. Usabilidad
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”
UPAEP 2013
11
Wednesday, April 3, 13

12. Beneficios de la usabilidad
Los beneficios de la usabilidad • Reducción de tiempos y
incluyen: costos de desarrollo
• Mejora en la productividad • Reducción en costos de
mantenimiento
• Reducción en costos de
capacitación y soporte • Mejora en la satisfacción de
los clientes
• Mejora en ventas y
ganancias
Fuente: UXPA Website 2012
UPAEP 2013
12
Wednesday, April 3, 13

13. ¿Cómo lograrlo?
User Centered Design Análisis de Requerimientos
(UCD) Personas
Estudio Contextual
Evaluaciones Expertas Guías de Diseño de GUI
Mago de Oz Wireframing
Card Sort Experiencia pasada
Focus Group
Pruebas de usabilidad
Norman & Draper ’86
UPAEP 2013
13
Wednesday, April 3, 13

14. ¿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?
UPAEP 2013
Wednesday, April 3, 13

15. 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
UPAEP 2013
Wednesday, April 3, 13

16. Actividades a considerar (cotizar)
• planificación: identificar los objetivos para • laboratorio de usabilidad: renta del lab,
las pruebas, tipos de usuarios, cuestionario equipo, materiales
para seleccionar usuarios, crear escenarios
• observadores: para observar pruebas y
• reclutamiento: pagar por conseguir uno usuarios
mismo usuarios o pagar a una compañía que
lo haga por uno
• pagos: para usuarios
• especialista en usabilidad: para
• tiempo para considerar lo observado,
evaluaciones heurísticas, paseo cognitivo,
escuchado
revisión de planes de usabilidad
• tiempo para discutirlo con los
desarrolladores
UPAEP 2013
Wednesday, April 3, 13

17. ¿Cuánto cuesta un estudio de usabilidad?
Usability lab $ 510 USD daily
Expert $ 700 USD daily
Assistants $ 350 USD daily
User recruitment $ 110 USD each (high - mid)
$ 60 USD each (low end)
UPAEP 2013
Wednesday, April 3, 13

18. Para cualquier desarrollo centrado en el usuario ...
Usuarios Tareas Contexto
Estudiantes
Hoteles.com Búsqueda de hoteles
y profesores para vacaciones
UPAEP 2013
Wednesday, April 3, 13

19. Usuarios
¿Quién(es) van a hacer uso
de nuestro sistema?
UPAEP 2013
19
Wednesday, April 3, 13

20. Tareas
¿Qué actividades debe realizar
nuestro sistema?
UPAEP 2013
20
Wednesday, April 3, 13

21. Contexto
¿Cuál es el contexto (entorno) de uso
que tendrá nuestro sistema?
UPAEP 2013
21
Wednesday, April 3, 13

22. Wednesday, April 3, 13

23. Usuarios Tareas Contexto
Estudiantes y Búsqueda de hoteles
profesores de la UPAEP Tarea 1: para las vacaciones de
con las siguientes verano utilizando el
características: portal de web.
-
Tarea 2:
Tarea 3:
Wednesday, April 3, 13

24. 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.
Wednesday, April 3, 13

25. Líder (1)
Facilitadores (2) Observadores (3)
Reclutadores (3) Técnicos (2)
Wednesday, April 3, 13

26. una aventura gráfica en 12 pasos ...
Wednesday, April 3, 13

27. 1. facilitador recibe al usuario y lo invita a pasar a la sala de espera
Wednesday, April 3, 13

28. 2. lo invita a sentarse ante la computadora donde realizará las tareas
Wednesday, April 3, 13

29. 3. el facilitador explica el objetivo general de las pruebas de usabilidad
Wednesday, April 3, 13

30. 4. el facilitador realiza el cuestionario para asegurase que el perfil es el correcto, así como para romper el hielo
Wednesday, April 3, 13

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

32. 6. el facilitador pregunta al usuario si tiene alguna duda
Wednesday, April 3, 13

33. 7. el facilitador le pide al usuario que comienze la prueba!
Wednesday, April 3, 13

34. 8. el usuario trabaja en su primer escenario
Wednesday, April 3, 13

35. 9. el usuario dice lo que piensa y los observadores toman nota
Wednesday, April 3, 13

36. 10. la prueba continúa, escenario por escenario, en el tiempo determinado para la prueba
Wednesday, April 3, 13

37. 11. una vez terminados los escenarios, o el tiempo, el facilitador da por terminada la prueba
Wednesday, April 3, 13

38. 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
Wednesday, April 3, 13

39. Recomendaciones
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 ...”
Wednesday, April 3, 13

40. 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
Wednesday, April 3, 13

41. Vamos al UsaLab!
UMar 2012
Wednesday, April 3, 13

42. Segunda Parte:
ejercicio práctico
UPAEP 2013
Wednesday, April 3, 13

43. Evaluación al Portal
de Hoteles.com
Definición de
‣Usuarios (Personas)
‣Tareas (Focus Group)
‣Contexto (Estudio Contextual)
43
Wednesday, April 3, 13

44. 1. Definición del usuarios (Persona) - 15 minutos
Definir los usuarios que utilizarían el portal de Hoteles.com
Pensamos que serían viajeros frecuentes que necesitan y conocen
hoteles en muchas partes del mundo, de diferentes edades
Para ésto, utilizamos una técnica llamada Personas en que se desarrolla
un personaje típico que representa un grupo de usuarios en sus
características principales.
UPAEP 2013
44
Wednesday, April 3, 13

45. ING. EFRÉN “REDBULL” RIVAS
ADMINISTRADOR DE SISTEMAS
NADASOFTWARE
CARACTERÍSTICAS ATRIBUTOS:
27 AÑOS, MASCULINO, SOLTERO ORIENTADO A METAS PARA LOGRAR
OBJETIVOS PARA LA ORGANIZACIÓN
ING EN SISTEMAS UNITEC, 2007 LÍDER DE OPINIÓN Y DE SU EQUIPO DE TRABAJO,
ESTÁ EN LÍNEA 20 O MÁS HORAS AL DÍA, LE LLAMAN “GURÚ”
CONEXIÓN T1 EN EL TRABAJO, INFINITUM EN SU OBSESIONADO EN PRESERVAR LA SEGURIDAD
CASA, RED IUSACEL BAM EN TODOS LADOS DE SU RED Y DE CONTAR CON LAS ÚLTIMAS
VERSIONES DE SO LINUX Y DE APLICACIONES
PASA LA MAYOR PARTE DEL TIEMPO EN BLOGS GRATUTITAS PARA ADMINISTRACIÓN DE
DE SU ÁREA, ADEMAS REDES SOCIALES COMO SERVIDORES
FACEBOOK Y TWITTER; ENVÍA CORREOS TODO
EL DÍA Y EN SU BLACKBERRY RECIBE NOTICIAS SÓLO HABLA EN ACRÓNIMOS
DE SU SERVICIOS
NO LE INTERESA OTRA COSA FUERA DE SU
DESARROLLA SUS PROPIAS APLICACIONES
TRABAJO
PERO NADA MÁS EL LAS PUEDE UTILIZAR
PIENSA QUE SU TRABAJO NO ES VALORADO, FRASE:
PERO LE GUSTA DONDE ESTÁ
“CUÁL SERÁ LA PRÓXIMA RED SOCIAL QUE
SUBSTITUYA A GOOGLE+?”
45
Wednesday, April 3, 13

46. 2. Definición de tareas (Focus Group - Card Sort) - 25
Definir las tareas para las pruebas de Hoteles.com
Para el Focus Group, cada uno de los equipos definirá las tres tareas
principales que sus usuarios podrán necesitar del sistema.
Para el Card Sort, cada uno de nosotros definirá en los Post-Its los
nombres con los cuales piensen que la opción deberá aparecer en el
portal para México
UPAEP 2013
46
Wednesday, April 3, 13

47. Focus Group - 15 minutos
47
Wednesday, April 3, 13

48. Card Sort - 5 minutos
UPAEP 2013
48
Wednesday, April 3, 13

49. 3. Definición de contexto (Estudio Contextual) - 15 minutos
Definir el contexto (entorno) del sistema para cada uno de los tres
usuarios definidos anteriormente.
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.
UPAEP 2013
49
Wednesday, April 3, 13

50. 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
50
Wednesday, April 3, 13

51. Estudio Contextual - 15 minutos
51
Wednesday, April 3, 13

52. Presentación de resultados - 10 minutos
UPAEP 2013
52
Wednesday, April 3, 13

53. Wireframing - otro taller ;)
53
Wednesday, April 3, 13

54. Conclusiones
UPAEP 2013
54
Wednesday, April 3, 13

55. 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 ;)
UPAEP 2013
55
Wednesday, April 3, 13

56. Taller de Aproximación a la Usabilidad:
Definición de Usuarios, Tareas y Contexto
Carlos Alberto Martínez Sandoval
carlosmtz@outlook.com
Mario Alberto Moreno Rocha
sirpeto@gmail.com
UsaLab Laboratorio de Usabilidad
www.usalab.com.mx
Wednesday, April 3, 13