Taller UX y analítica CW13

1. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Taller de analítica y experiencia de usuario Ricardo Tayar Mind Your Group Daniel Torres Burriel Torresburriel Estudio Congreso Web Zaragoza Junio 2013

3. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com

4. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Criterios para el análisis • Análisis de fuentes de tráﬁco • Análisis de orientación de contenido • Datos en contexto de negocio • Validez del código de marcado • Validez del código de presentación • Evaluación automática de accesibilidad • Visualización con navegador de texto • Estado de patrones básicos de interacción • Registro • Login • Search • Product page • Shopping cart

5. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com http://www.personalizatumovil.es

12. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Validez del código de marcado • This document was successfully checked as HTML5!

13. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Validez del código de presentación

14. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Evaluación automática de accesibilidad

15. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Visualización con navegador de texto

19. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Estado de patrones básicos de interacción • Registro

20. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Estado de patrones básicos de interacción • Login

21. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Estado de patrones básicos de interacción • Search

22. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Estado de patrones básicos de interacción • Product page

24. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Estado de patrones básicos de interacción • Shopping cart

25. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Estado de patrones básicos de interacción • Shopping cart

26. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com http://www.verema.com

30. Crank County Daredevils presents #2 Invertir

36. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Validez del código de marcado

49. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Estado de patrones básicos de interacción • Final page

50. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com http://es.puntcentric.com

51. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com • No lo podemos saber :(

52. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Validez del código de marcado

65. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Qué es Experiencia de usuario • Experiencia de Usuario es simplicidad • Experiencia de Usuario es cumplir objetivos • Experiencia de Usuario es no mirar la tecnología

66. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Las herramientas de trabajo • ¿Cómo abordarlo? 1. Lista de objetivos 2. Lista de tareas 3. Lista de pantallas 4. Diseño de wireframes

67. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Objetivos • Los objetivos 1. Creíbles 2. Realizables 3. Concretos 4. Determinados en el tiempo

68. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Ejemplo de deﬁnición de objetivos • Superar las 800.000 visitas los primeros 6 meses. • Superar los 10.000 registros en la zona privada de la web el primer año. • Convertir el 5% de las visitas únicas en clientes. • Que un 70% de los usuarios registrados sean miembros activos de la comunidad, cada uno de ellos debe realizar un mínimo de 4 consultas cada 6 meses. • Que un 40% de las visitas únicas se den de alta en el newsletter los primeros 6 meses.

69. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Tareas de usuario • Las tareas de usuario 1. Lista de tareas 2. Luego cortarla por la mitad

70. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Ejemplo de lista de tareas de usuario • Hacerse usuario registrado • Recuperar contraseña perdida • Buscar por palabra clave • Hacer una búsqueda avanzada • Navegar por catálogo de productos • Marcar un producto como favorito • Enviar una solicitud de información • Añadir un producto al carrito de la compra • Solicitar una prueba de producto • Modiﬁcar una reserva • Cancelar un pedido

71. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Pantallas / Interfaz • Las pantallas 1. Elaborar una lista de pantallas 2. Veriﬁcar que cada pantalla satisface al menos un objetivo

72. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Ejemplo de lista de pantallas • Página de producto 1. Objetivo: lograr que el usuario añada el producto al carrito • Listado de productos 1. Objetivo: lograr que el usuario acceda a la ﬁcha de producto • Página principal 1. Objetivo: lograr que el usuario acceda a un listado de producto • Lista de resultados de búsqueda 1. Objetivo: lograr que el usuario acceda a una ﬁcha de producto • Página de usuario registrado 1. Objetivo: lograr que el usuario solicite un plan avanzado

73. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Interacción básica • Los tres elementos de interacción: 1. Enlaces 2. Botones 3. Formularios

74. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Interacción básica • Los tres elementos de interacción: 1. Enlaces 1.1.Deben ser visualmente diferentes de lo que no son enlaces 1.2.Deben tener el rótulo adecuado 1.3.Deben anticipar el contenido que enlazan 2. Botones 2.1.Deben parecer botones 2.2.Deben funcionar en todos los dispositivos 3. Formularios 3.1.Deben solicitar el mínimo número de datos 3.2.Deben no provocar errores 3.3.Deben ser el único foco de atención que haya en pantalla

75. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Test • Probar todo lo que se pueda 1. Card sorting 2. Tree test 3. Focus group 4. Test con usuarios 5. Five second test

76. Torresburriel Estudio - www.torresburriel.com www.torresburriel.com Gracias :) @rtayar @torresburriel

Taller UX y analítica CW13

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Taller UX y analítica CW13

Ähnlich wie Taller UX y analítica CW13 (20)

Mehr von Daniel Torres Burriel

Mehr von Daniel Torres Burriel (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (15)

Taller UX y analítica CW13