Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de...
Transcript of Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de...
![Page 1: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/1.jpg)
Daniel Torres BurrielSATIpyme Zaragoza
Mi Web FuncionaUsabilidad
viernes 25 de marzo de 2011
![Page 2: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/2.jpg)
Magento• La principal ventaja de sistemas como Magento
es que proporcionan tecnología de una forma rápida y relativamente sencilla.
viernes 25 de marzo de 2011
![Page 3: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/3.jpg)
Categorías de producto• Podemos gestionar los productos a través de
categorías:• Definir categorías
• ¿Qué vendo?• ¿Cómo se compra?
• Gestionar categorías• Gestionar producto
viernes 25 de marzo de 2011
![Page 4: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/4.jpg)
¿Qué vendo?• El modelo de www.floresfrescas.com• El modelo de www.tensiempreflores.com• El modelo de www.maestrex.es• El modelo de www.aragonturismodeportivo.com• El modelo de www.haztucesta.com• El modelo de www.centraldereservas.com• El modelo de www.solmelia.com
viernes 25 de marzo de 2011
![Page 5: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/5.jpg)
Hay que tomar algo...• Decisiones de diseño
viernes 25 de marzo de 2011
![Page 6: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/6.jpg)
Preguntas básicas• Qué quiero vender• Cómo lo quiero vender• A quién se lo quiero vender• Cómo son quienes se lo pueden comprar• Cómo compran las personas que pueden
comprar mi producto
viernes 25 de marzo de 2011
![Page 7: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/7.jpg)
De nuevo Magento...• Ejercicio 1
Comprobar que la estructura de contenidos funciona con tree jack test.
• Ejercicio 2Definir el árbol de categorías del sitio web (si procede).
viernes 25 de marzo de 2011
![Page 8: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/8.jpg)
Qué es un test de usuariosEs una prueba de usabilidad que se basa en la observación y análisis de cómo un grupo de usuarios reales utiliza el sitio web, anotando los problemas de uso con los que se encuentran para poder solucionarlos posteriormente.
Yusef Hassan Montero
viernes 25 de marzo de 2011
![Page 9: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/9.jpg)
Conceptos clave• Prueba de usabilidad• Observación• Usuarios reales• Detectar problemas de uso• Solucionarlos posteriormente
viernes 25 de marzo de 2011
![Page 10: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/10.jpg)
Qué es un test de usuariosSe trata de una prueba llevada a cabo en laboratorio, es decir, no debemos confundirla con un estudio de campo.
Yusef Hassan Montero
viernes 25 de marzo de 2011
![Page 11: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/11.jpg)
Qué nos dice un test de usarios
Además de descubrir problemas y potenciales mejoras para un sitio web, es la manera más cercana de aproximarse al uso real de éste.
Eduardo Manchón
viernes 25 de marzo de 2011
![Page 12: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/12.jpg)
Además...El test de usuarios un método de evaluación primordial en el análisis de un sitio web.Si se realiza correctamente complementa perfectamente a la evaluación heurística.
Eduardo Manchón
viernes 25 de marzo de 2011
![Page 13: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/13.jpg)
Qué es una evaluación heurística
Guía en forma de checklist para la evaluación de un site en base a una serie de dimensiones como: identidad, lenguaje y redacción, rotulado, accesibilidad, layout, elementos multimedia, interacción, etc.
Yusef Hassan Montero
viernes 25 de marzo de 2011
![Page 14: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/14.jpg)
Algunos tipos de test de usuarios
• Test de usuarios formal• Pruebas informales o “tests de guerrilla”• Test de usuarios en remoto• Five second test• Tree Jack Test
viernes 25 de marzo de 2011
![Page 15: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/15.jpg)
Algunos consejos• Hacer las pruebas en el cliente• Uso de papel y lápiz• Sólo un evaluador especializado• Reclutar usuarios voluntarios, conocidos,
familiares...• Hacer el test en varias fases (un usuario, un
evaluador)• Es más económico
viernes 25 de marzo de 2011
![Page 16: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/16.jpg)
¿Cuándo hacelo?• Cuanto más tarde, peor
• Debido a lo costoso de reparar los errores encontrados
• Mejor hacerlo desde fases de prototipado• Después de una evaluación heurística
• Ya que éste elimina los errores más básicos
yusef hassan montero
viernes 25 de marzo de 2011
![Page 17: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/17.jpg)
Guía rápida• Seleccionar a los participantes• Espacio y materiales• Planificación de la prueba• Antes de comenzar• Desarrollo de la prueba• Elaboración de un informe
yusef hassan montero
viernes 25 de marzo de 2011
![Page 18: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/18.jpg)
Seleccionar a los participantes
• Se debe contar con al menos 5 participantes• Se puede contar con amigos, familiares y
personas no relacionadas con el proyecto• Los usuarios deben tener perfiles acordes con la
naturaleza del proyecto
viernes 25 de marzo de 2011
![Page 19: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/19.jpg)
Espacio y materiales• Conseguir un espacio donde realizar las pruebas• Lugar donde nadie moleste ni interfiera• Bloc de notas para realizar registro de la acción
del usuario• Cámara para registrar la navegación y la cara del
usuario• Software de registro de las acciones del usuario
(SilverBack)
viernes 25 de marzo de 2011
![Page 20: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/20.jpg)
Planificación del test• Planificación previa de las tareas a realizar:
• Selección de tareas a realizar• Descripción de escenarios• Redacción de narrativas para la prueba
• Elaboración de un guión de trabajo:• Qué se le va a decir a cada usuario• Qué se le va a pedir que haga• Cómo ha de hacerlo• Cuánto tiempo tiene para realizar la prueba• Acuerdo de confidencialidad y de privacidad
viernes 25 de marzo de 2011
![Page 21: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/21.jpg)
Antes de empezar...• Establecer un buen ambiente, amigable y confortable• Explicar muy bien el objetivo de la prueba: no se evalúa al
participante• Explicar que si se comete un fallo, no es culpa del usuario; es
culpa del diseño• Invitar al usuario a pensar en voz alta mientras realiza las tareas• El usuario debe saber que el evaluador no le ayudará a realizar
las tareas• No se debe explicar el sitio web al usuario: éste debe ser
entendido de forma autónoma por aquél
viernes 25 de marzo de 2011
![Page 22: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/22.jpg)
Consejos durante el test de usuarios
• El evaluador abre el navegador con el sitio web ya cargado• Se pide al usuario que observe la interfaz y diga en qué sitio
web está y cuál es su función y objetivo• Prestar atención a lo que diga el usuario, a sus expresiones y a
sus gestor• Uso de “aha” para responder al usuario• Si el usuario se atasca en una tarea, se le pedirá que inicie la
siguiente y deje la anterior• Los usuarios nos indican problemas de diseño, no su solución
viernes 25 de marzo de 2011
![Page 23: Mi Web Funciona Usabilidad - Cámara de Zaragoza · 2019-12-13 · Consejos durante el test de usuarios • El evaluador abre el navegador con el sitio web ya cargado • Se pide](https://reader030.fdocuments.mx/reader030/viewer/2022040318/5e39b15bedd74015b25e8e8d/html5/thumbnails/23.jpg)
Algunas referencias• Usabilidad web. Un impacto positivo en el negocio
http://www.grancomo.com/downloads/Zaragoza-Usabilidad-Walqa-03072007.pdf• Método de test con usuarios
http://www.nosolousabilidad.com/articulos/test_usuarios.htm• Test de usuarios
http://www.ainda.info/test_usuarios.html• Test de usuarios de cinco segundos
http://www.torresburriel.com/weblog/2008/09/24/test-de-usuarios-de-cinco-segundos/
• Guía de evaluación heurística de sitios webhttp://www.nosolousabilidad.com/articulos/heuristica.htm
• SilverBackhttp://silverbackapp.com
viernes 25 de marzo de 2011