Este documento presenta una introducción a las pruebas de usabilidad para desarrolladoras. Explica brevemente la historia de la usabilidad y algunos de sus principios fundamentales. Luego, describe los tipos de pruebas de usabilidad, incluyendo cualitativas y cuantitativas, y los componentes clave para realizar pruebas como escenarios, objetivos y métricas. Finalmente, cubre protocolos como preguntas y respuestas y "piensa en voz alta".

1. Pruebas de usabilidad para desarrolladoras
(...y humanos en general)
<Woman Who Code/>
Octubre 2019
SOLEDAD MORIS

2. Sole Moris
Licenciada en Artes Visuales @ UMCE
10 años en Diseño 👵🏻
Ms. Experiencia de Usuario @ UPF
Vivo feliz como Freelancer 👩🏻‍💻
@solemoris en todo Internet.
¿QUIÉN ES ESTA PERSONA?

3. Breve y Subjetiva
Historia de la Usabilidad

4. “Cuando un diseño representa
un problema para las personas
es porque ha fallado”
HENRY DREYFUSS
Diseñador Industrial
Trimline phone, 1965.

5. “Para crear lo fantástico primero debemos
entender lo real”.
WALT DISNEY,
Renacentista del Siglo XX
Disneyworld por estos días

6. “La mejor forma de
predecir el futuro es
inventarlo”
ALAN KAY
Infórmatico
El Xerox PARC, 1973

7. “El Diseño no es solo lo que ves,
sino como funciona”.
STEVE JOBS
Papichulo de la UX
Interfaz Apple I, 1976 ��

