Taller UX y analítica CW13

9.646 visualizaciones

Publicado el

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

Publicado en: Tecnología
1 comentario
5 recomendaciones
Estadísticas
Notas
Sin descargas
Visualizaciones
Visualizaciones totales
9.646
En SlideShare
0
De insertados
0
Número de insertados
7.954
Acciones
Compartido
0
Descargas
0
Comentarios
1
Recomendaciones
5
Insertados 0
No insertados

No hay notas en la diapositiva.

Taller UX y analítica CW13

  1. 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. 2. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.com
  3. 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. 4. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comhttp://www.personalizatumovil.es
  5. 5. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de marcado• This document was successfully checked as HTML5!
  6. 6. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de presentación
  7. 7. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEvaluación automática de accesibilidad
  8. 8. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  9. 9. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  10. 10. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  11. 11. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  12. 12. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  13. 13. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  14. 14. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  15. 15. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  16. 16. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  17. 17. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Shopping cart
  18. 18. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Shopping cart
  19. 19. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comhttp://www.verema.com
  20. 20. Crank County Daredevilspresents#2 Invertir
  21. 21. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de marcado
  22. 22. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de presentación
  23. 23. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEvaluación automática de accesibilidad
  24. 24. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  25. 25. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  26. 26. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  27. 27. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  28. 28. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  29. 29. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  30. 30. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  31. 31. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  32. 32. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  33. 33. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  34. 34. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Final page
  35. 35. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comhttp://es.puntcentric.com
  36. 36. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.com• No lo podemos saber :(
  37. 37. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de marcado
  38. 38. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comValidez del código de presentación
  39. 39. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEvaluación automática de accesibilidad
  40. 40. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  41. 41. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  42. 42. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  43. 43. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comVisualización con navegador de texto
  44. 44. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Registro
  45. 45. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Login
  46. 46. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  47. 47. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Search
  48. 48. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  49. 49. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comEstado de patrones básicos de interacción• Product page
  50. 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. 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. 52. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comObjetivos• Los objetivos1. Creíbles2. Realizables3. Concretos4. Determinados en el tiempo
  53. 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. 54. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comTareas de usuario• Las tareas de usuario1. Lista de tareas2. Luego cortarla por la mitad
  55. 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. 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. 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. 58. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comInteracción básica• Los tres elementos de interacción:1. Enlaces2. Botones3. Formularios
  59. 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. 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. 61. Torresburriel Estudio - www.torresburriel.comwww.torresburriel.comGracias :)@rtayar@torresburriel

×