TECNICA THINK ALOUD

87
TÉCNICAS DE USABILIDAD + INVESTIGACIÓN DE USUARIOS PARTE 5: CÓMO HACER TESTING THINK ALOUD 09.2014 VERÓNICA TRAYNOR

description

PARA QUÉ SIRVE QUÉ NECESITAMOS OBJETIVO DE INVESTIGACIÓN GUIÓN BOCETADO VS. PROTOTIPADO RECLUTAMIENTO DE USUARIOS APRENDIZAJE VS. REAPRENDIZAJE INTRODUCCIÓN PREGUNTAS AL USUARIO DISEÑO DEL MISMO USUARIO EJEMPLO DE GUÍA QUIÉNES DEBERÍAN PARTICIPAR ESTADÍSTICAS EXTRAS INFORME

Transcript of TECNICA THINK ALOUD

Page 1: TECNICA THINK ALOUD

TÉCNICAS DE USABILIDAD + INVESTIGACIÓN DE USUARIOS!!PARTE 5: !CÓMO HACER TESTING THINK ALOUD!09.2014 VERÓNICA TRAYNOR!

Page 2: TECNICA THINK ALOUD

Índice!!1.  PARA QUÉ SIRVE!2.  QUÉ NECESITAMOS!3.  OBJETIVO DE INVESTIGACIÓN!4.  GUIÓN!5.  BOCETADO VS. PROTOTIPADO !6.  RECLUTAMIENTO DE USUARIOS!7.  APRENDIZAJE VS. REAPRENDIZAJE!8.  INTRODUCCIÓN!9.  PREGUNTAS!10. DISEÑO DEL MISMO USUARIO!11. EJEMPLO DE GUÍA!12. QUIÉNES DEBERÍAN PARTICIPAR!13. ESTADÍSTICAS!14. EXTRAS!15. INFORME!

Page 3: TECNICA THINK ALOUD

01 / 15!

¿PARA QUÉ SIRVE LA TÉNICA THINK ALOUD?!

Page 4: TECNICA THINK ALOUD

¿CÓMO SABEMOS SI UNA INTERFAZ ES

COMPRENSIBLE PARA LOS USUARIOS?!

Page 5: TECNICA THINK ALOUD
Page 6: TECNICA THINK ALOUD

QUÉ SUCEDE CON NUESTRAS MÉTRICAS!

Page 7: TECNICA THINK ALOUD

POR QUÉ EL USUARIO !NO PERCIBE, !

NO COMPRENDE !O NO LOGRA OPERAR!

Page 8: TECNICA THINK ALOUD

02 / 15!

¿QUÉ NECESITAMOS PARA HACER LA TÉNICA THINK ALOUD?!

Page 9: TECNICA THINK ALOUD

•  OBJETIVO DE INVESTIGACIÓN!•  GUIÓN!•  PROTOTIPOS!•  USUARIOS!•  ANALISTAS!•  (ALGÚN OBSEQUIO)!

Page 10: TECNICA THINK ALOUD

03 / 15!

¿CUÁL PODRÍA SER UN EJEMPLO DE OBJETIVO?!

Page 11: TECNICA THINK ALOUD

•  COMPRENDER POR QUÉ LOS USUARIOS SE CONFUNDEN AL INTENTAR COMPRAR AGUACATES POR KILO EN UN SUPERMERCADO DE MÉXICO (Y ESTO GENERA QUEJAS).!

Page 12: TECNICA THINK ALOUD

•  COMPRENDER POR QUÉ EL 24% MENSUAL DE LOS USUARIOS LLAMA AL CALL CENTER PARA AVERIGUAR SU SALDO BANCARIO SI LO PODRÍA CONSULTAR ONLINE.!

Page 13: TECNICA THINK ALOUD

•  VERIFICAR SI LOS USUARIOS COMPRENDEN Y LOGRAN OPERAR LOS NUEVOS FILTROS QUE ESTAMOS POR LANZAR PARA UN SUPERMERCADO.!

Page 14: TECNICA THINK ALOUD

•  VERIFICAR SI EL NUEVO FLUJO DE COMPRA QUE ESTAMOS IDEANDO RESPONDE AL MODELO MENTAL DE LOS USUARIOS (A SU FORMA DE RAZONAR).!

Page 15: TECNICA THINK ALOUD