8. “Ningún producto es una Isla. Un producto es más que un
producto. Es una cohesión integrado por un conjunto de
experiencias”.
Don Norman
Diseñador de Experiencia de Usuario
(Vean el curso en Udacity, es gratis: https://www.udacity.com/course/intro-to-the-design-of-everyday-things--design101 )

9. DON’T MAKE ME THINK
Steve Krug
3 LIBROS QUE TIENES QUE LEER
STEVE JOBS
Walter Isaacson
Algún otro

10. ¿POR QUÉ HACER
PRUEBAS DE USABILIDAD?

11. Te das cuenta que tu trabajo tiene un impacto
en el universo.

12. Si tiene sentido para las personas,
se puede rentabilizar.
… Entiendes como te estás ganando el pan.
… Y tu talento no se desperdicia.

13. Ves “La matrics”
código e interfaz calzan

15. ¿EN QUÉ SE PARECE UNA
PRUEBA DE USABILIDAD BASADA EN TAREAS
Y EL QA AUTOMATIZADO?

16. 🤖 🆚 💁🏻‍♀

18. GOMS (Goals, Operators,
Methods, and Selection)
Las personas (y los robots) hacemos cosas para
lograr objetivos.
Seleccionamos métodos de interacción que
ejecutamos en una serie de operadores que nos
permiten lograr el objetivo definido.
(Lo podemos ver en otro Meetup).

19. 💁🏻‍♀💕💻

20. TIPOS DE PRUEBAS DE USABILIDAD

21. CUANTITATIVASCUALITATIVAS
🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖🏻‍♂🧟👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾
👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑🏿👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻
🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖🏻‍♂🧟👨🏿‍🚒
👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑🏿👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼
👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦
👨‍👨‍👦🧖🏻‍♂🧟👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑🏿👥
👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽
🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖🧟👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲
👩🏽‍🦱👨🏻‍🦰🧑🏿👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀
👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀
🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀
🤷🏻‍♀👩🏻‍🦳
🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧
👩🏽‍🔧🤰🏽🙎🏻‍♂👯
Te dan indicios de “algo” Confirman el “algo”
(También funciona al revés)

22. OBJETIVA PERCEPTIVA
REMOTA PRESENCIAL
MODERADA NO MODERADA
EN PRODUCCIÓN EN PROTOTIPO
🆚

23. CUALITATIVAS
Navegación libre ● 5 second test ● First click Test ●
Eyetracking ● Gaze point ● Pruebas de usabilidad
basada en tareas
CUANTITATIVAS
Navegación libre ● 5 second test ● First click Test ●
Eyetracking ● Gaze point ● Basada en tareas ●
Heatmap ● Encuestas ● Incoming Feedback ●
Feedback Polls ● Funnel Conversion ● Preference
Test ● A/B Testing ● Treetesting

24. PRUEBAS DE USABILIDAD BASADA EN TAREAS

25. ¿QUÉ NECESITAS TENER PARA HACER
PRUEBAS DE USABILIDAD?
🏹 Un objetivo.
🎭 Un escenario.
📏 Definir métricas de evaluación.
🙋🏻‍♀ Participantes
OJO Los participantes representan el tipo de persona que es tu usuario. No necesariamente son usuarios.

26. ESCENARIO
Es la situación supuesta (imaginaria) en que se
ubica al participante para que tengan sentido las
acciones que va a ejecutar. Porque para hacer
las cosas… Necesitas una razón.
Ejemplo:
Acaban de terminar fiestas patrias. Cada uno de tus
pololos te invitó a un asado. Resultado: Subiste 3 kilos. Un
amigo te contó que en shupernatural.cat venden
saciadores alimentarios naturales y con eso podrás
empezar una dieta (otra).
Salpimentar con narrativa.
Conocer el perfil del usuario. Algunos escenarios le pueden
parecer ofensivos a cierto tipo de participantes.
TIP
OJO

27. UN OBJETIVO
Es el fin (muy concreto) que motiva a hacer
cosas a nuestro usuario (participante). El
objetivo deber ser muy-muy específico para
poder medir si se logró la tarea o no.
Ejemplo:
Para volver a ajustar tu peso decidiste comprar
“spirulina en polvo” en shupernatural.cat.
TIP
Debes darle al usuario una instrucción para
ejecutar el objetivo.

28. MÉTRICAS
Es el criterio con el que evaluarás la prueba.
🤷🏻‍♀
Ejemplo:
Tasa de éxito.
Éxito
Compra la spirulina.
Exito parcial
Compra la spirulina luego de 8 minutos de navegar
en las distintas variedades de aceite de coco.
Fracaso
No compra la spirulina. Al parecer el navegador del
menú no es visible y el buscador arroja error 404.

29. PARTICIPANTES
Deben si o si representar el público objetivo
de la app.
Corta.
Ejemplo:
Mujer de 30 y algo años, que compre o no en internet.
El requisito mínimo es que tenga activada su cuenta
de banco en línea para que pueda llegar a simular el
pago en carro de compra, entendiendo los términos
bancarios.
TIP
Debes tener por lo menos las características
demográficas del usuario para contactar
participantes de características similares.

30. CÓMO MEDIR LAS PRUEBAS DE USABILIDAD

31. MÉEEEEETRICAAAAS
TIME ON TASK
Cuanto demora el usuario en completar la tarea.
SUCCESS RATE
El usuario logra o no logra terminar la tarea (pseudo-eficiencia).
SEQ (SINGLE EASE QUESTION)
Terminada (o no) la tarea, el usuario la evalua de 1 (muy fácil) a 5 (muy fácil).
FUNNEL CONVERSION
Hasta que etapa de un (puede ser una compra).
SUM (Single Usability Metric)
Métrica rara en que se promedia Time on Task el Success Rate y el SEQ.
SUS (System Usability Scale)
Encuesta de evaluación de percepción de la usabilidad del sistema completo.

32. ¿QUE NECESITAS SABER PARA HACER
PRUEBAS DE USABILIDAD?
⁉ El protocolo Q/A (Question and Answers)
🗣 El protocolo Think Aloud.

33. PROTOCOLO
Q/A, QUESTION & ANSWERS
Si un participante pregunta qué es lo que tiene
que hacer… Respondes con una pregunta.
Ejemplo:
- Participante: ¿Y aquí dónde hago clic?
- Moderador: Mmm… ¿Dónde crees tu que podría
ser?

34. PROTOCOLO
THINK ALOUD
Le debes indicar al usuario que debe “narrar
cada pequeña cosa que hace”, tal como la
está pensando.
Ejemplo:
- Participante
Acá no sé por qué no se me activa el botón.
Mira, hago clic, de nuevo, pero no me lleva a
ninguna parte. Tal vez es en otro lado (hace
scroll).
Mmno, parece que es aquí, pero no veo el botón.
¿Y aquí dónde hago clic?
- Moderador: Mmm… ¿Dónde crees tu que podría
ser?

35. SOLEDAD MORIS
Consultoría UX & Diseño de Producto
http://www.solemoris.cl
solemoris@gmail.com
+56 9 6637 5191
Ejemplo (breve) de recolección de métricas
TAREA 1
Navegación Libre en Landing Page
TAREA 1
Registro en plataforma
TAREA 2
Creación de oferta de trabajo
Efectividad ToT SEQ Efectividad ToT SEQ Efectividad ToT SEQ
P1
Carolina Arata P N/A 4 S 00:02:02 4 S 00:05:36 3
P2
Robert Millas P N/A 3 S 00:01:11 5 S 00:04:29 4
P3
Mario Sánchez P N/A 4 S 00:02:08 5 S 00:04:09 3
TOTAL POR TAREA P: 50% N/A 4 S: 100% TBD 5 S: 100% TBD 3
¡PSST!
EFECTIVIDAD = TAREAS EXITOSAS + (TAREAS CON ÉXITO PARCIAL/2) /NÚMERO DE TAREAS

36. SOLEDAD MORIS
Consultoría UX & Diseño de Producto
http://www.solemoris.cl
solemoris@gmail.com
+56 9 6637 5191
La palabra “Busqueda” es percibida como un buscador
LANDING PAGE: NAVEGACIÓN LIBRE
“¿Y acá cómo hago una búsqueda? No tengo para pinchar”.
OBSERVACIÓN
El usuario hace clic varias veces sobre el texto “Búsqueda” y sobre el texto, esperando que aparezca un
buscador.
RECOMENDACIÓN
Modificar el rotulado de los tabs para disociar términos.

37. ¡Muchas Gracias!
Molto Grazie! Thank You! moitas grazas! çox sağ olun! baie dankie! faleminderit shume! vielen dank!
በጣም አመሰግናለሁ።! ‫ﺟزﯾﻼ‬ ‫!ﺷﻛرا‬ շատ շնորհակալ եմ! আপনােক অেনক ধন বাদ! вялікі дзякуй!
အလွန်ေကျးဇူးတင်ပါတယ်! hvala puno!много благодаря! សូមអរគុណអក ំង ស់។! ತುಂ ಾ ಧನ ಾದಗಳ !
үлкен рахмет! moltes gràcies! salamat kaayo! moc děkuji! zikomo kwambiri! 非常感谢你! ෙබාෙහාම
!대단히 감사합니다! ti ringraziu assai! mèsi anpil! gelek spas! tusind tak! ďakujem veľmi pekne!
najlepša hvala! dankon multe! tänan teid väga! eskerrik asko!maraming salamat po! kiitos paljon! Merci
beaucoup! tige tank! mòran taing! diolch yn fawr! ευχαριστώ πολύ! ૂબ ૂબ આભાર! na gode sosai!
mahalo nui loa! ‫לך‬ ‫רבה‬ ‫!תודה‬ बहुत बहुत ध यवाद! ua tsaug ntau! nagyon köszönöm! imeela nnọọ! terima
kasih banyak! o ṣeun pupọ! go raibh maith agat! takk kærlega! grazie mille! ຂອບໃຈຫຼາຍໆ! gratias tibi
valde! liels paldies! labai ačiū! villmols merci! ви благодарам многу! വളെര ന ി! terima kasih banyak!
misaotra betsaka! grazzi hafna! kia ora! खूप खूप ध यवाद! маш их баярлалаа! heel erg bedankt! धेरै धेरै
ध यवाद! tusen takk! ਤੁਹਾਡਾ ਬਹੁਤ ਬਹੁਤ ਧੰਨਵਾਦ! !‫ﻣﻣﻧون‬ ‫ﺧﯾﻠﯽ‬ !‫ﻣﻧﻧﮫ‬ ‫ډﯾره‬ dziękuję bardzo! muito obrigado! muito
obrigado! muito obrigado! multumesc mult! спасибо большое! спасибо большое! спасио большое!
спасибо большое! спасибо большое! ‫ﻣﮭرﺑﺎﻧﻲ‬ ‫ﺟﻲ‬ ‫ﺗوھﺎن‬ aad baad u mahadsantahay! asante sana! asante
sana! hatur nuhun pisan! ขอบคุณมาก ๆ! மி க ந றி! ташаккури зиёд! ల ధన ా ల ! çok teşekkür
ederim! велике дякую! ‫ﺷﮑرﯾہ‬ ‫ﺑﮩت‬ ‫ﺑﮩت‬ katta rahmat! cảm ơn bạn rất nhiều! どうもありがとう! matur nuwun
sanget! დიდი მადლობა! enkosi kakhulu! ‫פיל‬ ‫זייער‬ ‫דיר‬ ‫!דאַנקען‬ ngiyabonga kakhulu!