8 mini-ejercicios de usabilidad
-
Upload
veronica-traynor -
Category
Documents
-
view
7.239 -
download
8
Transcript of 8 mini-ejercicios de usabilidad
![Page 1: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/1.jpg)
8 mini-ejerciciosde usabilidadVerónica Traynor - @verotraynor
![Page 2: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/2.jpg)
1de 8
![Page 3: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/3.jpg)
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
![Page 4: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/4.jpg)
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
![Page 5: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/5.jpg)
Ejercicio 1Respuesta:
● Lo que los usuarios dicen no es suficiente para solucionar problemas de usabilidad.
● Precisamos observar pruebas con usuarios.
![Page 6: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/6.jpg)
2 de 8
![Page 7: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/7.jpg)
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
![Page 8: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/8.jpg)
![Page 9: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/9.jpg)
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).
![Page 10: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/10.jpg)
3 de 8
![Page 11: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/11.jpg)
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
![Page 12: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/12.jpg)
![Page 13: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/13.jpg)
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
![Page 14: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/14.jpg)
4 de 8
![Page 15: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/15.jpg)
¿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
![Page 16: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/16.jpg)
El link no debe obligar a leer la información adyacente.
Podría ser:Prefiero darme de baja
Ejercicio 4
![Page 17: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/17.jpg)
5 de 8
![Page 18: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/18.jpg)
En la siguiente pantalla, encuentra los 11 falsos affordances.
(O sea, los elementos que parecen links pero no lo son).
Ejercicio 5
![Page 19: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/19.jpg)
![Page 20: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/20.jpg)
![Page 21: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/21.jpg)
6 de 8
![Page 22: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/22.jpg)
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
![Page 23: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/23.jpg)
![Page 24: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/24.jpg)
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ón5. Comparar la dispersión y acierto de las respuestas.
Ejercicio 6
![Page 25: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/25.jpg)
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/
![Page 26: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/26.jpg)
... 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/
![Page 27: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/27.jpg)
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
![Page 28: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/28.jpg)
7de 8
![Page 29: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/29.jpg)
El contraste entre la tipografía de los links y el fondo, ¿es suficiente?
Ejercicio 7
Letra: #a5a5c2 Fondo: #FFFFFF
![Page 30: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/30.jpg)
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
![Page 31: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/31.jpg)
El contraste no es suficiente.
![Page 32: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/32.jpg)
8 de 8
![Page 33: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/33.jpg)
¿Es comprensible este link?Folletero web
Ejercicio 8
![Page 34: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/34.jpg)
... no lo sabemos ;)
Todo lo que opinemos es una conjetura.
Debemos hacer pruebas de usabilidad personalizadas para validar nuestras hipótesis.
Ejercicio 8
![Page 35: 8 mini-ejercicios de usabilidad](https://reader034.fdocuments.ec/reader034/viewer/2022042505/558c9970d8b42a8c018b459a/html5/thumbnails/35.jpg)
Artículo para googlear y leer"Miro. Leo. Luego Pienso" Daniel Mordecki
;)
Verónica Traynor - @verotraynor