04 / 15!

¿CÓMO PODRÍA ARMARSE UN GUIÓN?!

Page 16: TECNICA THINK ALOUD

•  IMAGÍNATE QUE QUIERES PREPARAR UNA ENSALADA Y NECESITAS COMPRAR ¼ KG. DE AGUACATES. ¿CÓMO LO HARÍAS? !

Page 17: TECNICA THINK ALOUD

•  IMAGÍNATE QUE QUIERES AVERIGUAR CUÁNTO DINERO TIENES EN TU CUENTA DE AHORRO. ¿CÓMO LO HARÍAS?!

Page 18: TECNICA THINK ALOUD

•  IMAGÍNATE QUE QUIERES VER PANES EXCLUSIVAMENTE DE LA MARCA BIMBO. ¿CÓMO HARÍAS PARA ENCONTRARLOS?!

Page 19: TECNICA THINK ALOUD

•  IMAGÍNATE QUE DESEAS UTILIZAR LOS PUNTOS DE TU TARJETA DE CRÉDITO Y CANJEARLOS POR UN BOLSO. ¿CÓMO LO HARÍAS?!

Page 20: TECNICA THINK ALOUD

05 / 15!

¿SOBRE QUÉ PLATAFORMA HACEMOS LAS PRUEBAS?!

Page 21: TECNICA THINK ALOUD
Page 22: TECNICA THINK ALOUD
Page 23: TECNICA THINK ALOUD
Page 24: TECNICA THINK ALOUD

BOCETO!

- ES PARA DISCUTIR IDEAS CON EL EQUIPO!

- LOS TEXTOS NO IMPORTAN!

- USAMOS TÉRMINOS TÉCNICOS COMO REFERENCIA: EJ: FOOTER, HEADER!

- LA CREDIBILIDAD NO IMPORTA!

Page 25: TECNICA THINK ALOUD

PROTOTIPO!

- LA CREDIBILIDAD ES LO ÚNICO QUE IMPORTA!

- ES PARA JUGAR Y OBSERVAR LA CURVA DE APRENDIZAJE!

- LOS TEXTOS SÍ IMPORTAN!

- HAY QUE SACAR TODO LO TÉNICO QUE DISTRAIGA!

Page 26: TECNICA THINK ALOUD

USEMOS ALGO BIEN CÓMODO: EL MISMO

DEDO O UN PEN ;)!

Page 27: TECNICA THINK ALOUD

SI LOS TEXTOS NO SON VEROSÓMILES,

ES COMPLICADO QUE LOS USUARIOS

INGRESEN EN EL ACTING.!

Page 28: TECNICA THINK ALOUD

OMITAMOS TÉRMINOS NUESTROS

(TÉCNICOS) QUE PUEDAN DISTRAER

DEL ACTING!

Page 29: TECNICA THINK ALOUD

BOCETO / PROTOTIPO!

UX | Verónica Traynor | @verotraynor!

PARA EL EQUIPO / PARA EL ACTING!

Page 30: TECNICA THINK ALOUD

¿PERO  EL  WORDING  NO  SE  DECIDE  A  LO  ÚLTIMO?  

Page 31: TECNICA THINK ALOUD

WHAT?!

Page 32: TECNICA THINK ALOUD

06 / 15!

¿CÓMO CONSEGUIMOS USUARIOS?!

Page 33: TECNICA THINK ALOUD

¿POR  QUÉ  NO  PUEDEN  SER  PROGRAMADORES  NI  

DISEÑADORES?  

Page 34: TECNICA THINK ALOUD

PORQUE JUSTAMENTE LO QUE VAMOS A ANALIZAR ES LA CURVA DE APRENDIZAJE ;)!

UX | Verónica Traynor | @verotraynor!

Page 35: TECNICA THINK ALOUD

YO  HICE  “PRUEBAS  DE  USABILIDAD”  CON  GENTE  DEL  PROYECTO  QUE  NO  ERA  DEL  MUNDO  WEB  ¿POR  QUÉ  NO  SIRVEN?  

Page 36: TECNICA THINK ALOUD

LA OPINIÓN DE UN COLEGA NO ES UNA PRUEBA DE USABILIDAD!

UX | Verónica Traynor | @verotraynor!

Page 37: TECNICA THINK ALOUD

