SlideShare una empresa de Scribd logo
1 de 35
8 mini-ejercicios
de usabilidad
Verónica Traynor - @verotraynor
1de 8
Con el objetivo de evaluar la usabilidad de un
nuevo buscador, un equipo de marketing lanzó
la siguiente pregunta en una encuesta de
opinión: "¿Dinos del 1 al 5 cuán fácil te resultó
de usar?"
Para ti, ¿esta metodología de preguntar cuán
fácil es algo de usar, es suficiente para
solucionar problemas de usabilidad?
Ejercicio 1
Ayuda ;)
... una cosa es lo que al usuario le ocurre,
otra cosa es lo que interpreta que le ocurrió
y otra es lo que luego nos dice.
Ejercicio 1
Ejercicio 1
Respuesta:
● Lo que los usuarios dicen no es suficiente
para solucionar problemas de usabilidad.
● Precisamos observar pruebas con usuarios.
2de 8
En la siguiente pantalla:
● ¿Cuál es el call to action principal?
(O sea, el botón principal en el flujo de compra)
● ¿Cuál es el call to action secundario?
(O sea, el botón para una acción secundaria)
● ¿La estética es coherente?
Ejercicio 2
Call to action secundario
(destacado más que la acción
principal).
Call to action principal
(erróneamente con menos
jerarquía que el secundario).
3de 8
En la siguiente pantalla, ¿según tu opinión, es
"usable" la funcionalidad de copiar y pegar los
datos de los pasajeros?
... la aplicación será usada por el call center de
una agencia de turismo.
Ejercicio 3
Respuesta:
● Si será utilizado por un call center; lo
importante no es el tiempo de aprendizaje;
sino la practicidad diaria.
● Para verificar la practicidad, deberemos
hacer pruebas con usuarios ;)
Ejercicio 3
4de 8
¿La forma de armar este link, es correcta?¿Si
no lo es, cómo la corregirías?
Para darte de baja haz click aquí.
Ejercicio 4
El link no debe obligar
a leer la información
adyacente.
Podría ser:
Prefiero darme de baja
Ejercicio 4
5de 8
En la siguiente pantalla, encuentra los 11
falsos affordances.
(O sea, los elementos que parecen links pero no lo son).
Ejercicio 5
6de 8
Te contratan para saber si los "Filtros de listas
de canciones" de YouTube son fáciles de
encontrar.
¿Qué tipo de pruebas de usabilidad podremos
hacer para descubrirlo?
Ejercicio 6
Respuesta:
1. Comprender el perfil y manejo de Internet de los
usuarios.
2. Probar con heatmaps la localización del botón (usabilla,
optimalworkshop, etc.).
3. Hacer pruebas con usuarios (para entender la razón de
la falta de comprensión)
4. Volver a probar con heatmaps la localización del botón
5. Comparar la dispersión y acierto de las respuestas.
Ejercicio 6
La consigna para que los usuarios contesten el
test de Usabilla a distancia, podría ser:
"Por favor indícanos haciendo click, cómo
buscarías una lista de canciones de Adele".
Ejercicio 6
IMAGEN: http://www.tinkle.es/blog/tag/neuromarketing/
... allí obtendremos:
● Las respuestas de los usuarios en un mapas
de calor.
● El tiempo promedio tardado para responder.
Ejercicio 6
IMAGEN: http://www.tinkle.es/blog/tag/neuromarketing/
La consigna para las pruebas de usabilidad
personalizadas podría ser:
"Por favor, busca una lista de canciones de
Adele pensando en voz alta mientras nosotros
te observamos".
Ejercicio 6
7de 8
El contraste entre la tipografía de los links y el
fondo, ¿es suficiente?
Ejercicio 7
Letra: #a5a5c2
Fondo: #FFFFFF
Ayuda ;)
... el contraste no se siente, se mide.
Los lineamientos internacionales de
accesibilidad WCAG 2.0 nos ofrecen una
fórmula para que midamos el contraste.
Ejercicio 7
El contraste no es
suficiente.
8de 8
¿Es comprensible este link?
Folletero web
Ejercicio 8
... no lo sabemos ;)
Todo lo que opinemos es
una conjetura.
Debemos hacer pruebas de
usabilidad personalizadas
para validar nuestras
hipótesis.
Ejercicio 8
Artículo
para googlear y leer
"Miro. Leo. Luego Pienso" Daniel Mordecki
;)
Verónica Traynor - @verotraynor

