taller de usabilidad udla
TRANSCRIPT
![Page 1: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/1.jpg)
Taller de Usabilidad
agosto de 2013
Interacción, Frustración y Navegación
![Page 2: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/2.jpg)
Eduardo Aguayo | @aguayoki
¿Cómo navegamos?
Taller de Usabilidad
¿Navegar?
![Page 3: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/3.jpg)
Eduardo Aguayo | @aguayoki
¿Cómo navegamos?
Taller de Usabilidad
Navegar: Acto de recuperar información en la web.
Superautopista de la información > Red de redes > Web¿De dónde $@&*! sacamos el concepto de “surfear” o “navegar”?
![Page 4: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/4.jpg)
Eduardo Aguayo | @aguayoki
¿Cómo navegamos?
Taller de Usabilidad
Recuperación de Información
La recuperación comienza cuando un usuario hace una consulta al sistema.
Una consulta es una necesidad formal de información.
![Page 5: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/5.jpg)
Eduardo Aguayo | @aguayoki
¿Cómo navegamos?
Taller de Usabilidad
Oh! ¿Cómo hago para ______?
![Page 6: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/6.jpg)
Eduardo Aguayo | @aguayoki
¿Cómo navegamos?
Taller de Usabilidad
¿Cómo hago para ______?
![Page 7: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/7.jpg)
Eduardo Aguayo | @aguayoki
Lo que creemos
Taller de Usabilidad
Un usuario hace una pregunta
Pasan cosas misteriosas
El usuario recibe una respuesta
![Page 8: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/8.jpg)
Eduardo Aguayo | @aguayoki
La verdad
Taller de Usabilidad
Un usuario hace una pregunta
El usuario recibe una respuesta
Pasan cosas misteriosas
![Page 9: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/9.jpg)
Eduardo Aguayo | @aguayoki
Necesidades de Información...
Taller de Usabilidad
● Búsqueda de Ítems Conocidos
● Búsqueda Exploratoria
● Búsqueda Exhaustiva
● Re-Búsqueda
![Page 10: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/10.jpg)
Eduardo Aguayo | @aguayoki
...o Tipos de Pesca
Taller de Usabilidad
● Búsqueda de Ítems Conocidos(Pesca con Mosca)
● Búsqueda Exploratoria(Pesca de Langosta)
● Búsqueda Exhaustiva(Pesca de Arrastre)
● Re-Búsqueda(Pesca con Arpón)
![Page 11: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/11.jpg)
Eduardo Aguayo | @aguayoki
Recogiendo Bayas en el Bosque
Taller de Usabilidad
Ye’olde Berrypicking Model
![Page 12: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/12.jpg)
Eduardo Aguayo | @aguayoki
Recapitulando
Taller de Usabilidad
Buscamos - Navegamos - Preguntamos
La preguntas es qué.
¡Y por qué!
![Page 13: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/13.jpg)
Eduardo Aguayo | @aguayoki
Ejemplos
Taller de Usabilidad
Un menú de idiomas.
El menú de Sodimac.
¿El sitio de la UDLA?
![Page 14: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/14.jpg)
Taller de Usabilidad
septiembre de 2013
¿Quiénes son los Usuarios?
![Page 15: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/15.jpg)
Eduardo Aguayo | @aguayoki
Nos quedan un par de preguntas
Taller de Usabilidad
¿Qué quiere el Usuario?¿Por qué lo quiere?
![Page 16: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/16.jpg)
Eduardo Aguayo | @aguayoki
So...
Taller de Usabilidad
¿Quién $@&#∞ es el Usuario?
![Page 17: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/17.jpg)
Eduardo Aguayo | @aguayoki
El Usuario
Taller de Usabilidad
“El Usuario medio se encuentra en un sótano herméticamente sellado en la Oficina Internacional para la Normalización de
Ginebra.”
-Steve Krug (acaso lo creyeron?)
![Page 18: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/18.jpg)
Eduardo Aguayo | @aguayoki
El Usuario Medio
Taller de Usabilidad
En realidad, no existe el Usuario Medio.
Sólo existen los patrones de interacción.
![Page 19: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/19.jpg)
Eduardo Aguayo | @aguayoki
Patrones de Interacción
Taller de Usabilidad
![Page 20: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/20.jpg)
Eduardo Aguayo | @aguayoki
Patrones de Interacción
Taller de Usabilidad
Podríamos decir que nuestro entorno no es más que una entrada y salida de datos.
![Page 21: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/21.jpg)
Eduardo Aguayo | @aguayoki
IN-OUT
Taller de Usabilidad
Un usuario hace una pregunta
El usuario recibe una respuesta
Pasan cosas misteriosas
![Page 22: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/22.jpg)
Eduardo Aguayo | @aguayoki
¿Cómo entender?
Taller de Usabilidad
Preguntando.Observando.Testeando.
![Page 23: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/23.jpg)
Eduardo Aguayo | @aguayoki
Formas de Preguntar
Taller de Usabilidad
EntrevistasFocus Groups
Encuestas
![Page 24: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/24.jpg)
Eduardo Aguayo | @aguayoki
Formas de Observar
Taller de Usabilidad
MétricasLaboratoriosParticipación
![Page 25: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/25.jpg)
Eduardo Aguayo | @aguayoki
Formas de Testear
Taller de Usabilidad
Eye-TrackingTest de Usuario
Usabilidad de Guerrilla
![Page 26: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/26.jpg)
Eduardo Aguayo | @aguayoki
En Concreto
Taller de Usabilidad
Evaluación de Usuarios
![Page 27: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/27.jpg)
Taller de Usabilidad
septiembre de 2013
Evaluación de Usuarios
![Page 28: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/28.jpg)
Evaluación de Usuarios
...NO es:
Una evaluación heurística (obvio!)Un focus group
Una evaluación de diseñoUn estudio de mercadoUn sondeo de opinión
Una encuestaUna entrevistaNi nada similar
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 29: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/29.jpg)
Las cosas son difíciles porque:
El desarrollo se enfoca en la máquina o el sistema.
El público objetivo cambia o se adapta.
Diseñar algo usable es difícil.
Los especialistas en el equipo de desarrollo no siempre trabajan en forma integrada.
Diseño e implementación no siempre van en sincronía.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 30: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/30.jpg)
¿Debemos testear?
Siguiendo una buena metodología de desarrollo,una buena UX debería ser el resultado final.
¿O no?
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 31: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/31.jpg)
¿Debemos testear?
La usabilidad óptima es transparente al usuario.
Sólo con ellos podemos comprobarlo.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 32: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/32.jpg)
¿Debemos testear?
La usabilidad no es cuantificable.
La falta de ella, sí.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 33: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/33.jpg)
Metodología básica
Empírica, le llaman.
La evaluación con usuarios es una ciencia.(Social, pero ciencia)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 34: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/34.jpg)
Metodología básica
Hipótesis
"Existe una relación entre el diseño del carro de compra y la tasa de abandono del proceso por parte de los usuarios"
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 35: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/35.jpg)
Metodología básica
Hipótesis(Mientras más específicas, mejor)
"El posicionamiento del botón "Comprar" confunde a los usuarios"
"El rótulo asociado a la acción de "Comprar" ("Agregar al carro") no es comprendido por los usuarios como acción transaccional"
"Los usuarios del sistema no poseen un nivel de alfabetización acorde con el lenguaje utilizado"
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 36: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/36.jpg)
Metodología básica
Muestra
¿Aleatoria, significativa, target, nacionalidad, HI?¿Cuántos?
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 37: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/37.jpg)
Metodología básica
Experiencia
Testear, equiparar condiciones, grupos de control
¿Pero es tan así?
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 38: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/38.jpg)
Metodología básica
No siempre podemos controlar las condiciones de una prueba de usuarios.
Cada persona es distinta.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 39: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/39.jpg)
Metodología básica
Siendo pruebas cualitativas,podemos sistematizar condiciones.
Siempre basados en la experiencia, claro.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 40: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/40.jpg)
Pruebas de Usabilidad
Wireframes
Maquetas / Prototipos
Interfaces acabadas
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 41: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/41.jpg)
Qué testear
Funcionalidades
Navegación
Objetivos de Conversión
entre otros =P
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 42: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/42.jpg)
Cómo testear
Ilustración clásica del "Don't Make Me Think" de Steve Krug
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 43: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/43.jpg)
Cómo testear
Entienda.
Preocúpese de entrevistar a la gente, conocer sus motivaciones y su background.
Muchas veces, el contexto es más importante que la interfaz.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 44: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/44.jpg)
Cómo testear
Observe.
La observación participante es la mejor herramienta del evaluador.
El contexto, nuevamente, es de importancia vital.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 45: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/45.jpg)
Cómo testear
Acompañe.
Guíe al usuario en su camino.(Pero déjelo ser!)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 46: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/46.jpg)
Cómo testear
Escuche.
Deje que el usuario exprese lo que piensa y lo que hace.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 47: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/47.jpg)
Dónde testear
En un Laboratorio, claro.Computador del usuario
Cámaras de videoComputador de evaluaciónRegistros de audio y videoMapa de calor Eyetracking
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 48: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/48.jpg)
El Laboratorio de Usabilidad
Laboratorio InterUX, Estonia (http://interux.com/Usability-Lab-Estonia-Tallinn.html)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 49: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/49.jpg)
El Laboratorio de Usabilidad
Laboratorio InterUX, Estonia (http://interux.com/Usability-Lab-Estonia-Tallinn.html)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 50: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/50.jpg)
Eyetracking
Jorge Barahona rindiéndole tributo a su Eyetracking Tobii
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 51: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/51.jpg)
La usabilidad es cara
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 52: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/52.jpg)
Condiciones de una Evaluación
Evaluaciones iterativas en cada fase
Muestra significativa
Laboratorio full equipo
Evaluadores y usuarios disponibles
Presupuesto ilimitado
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 53: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/53.jpg)
Condiciones reales de una Evaluación
Desarrollo acelerado: no hay tiempo para evaluar
Muestras reducidas
¿Laboratorio? Ja!
Un evaluador, asistente disponible
Presupuesto acotado, y qué decir el timing
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 54: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/54.jpg)
Eduardo Aguayo | @aguayoki | 3/21Evaluación de Usuarios - #DAIUX 2012
Condiciones reales de una Evaluación
![Page 55: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/55.jpg)
![Page 56: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/56.jpg)
Metodología
Discount Usabilityo cómo hacer mucho con poco.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 57: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/57.jpg)
Metodología
Usabilidad de Guerrillao cómo convertirse en el subcomandante Jakob.
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 58: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/58.jpg)
Usabilidad de Guerrilla
"Los tests de usabilidad elaborados son una pérdida de recursos. Los mejores resultados se obtienen testeando no más de 5 usuarios y ejecutando varias pruebas pequeñas, tantas como puedas realizar."
-Nielsen, Alertbox Marzo de 2000
5 usuarios son suficientes
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 59: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/59.jpg)
Usabilidad de Guerrilla
5 usuarios son suficientes
Jakob Nielsen, 2000 (http://www.useit.com/alertbox/20000319.html)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 60: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/60.jpg)
Usabilidad de Guerrilla
5 usuarios son suficientes
Jakob Nielsen, 2012 (http://www.useit.com/alertbox/number-of-test-users.html)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 61: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/61.jpg)
El laboratorio de usabilidad hoy
Podemos testear barato
http://www.techsmith.com/
(USD $1500 aprox)
(USD $300 aprox.)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 62: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/62.jpg)
El laboratorio de usabilidad hoy
Podemos testear barato
Video registrado con un MacBook Air + Screenflow
(USD $100 aprox.)
Eduardo Aguayo | @aguayokiTaller de Usabilidad
![Page 63: Taller de Usabilidad UDLA](https://reader033.vdocumento.com/reader033/viewer/2022042615/55ad756c1a28ab76738b465d/html5/thumbnails/63.jpg)
El testeo ágil con prototipos en papel.
Podemos testear barato
UsabilityGeek.com (http://usabilitygeek.com/an-introduction-to-website-usability-testing/)
Eduardo Aguayo | @aguayokiTaller de Usabilidad