Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Pruebas de usabilidad para desarrolladoras (y humanos en general) comprimido

358 views

Published on

Pruebas de usabilidad basadas en tareas para no iniciados.

Published in: Software
  • Login to see the comments

Pruebas de usabilidad para desarrolladoras (y humanos en general) comprimido

  1. 1. Pruebas de usabilidad para desarrolladoras (...y humanos en general) <Woman Who Code/> Octubre 2019 SOLEDAD MORIS
  2. 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. 3. Breve y Subjetiva Historia de la Usabilidad
  4. 4. “Cuando un diseño representa un problema para las personas es porque ha fallado” HENRY DREYFUSS Diseñador Industrial Trimline phone, 1965.
  5. 5. “Para crear lo fantástico primero debemos entender lo real”. WALT DISNEY, Renacentista del Siglo XX Disneyworld por estos días
  6. 6. “La mejor forma de predecir el futuro es inventarlo” ALAN KAY Infórmatico El Xerox PARC, 1973
  7. 7. “El Diseño no es solo lo que ves, sino como funciona”. STEVE JOBS Papichulo de la UX Interfaz Apple I, 1976 ��
  8. 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. 9. DON’T MAKE ME THINK Steve Krug 3 LIBROS QUE TIENES QUE LEER STEVE JOBS Walter Isaacson Algún otro
  10. 10. ¿POR QUÉ HACER PRUEBAS DE USABILIDAD?
  11. 11. Te das cuenta que tu trabajo tiene un impacto en el universo.
  12. 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. 13. Ves “La matrics” código e interfaz calzan
  14. 14. ¿EN QUÉ SE PARECE UNA PRUEBA DE USABILIDAD BASADA EN TAREAS Y EL QA AUTOMATIZADO?
  15. 15. 🤖 🆚 💁🏻‍♀
  16. 16. 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).
  17. 17. 💁🏻‍♀💕💻
  18. 18. TIPOS DE PRUEBAS DE USABILIDAD
  19. 19. CUANTITATIVASCUALITATIVAS 🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖🏻‍♂🧟👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾 👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑🏿👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻 🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖🏻‍♂🧟👨🏿‍🚒 👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑🏿👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼 👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦 👨‍👨‍👦🧖🏻‍♂🧟👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑🏿👥 👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽 🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖🧟👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀🧓🏽👩🏽‍🦲👨🏻‍🦲 👩🏽‍🦱👨🏻‍🦰🧑🏿👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝💁‍♂🙎🏻‍♂🙎🏻‍♀🤷🏻‍♀👩🏻‍🦳💂🏿‍♀ 👨🏼‍🔧👩🏽‍🚀👩🏽‍🔧🤰🏽🙎🏻‍♂🕺🏼👯👩‍👩‍👦‍👦👨‍👨‍👦🧖👨🏿‍🚒👩🏼‍🏫👨🏾‍🎤🕵🏻‍♀🧔🏾👵🏾🧒🏻👧🏽👱🏿‍♀ 🧓🏽👩🏽‍🦲👨🏻‍🦲👩🏽‍🦱👨🏻‍🦰🧑👥👷🏻‍♀👲🏽👨🏽‍🏭👨🏻‍💼👩🏼‍💼👩‍🎤👸🏻🤵🏻🧝🏻‍♂💁‍♂🙎🏻‍♂🙎🏻‍♀ 🤷🏻‍♀👩🏻‍🦳 🤷🏻‍♀👩🏻‍🦳💂🏿‍♀👨🏼‍🔧 👩🏽‍🔧🤰🏽🙎🏻‍♂👯 Te dan indicios de “algo” Confirman el “algo” (También funciona al revés)
  20. 20. OBJETIVA PERCEPTIVA REMOTA PRESENCIAL MODERADA NO MODERADA EN PRODUCCIÓN EN PROTOTIPO 🆚
  21. 21. 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
  22. 22. PRUEBAS DE USABILIDAD BASADA EN TAREAS
  23. 23. ¿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.
  24. 24. 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
  25. 25. 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.
  26. 26. 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.
  27. 27. 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.
  28. 28. CÓMO MEDIR LAS PRUEBAS DE USABILIDAD
  29. 29. 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.
  30. 30. ¿QUE NECESITAS SABER PARA HACER PRUEBAS DE USABILIDAD? ⁉ El protocolo Q/A (Question and Answers) 🗣 El protocolo Think Aloud.
  31. 31. 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?
  32. 32. 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?
  33. 33. 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
  34. 34. 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.
  35. 35. ¡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!

×