Más contenido relacionado

Similar a dokumen.tips_8-mini-ejercicios-de-usabilidad.pdf

Curso problema
Curso problemaCurso problema
Curso problema
Asohosval
 

Similar a dokumen.tips_8-mini-ejercicios-de-usabilidad.pdf (20)

Introducción a la Usabilidad
Introducción a la UsabilidadIntroducción a la Usabilidad
Introducción a la Usabilidad
 
Usabilidad - Productos que ame la gente
Usabilidad  - Productos que ame la gente  Usabilidad  - Productos que ame la gente
Usabilidad - Productos que ame la gente
 
TestingAR Meetup 3er Encuentro - Diego Fernandéz - Mejorando la Experienci...
TestingAR Meetup   3er Encuentro - Diego Fernandéz - Mejorando la Experienci...TestingAR Meetup   3er Encuentro - Diego Fernandéz - Mejorando la Experienci...
TestingAR Meetup 3er Encuentro - Diego Fernandéz - Mejorando la Experienci...
 
Taller Prototipos EngineUp Peru
Taller Prototipos EngineUp PeruTaller Prototipos EngineUp Peru
Taller Prototipos EngineUp Peru
 
Testeo luego existo Eugenia Casabona - febrero 2020
Testeo luego existo   Eugenia Casabona - febrero 2020Testeo luego existo   Eugenia Casabona - febrero 2020
Testeo luego existo Eugenia Casabona - febrero 2020
 
Usabilidad02
Usabilidad02Usabilidad02
Usabilidad02
 
Crear productos digitales pensando en el usuario
Crear productos digitales pensando en el usuarioCrear productos digitales pensando en el usuario
Crear productos digitales pensando en el usuario
 
Workshop de Lean Inception
Workshop de Lean InceptionWorkshop de Lean Inception
Workshop de Lean Inception
 
Usabilidad aplicada
Usabilidad aplicadaUsabilidad aplicada
Usabilidad aplicada
 
User Research Day 2018 “El user research más allá de las pruebas de usabilida...
User Research Day 2018 “El user research más allá de las pruebas de usabilida...User Research Day 2018 “El user research más allá de las pruebas de usabilida...
User Research Day 2018 “El user research más allá de las pruebas de usabilida...
 
Modelo sistemático de testeo con usuarios para startups
Modelo sistemático de testeo con usuarios para startupsModelo sistemático de testeo con usuarios para startups
Modelo sistemático de testeo con usuarios para startups
 
Presentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en StartupsPresentación Modelo sistemático para testeo con usuarios en Startups
Presentación Modelo sistemático para testeo con usuarios en Startups
 
Curso problema
Curso problemaCurso problema
Curso problema
 
Trabajo hot potatoes
Trabajo hot potatoesTrabajo hot potatoes
Trabajo hot potatoes
 
Trabajo hot potatoes
Trabajo hot potatoesTrabajo hot potatoes
Trabajo hot potatoes
 
Manual
ManualManual
Manual
 
Manual (1)
Manual (1)Manual (1)
Manual (1)
 
CÓMO CREAR UN SERVICIO O PRODUCTO IRRESISTIBLE
CÓMO CREAR UN SERVICIO O PRODUCTO IRRESISTIBLECÓMO CREAR UN SERVICIO O PRODUCTO IRRESISTIBLE
CÓMO CREAR UN SERVICIO O PRODUCTO IRRESISTIBLE
 
Aula Interactiva I
Aula Interactiva IAula Interactiva I
Aula Interactiva I
 
Semana Be More 2013 - Gamification
Semana Be More 2013 - GamificationSemana Be More 2013 - Gamification
Semana Be More 2013 - Gamification
 

Último

Distribucion fisica internacional .pptx
Distribucion fisica internacional  .pptxDistribucion fisica internacional  .pptx
Distribucion fisica internacional .pptx
RicardoCastellanosDr
 
La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...
yeisonmoreno02
 
DIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docxDIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docx
JEEPZONGUIAMPIERGONZ
 
SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................
edsontareas
 
sistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mentalsistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mental
MariangelAdjam
 
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACIONAVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACION
mcorderoa
 

Último (20)

Trabajo de investigación escolar sobre el teatro
Trabajo de investigación escolar sobre el teatroTrabajo de investigación escolar sobre el teatro
Trabajo de investigación escolar sobre el teatro
 
Ciberseguridad y seguridad informatica.pptx
Ciberseguridad y seguridad informatica.pptxCiberseguridad y seguridad informatica.pptx
Ciberseguridad y seguridad informatica.pptx
 
Distribucion fisica internacional .pptx
Distribucion fisica internacional  .pptxDistribucion fisica internacional  .pptx
Distribucion fisica internacional .pptx
 
La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...La ética digital, de que trata, algunas características y como lo podemos uti...
La ética digital, de que trata, algunas características y como lo podemos uti...
 
LINEA DEL TIEMPO DEL INTERNET - ESTRADA R
LINEA DEL TIEMPO DEL INTERNET - ESTRADA RLINEA DEL TIEMPO DEL INTERNET - ESTRADA R
LINEA DEL TIEMPO DEL INTERNET - ESTRADA R
 
Presentacion De Imagenes Digitales Y Navegadores De Internet.
Presentacion De Imagenes Digitales Y Navegadores De Internet.Presentacion De Imagenes Digitales Y Navegadores De Internet.
Presentacion De Imagenes Digitales Y Navegadores De Internet.
 
Plantilla-seguridad-informatica ára.pptx
Plantilla-seguridad-informatica ára.pptxPlantilla-seguridad-informatica ára.pptx
Plantilla-seguridad-informatica ára.pptx
 
ciberseguridad y seguridad informatica- alex jaren.pptx
ciberseguridad y seguridad informatica- alex jaren.pptxciberseguridad y seguridad informatica- alex jaren.pptx
ciberseguridad y seguridad informatica- alex jaren.pptx
 
Informe breve sobre el teatro en general.
Informe breve sobre el teatro en general.Informe breve sobre el teatro en general.
Informe breve sobre el teatro en general.
 
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptxCOMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
 
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdfMANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
MANEJO DE PROGRAMAS DE INTERVENCIÓN NUTRICIONAL (1).pdf
 
DIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docxDIPTICO SOBRE Conciencia psicológica y Moral.docx
DIPTICO SOBRE Conciencia psicológica y Moral.docx
 
planificacion lengua 3er trimestre .docx
planificacion lengua 3er trimestre   .docxplanificacion lengua 3er trimestre   .docx
planificacion lengua 3er trimestre .docx
 
SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................SINDROME NEFROTICO PEDIATRIA..............................
SINDROME NEFROTICO PEDIATRIA..............................
 
Dominios_De_Internet.pdf
Dominios_De_Internet.pdfDominios_De_Internet.pdf
Dominios_De_Internet.pdf
 
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidianaMartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
MartinezGuzman_Paulina_M1S3AI6.pptxEL uso de las tic en la vida cotidiana
 
sistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mentalsistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mental
 
Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.Navegadores de Internet en la actualidad.
Navegadores de Internet en la actualidad.
 
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACIONAVANCES TECNOLOGICOS DEL SIGLO XXI  PRESENTACION
AVANCES TECNOLOGICOS DEL SIGLO XXI PRESENTACION
 
Imagen creada en photopea con el fin de informar acerca de los navegadores web.
Imagen creada en photopea con el fin de informar acerca de los navegadores web.Imagen creada en photopea con el fin de informar acerca de los navegadores web.
Imagen creada en photopea con el fin de informar acerca de los navegadores web.
 