¿CÓMO  BUSCAMOS  GENTE?  

Page 38: TECNICA THINK ALOUD

PODEMOS APROVECHAR LAS REDES SOCIALES ;)!

UX | Verónica Traynor | @verotraynor!

Page 39: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

Page 40: TECNICA THINK ALOUD
Page 41: TECNICA THINK ALOUD
Page 42: TECNICA THINK ALOUD

ELLA SABE LO QUE SIGNIFICA

QUE LE FALTEN ;)!

Page 43: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

Page 44: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

OJO, PORQUE SI LOS USUARIOS NO

COMPRENDEN LO QUE SIGNIFICA “PRUEBA DE

USABILIDAD” QUIZÁS NO SE ANOTEN ;) SE PUEDE

REEMPLAZAR POR “ENCUESTA DE OPINIÓN”!

Page 45: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

OJO, PORQUE LOS USUARIOS PUEDEN

RESPONDER “ESTUDIANTE” Y SON

ESTUDIANTES DE INGENIERÍA O DISEÑO. SE

PODRÍA AGREGAR UNA PREGUNTA MÁS

ESPECÍFICA PARA FILTRARLOS.!

Page 46: TECNICA THINK ALOUD

POR NADA DEL MUNDO USAR LA

PALABRA PRUEBA ;)!

Page 47: TECNICA THINK ALOUD

SIEMPRE ACLAREMOS QUE ES DE LUNES A VIERNES (PARA LOS

QUE SE ENTUSIASMAN PARA EL SÁBADO) ;)!

Page 48: TECNICA THINK ALOUD

¿SI EL USUARIO ENTRÓ AL SITIO (AUNQUE NO HAYA COMPRADO) NO AFECTA TAMBIÉN LA

CURVA DE APRENDIZAJE?!

Page 49: TECNICA THINK ALOUD

… OTRA POSIBILIDAD ;)!

UX | Verónica Traynor | @verotraynor!

Page 50: TECNICA THINK ALOUD
Page 51: TECNICA THINK ALOUD

07 / 15!

¿POR QUÉ NECESITAMOS DISTINGUIR SI YA USÓ EL SITIO?!

Page 52: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

APRENDIZAJE VS. REAPRENDIZAJE!

Page 53: TECNICA THINK ALOUD

08 / 15!

¿CÓMO INTRODUCIMOS EL TESTING?!

Page 54: TECNICA THINK ALOUD
Page 55: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

“esto es un juego…”![no es un examen, no es una prueba]!

Page 56: TECNICA THINK ALOUD

09 / 15!

¿ENTONCES LE PREGUNTAMOS SI LE RESULTÓ FÁCIL DE USAR?!

Page 57: TECNICA THINK ALOUD
Page 58: TECNICA THINK ALOUD

LO  QUE  LE  SUCEDIÓ  

UX | Verónica Traynor | @verotraynor!

LO  QUE  EXPRESA  LO  QUE  INTERPRETÓ  

PERCEPCIÓN!

Page 59: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

PERCEPCIÓN!

Page 60: TECNICA THINK ALOUD

10 / 15!

SI EMPIEZA A QUERER DIBUJARNOS QUÉ QUIERE ¿QUÉ HACEMOS?!

Page 61: TECNICA THINK ALOUD
Page 62: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

EL DISEÑO PARTICIPATIVO, REQUIERE UNA SIGUIENTE INSTANCIA DE PRUEBA!

Page 63: TECNICA THINK ALOUD

11 / 15!

EJEMPLO DE GUÍA PARA EL OBSERVADOR ;)!

Page 64: TECNICA THINK ALOUD

11/9/2014 Guía de ayuda para la observación de los usuarios resolviendo trámites

https://docs.google.com/forms/d/1s_t_5VFE-7gKpw6Ie-ZhaP0kXHBaJf4kWjfCiC3UPrI/viewform 1/5

Guía de ayuda para la

observación de los usuarios

resolviendo trámites

Objetivo de la entrevista:

- Comprender en profundidad qué elementos confunden o traban a los usuarios

cuando intentan resolver los trámites online

- Comprender si el sitio usa las mismas palabras que los usuarios

- Comprender si la ubicación de los elementos es la esperada

- Diferenciar entre la percepción del usuario con lo que realmente logra resolver

por sí mismo

