Taller UX y analítica CW13

  • 9,019 views
Uploaded on

Diapositivas utilizadas en el taller impartido en Congreso Web 2013 por parte de Ricardo Tayar y yo mismo.

Diapositivas utilizadas en el taller impartido en Congreso Web 2013 por parte de Ricardo Tayar y yo mismo.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
9,019
On Slideshare
0
From Embeds
0
Number of Embeds
29

Actions

Shares
Downloads
0
Comments
1
Likes
5

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comTaller de analítica y experiencia de usuarioRicardo TayarMind Your GroupDaniel Torres BurrielTorresburriel EstudioCongreso Web ZaragozaJunio 2013
  • 2. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.com
  • 3. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comCriterios para el análisis• Análisis de fuentes de tráfico• 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
  • 4. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comhttp://www.personalizatumovil.es
  • 5. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de marcado• This document was successfully checked as HTML5!
  • 6. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de presentación
  • 7. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEvaluación automática de accesibilidad
  • 8. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 9. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 10. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 11. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 12. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  • 13. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  • 14. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  • 15. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  • 16. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  • 17. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Shopping cart
  • 18. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Shopping cart
  • 19. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comhttp://www.verema.com
  • 20. Crank County Daredevilspresents#2 Invertir
  • 21. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de marcado
  • 22. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de presentación
  • 23. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEvaluación automática de accesibilidad
  • 24. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 25. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 26. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 27. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 28. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  • 29. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  • 30. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  • 31. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  • 32. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  • 33. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  • 34. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Final page
  • 35. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comhttp://es.puntcentric.com
  • 36. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.com• No lo podemos saber :(
  • 37. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de marcado
  • 38. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de presentación
  • 39. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEvaluación automática de accesibilidad
  • 40. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 41. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 42. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 43. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  • 44. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  • 45. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  • 46. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  • 47. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  • 48. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  • 49. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  • 50. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comQué es Experiencia de usuario• Experiencia de Usuario es simplicidad• Experiencia de Usuario es cumplir objetivos• Experiencia de Usuario es no mirar la tecnología
  • 51. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comLas herramientas de trabajo• ¿Cómo abordarlo?1. Lista de objetivos2. Lista de tareas3. Lista de pantallas4. Diseño de wireframes
  • 52. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comObjetivos• Los objetivos1. Creíbles2. Realizables3. Concretos4. Determinados en el tiempo
  • 53. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEjemplo de definició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 6meses.
  • 54. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comTareas de usuario• Las tareas de usuario1. Lista de tareas2. Luego cortarla por la mitad
  • 55. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEjemplo 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• Modificar una reserva• Cancelar un pedido
  • 56. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comPantallas / Interfaz• Las pantallas1. Elaborar una lista de pantallas2. Verificar que cada pantalla satisface al menos un objetivo
  • 57. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEjemplo de lista de pantallas• Página de producto1. Objetivo: lograr que el usuario añada el producto al carrito• Listado de productos1. Objetivo: lograr que el usuario acceda a la ficha de producto• Página principal1. Objetivo: lograr que el usuario acceda a un listado de producto• Lista de resultados de búsqueda1. Objetivo: lograr que el usuario acceda a una ficha de producto• Página de usuario registrado1. Objetivo: lograr que el usuario solicite un plan avanzado
  • 58. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comInteracción básica• Los tres elementos de interacción:1. Enlaces2. Botones3. Formularios
  • 59. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comInteracción básica• Los tres elementos de interacción:1. Enlaces1.1.Deben ser visualmente diferentes de lo que no son enlaces1.2.Deben tener el rótulo adecuado1.3.Deben anticipar el contenido que enlazan2. Botones2.1.Deben parecer botones2.2.Deben funcionar en todos los dispositivos3. Formularios3.1.Deben solicitar el mínimo número de datos3.2.Deben no provocar errores3.3.Deben ser el único foco de atención que haya en pantalla
  • 60. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comTest• Probar todo lo que se pueda1. Card sorting2. Tree test3. Focus group4. Test con usuarios5. Five second test
  • 61. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comGracias :)@rtayar@torresburriel