dokumen.tips_8-mini-ejercicios-de-usabilidad.pdf

  • 3. Con el objetivo de evaluar la usabilidad de un nuevo buscador, un equipo de marketing lanzó la siguiente pregunta en una encuesta de opinión: "¿Dinos del 1 al 5 cuán fácil te resultó de usar?" Para ti, ¿esta metodología de preguntar cuán fácil es algo de usar, es suficiente para solucionar problemas de usabilidad? Ejercicio 1
  • 4. Ayuda ;) ... una cosa es lo que al usuario le ocurre, otra cosa es lo que interpreta que le ocurrió y otra es lo que luego nos dice. Ejercicio 1
  • 5. Ejercicio 1 Respuesta: ● Lo que los usuarios dicen no es suficiente para solucionar problemas de usabilidad. ● Precisamos observar pruebas con usuarios.
  • 7. En la siguiente pantalla: ● ¿Cuál es el call to action principal? (O sea, el botón principal en el flujo de compra) ● ¿Cuál es el call to action secundario? (O sea, el botón para una acción secundaria) ● ¿La estética es coherente? Ejercicio 2
  • 8.
  • 9. Call to action secundario (destacado más que la acción principal). Call to action principal (erróneamente con menos jerarquía que el secundario).
  • 10. 3de 8
  • 11. En la siguiente pantalla, ¿según tu opinión, es "usable" la funcionalidad de copiar y pegar los datos de los pasajeros? ... la aplicación será usada por el call center de una agencia de turismo. Ejercicio 3
  • 12.
  • 13. Respuesta: ● Si será utilizado por un call center; lo importante no es el tiempo de aprendizaje; sino la practicidad diaria. ● Para verificar la practicidad, deberemos hacer pruebas con usuarios ;) Ejercicio 3
  • 14. 4de 8
  • 15. ¿La forma de armar este link, es correcta?¿Si no lo es, cómo la corregirías? Para darte de baja haz click aquí. Ejercicio 4
  • 16. El link no debe obligar a leer la información adyacente. Podría ser: Prefiero darme de baja Ejercicio 4
  • 17. 5de 8
  • 18. En la siguiente pantalla, encuentra los 11 falsos affordances. (O sea, los elementos que parecen links pero no lo son). Ejercicio 5
  • 19.
  • 20.
  • 21. 6de 8
  • 22. Te contratan para saber si los "Filtros de listas de canciones" de YouTube son fáciles de encontrar. ¿Qué tipo de pruebas de usabilidad podremos hacer para descubrirlo? Ejercicio 6
  • 23.
  • 24. Respuesta: 1. Comprender el perfil y manejo de Internet de los usuarios. 2. Probar con heatmaps la localización del botón (usabilla, optimalworkshop, etc.). 3. Hacer pruebas con usuarios (para entender la razón de la falta de comprensión) 4. Volver a probar con heatmaps la localización del botón 5. Comparar la dispersión y acierto de las respuestas. Ejercicio 6
  • 25. La consigna para que los usuarios contesten el test de Usabilla a distancia, podría ser: "Por favor indícanos haciendo click, cómo buscarías una lista de canciones de Adele". Ejercicio 6 IMAGEN: http://www.tinkle.es/blog/tag/neuromarketing/
  • 26. ... allí obtendremos: ● Las respuestas de los usuarios en un mapas de calor. ● El tiempo promedio tardado para responder. Ejercicio 6 IMAGEN: http://www.tinkle.es/blog/tag/neuromarketing/
  • 27. La consigna para las pruebas de usabilidad personalizadas podría ser: "Por favor, busca una lista de canciones de Adele pensando en voz alta mientras nosotros te observamos". Ejercicio 6
  • 28. 7de 8
  • 29. El contraste entre la tipografía de los links y el fondo, ¿es suficiente? Ejercicio 7 Letra: #a5a5c2 Fondo: #FFFFFF
  • 30. Ayuda ;) ... el contraste no se siente, se mide. Los lineamientos internacionales de accesibilidad WCAG 2.0 nos ofrecen una fórmula para que midamos el contraste. Ejercicio 7
  • 31. El contraste no es suficiente.
  • 32. 8de 8
  • 33. ¿Es comprensible este link? Folletero web Ejercicio 8
  • 34. ... no lo sabemos ;) Todo lo que opinemos es una conjetura. Debemos hacer pruebas de usabilidad personalizadas para validar nuestras hipótesis. Ejercicio 8
  • 35. Artículo para googlear y leer "Miro. Leo. Luego Pienso" Daniel Mordecki ;) Verónica Traynor - @verotraynor