Párrafo que se puede usar para explicarle la dinámica al usuario antes de

comenzar:

"Gracias por permitirnos acompañarte mientras tú realizas tu trámite online.

Nuestro objetivo es hacer cambios para que el sitio más fácil de usar, así que todo

lo que te resulte confuso, no dudes en decirlo. Si deseas pensar en voz alta para

entender qué es lo que estás buscando, a nosotros nos ayudaría para entender

mejor. Somos como "invisibles" y quizás no podamos ayudarte a resolver el

trámite, pero una vez que termines te podemos contestar las preguntas que desees

".

Nombre  del  usuario  (sin  apellido)

¿Por  qué  se  acerca  al  centro  de  ayuda?

Page 65: TECNICA THINK ALOUD

11/9/2014 Guía de ayuda para la observación de los usuarios resolviendo trámites

https://docs.google.com/forms/d/1s_t_5VFE-7gKpw6Ie-ZhaP0kXHBaJf4kWjfCiC3UPrI/viewform 2/5

Observación:

¿Cómo  se  llama  el  trámite  en  el  sitio?

¿Con  qué  palabras  el  usuario  busca  el  trámite?(Mientras piensa en voz alta)

¿Dónde  se  encuentra  el  trámite  en  el  sitio?¿Dentro de qué opción?

¿Dónde  hace  click  el  usuario  para  encontrarlo?En caso de confundirse ¿en qué otra opción hace click por error?

¿Cuáles  son  los  pasos  que  debe  hacer  el  usuario  para

Page 66: TECNICA THINK ALOUD

11/9/2014 Guía de ayuda para la observación de los usuarios resolviendo trámites

https://docs.google.com/forms/d/1s_t_5VFE-7gKpw6Ie-ZhaP0kXHBaJf4kWjfCiC3UPrI/viewform 3/5

resolver  el  trámite?

¿Los  pasos  resultaron  comprensibles  para  el  usuario? Sí, los pasos del trámite resultaron comprensibles

No, surgieron confusiones

En  caso  de  surgir  trabas  o  confusiones  ¿Cuáles  fueron?  ¿Porqué  crees  que  sucedieron?

Preguntas  para  el  usuario

(Una vez terminado su trámite)

¿Con  qué  probabilidad  tú  recomendarías  este  sitio  web  pararesolver  trámites?

0 1 2 3 4 5 6 7 8 9 10

Nada probable Completamente probable

¿Por  qué?

Page 67: TECNICA THINK ALOUD

11/9/2014 Guía de ayuda para la observación de los usuarios resolviendo trámites

https://docs.google.com/forms/d/1s_t_5VFE-7gKpw6Ie-ZhaP0kXHBaJf4kWjfCiC3UPrI/viewform 4/5

¿Cuál  es  tu  profesión?

¿Cuál  es  tu  edad? Menos de 20

Entre 21 y 30

Entre 31 y 40

Entre 41 y 50

Más de 50

Muchas  gracias!!

Preguntas  para  el  entrevistador

(Contestar sin el usuario)

Tu  nombre

¿El  usuario  logró  resolver  el  trámite  por  sí  mismo? Sí, lo logró sin confusiones

Lo logró, pero con trabas y confusiones

Nunca lo logró

Page 68: TECNICA THINK ALOUD

11/9/2014 Guía de ayuda para la observación de los usuarios resolviendo trámites

https://docs.google.com/forms/d/1s_t_5VFE-7gKpw6Ie-ZhaP0kXHBaJf4kWjfCiC3UPrI/viewform 5/5

Con  la  tecnología  de

¿Lo  ayudaste  en  algún  momento? Sí, en un momento lo ayudé

No, nunca lo ayudé

¿En  caso  de  haberlo  ayudado,  en  qué  momento  ha  sido?

Muchas  gracias  a  ti  también!!

Este  formulario  se  creó  en  Multiplica  .  

Informar  sobre  abusos  -­  Condiciones  del  servicio  -­  Otros  términos

EnviarNunca envíes contraseñas a través de Formularios de Google.

Page 69: TECNICA THINK ALOUD

12 / 15!

¿QUIÉNES DEBERÍAN PARTICIPAR DE LAS PRUEBAS DE USABILIDAD?!

Page 70: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

EL INVESTIGADOR + LOS DISEÑADORES :)!

Page 71: TECNICA THINK ALOUD

13 / 15!

¿PODEMOS HACER ESTADÍSTICAS CON ESTA INFORMACIÓN?!

Page 72: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

NO :)!

Page 73: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

LA INVESTIGACIÓN CUALITATIVA !SIRVE PARA PROFUNDIZAR !EN LA FENOMENOLOGÍA.!

Page 74: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

DEBEMOS LIGAR CADA PROBLEMA A UNA MÉTRICA :)!

Page 75: TECNICA THINK ALOUD

POR QUÉ EL USUARIO !NO PERCIBE, !

NO COMPRENDE !O NO LOGRA OPERAR!

Page 76: TECNICA THINK ALOUD

14 / 15!

EXTRAS PARA EL MOMENTO DE TESTING ;)!

Page 77: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

•  Que el usuario vaya al baño antes de empezar!

•  Que el usuario cuente con agua y galletas a mano, para ingerir cuando desee!

•  No permitir el ingreso de amigos o familiares del usuario a la sala!

•  No sesgar con las palabras, con los gestos ni con la mirada!

•  Tener tacto con temas sensibles: pareja, hijos.!

Page 78: TECNICA THINK ALOUD

15 / 15!

¿CÓMO PLANTEAMOS EL INFORME?!

Page 79: TECNICA THINK ALOUD

100% CUALITATIVOS!

UX | Verónica Traynor | @verotraynor!

Page 80: TECNICA THINK ALOUD

SON HALLAZGOS QUE NOS JUGAMOS POR PROBAR Y VER CÓMO AFECTAN LAS MÉTRICAS!

UX | Verónica Traynor | @verotraynor!

Page 81: TECNICA THINK ALOUD

UX | Verónica Traynor | @verotraynor!

¿Y  SI  USÁRAMOS  LOS  CONCEPTOS  DE  LA  WCAG  2.0  (PERCEPTIBILIDAD  +  COMPRENSIÓN  +  OPERABILIDAD  +  

ROBUSTEZ)    COMO  BASE  CONCEPTUAL  PARA    

DIFERENCIAR  LAS  TÉCNICAS  DE  INVESTIGACIÓN  DE  USUARIOS?  

Page 82: TECNICA THINK ALOUD

•  PARECIERA QUE LOS USUARIOS LOCALIZAN Y OPERAN EL MECANISMO PARA MODIFICAR LA CANTIDAD DE AGUACATES EN GRAMOS, PERO SURGEN DIFICULTADES PARA RELACIONAR QUE 250 GRAMOS EQUIVALEN A ¼ KG. DE AGUACATES.!

•  SE PODRÍA PROBAR INCLUIR UN COMBO CON MEDIDAS ESTÁNDAR, PARA OBSERVAR SI LO COMPRENDEN SIN EQUIVOCACIONES.!

Page 83: TECNICA THINK ALOUD

•  EL SALDO DE LA CUENTA SE ACTUALIZA CON UN RETRASO DE 24 HS Y ESTO NO SE COMUNICA EN EL SITIO. PARECIERA QUE LA FALTA DE COMUNICACIÓN GENERA INSEGURIDAD/ANSIEDAD Y ESTO DISPARA LLAMADOS.!

•  SE RECOMIENDA INCLUIR UN MENSAJE LLAMATIVO QUE COMUNIQU ESTE DELAY.!

Page 84: TECNICA THINK ALOUD

•  PARECIERA QUE LOS USUARIOS LOCALIZAN LOS FILTROS, PERO LA AUSENCIA DE LOADING COMO FEEDBACK DE INTERACCIÓN NO OFRECE LA SUFICIENTE CLARIDAD DE QUE EL LISTADO DE RESULTADOS HA SIDO MODIFICADO.!

Page 85: TECNICA THINK ALOUD

•  EL FLUJO RESULTÓ COMPRENSIBLE. LOS USUARIOS LOGRARON REALIZAR LOS CANJES EN EL PRIMER INTENTO Y SIN CONFUSIONES.!

Page 86: TECNICA THINK ALOUD
Page 87: TECNICA THINK ALOUD

TÉCNICAS DE USABILIDAD + INVESTIGACIÓN DE USUARIOS!!PARTE 5: !CÓMO HACER TESTING THINK ALOUD!09.2014 VERÓNICA TRAYNOR!