Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Red routes en UX. Aplicación práctica.

3,757 views

Published on

Clase impartida para la asignatura "Interacció Persona-Ordinador (IPO)" del Grado de Ingeniería Informática de la Universidad de Lleida (abril 2015)

Published in: Technology

Red routes en UX. Aplicación práctica.

  1. 1. Red routes en UX Aplicación práctica 29 abril de 2015, Universidad de Lleida Olga Carreras Montoto Consultora en Experiencia de Usuario @olgacarreras
  2. 2. Blog “Usable y Accesible” http://olgacarreras.blogspot.com
  3. 3. Red routes en el mundo real
  4. 4. Red routes son las principales arterias viales de Londres
  5. 5. Son el 5% de las vías que soportan el 30% del tráfico
  6. 6. Imagen http://www.tfl.gov.uk/modes/driving/red-routes/red-route-maps?intcmp=2189
  7. 7. Están marcadas con líneas rojas
  8. 8. Imagen http://ltcoa.co.uk/london-operations-advice/
  9. 9. En ellas no se puede parar ni estacionar
  10. 10. Imagen http://fleetworld.co.uk/news/2013/Nov/Mayor-of-London-boosts-parking-times-to-help-local-businesses/0434011691
  11. 11. Imagen http://www.dailymail.co.uk/news/article-2256054/Knightsbridge-residents-slam-young-Arab-drivers-ruining-lives-reckless-driving-supercars.html
  12. 12. La restricción puede tener excepciones según el horario
  13. 13. Imagen http://www.telegraph.co.uk/motoring/2828101/Broken-down-on-a-red-route-Get-ready-to-fight-a-fine.html
  14. 14. La restricción puede tener excepciones por tipo de usuario
  15. 15. Imagen http://commons.wikimedia.org/wiki/File:Red-Route-Bus-Stop-Sign.jpg
  16. 16. Imagen http://www.nudec-plastic.com/
  17. 17. ¿Cómo se determinan las red routes?
  18. 18. Conocer todas las vías Imagen https://www.google.es/maps
  19. 19. No se pueden establecer con un conocimiento superficial o incompleto Imagen http://www.bambinogoodies.co.uk/10-ideas-for-london-themed-rooms/
  20. 20. Investigando y midiendo para determinar cuáles son las prioritarias Imagen http://wikiblues.net/node/7729
  21. 21. ¿Cuál es el objetivo de las red routes?
  22. 22. Tráfico más rápido y fluido. Menos retenciones Imagen
  23. 23. Mejorar el tiempo y fiabilidad de las líneas de autobús Imagen
  24. 24. Mayor uso del transporte público Imagen: http://raykolorenzo.com/ndo/
  25. 25. Reducir número de accidentes Imagen: http://www.elandroidelibre.com
  26. 26. ¿La implantación de las red routes ha logrado estos objetivos?
  27. 27. Se ha mejorado un 20% el tiempo de recorrido de las líneas de autobús
  28. 28. Se ha reducido un 6% los accidentes de tráfico
  29. 29. Red routes aplicadas a UX
  30. 30. David Travis, director de UserFocus, propuso en 2006 trasladar este concepto a UX
  31. 31. http://www.userfocus.co.uk/articles/redroutes.html
  32. 32. En todo sitio web o aplicación el usuario quiere lograr unos objetivos
  33. 33. ¿Qué objetivos pueden tener los usuarios en el ecommerce de una librería?
  34. 34. Comprarme el último libro de Pérez Reverte Consultar el estado del pedido de un libro que hice hace dos días Descargarme un ebook que compré hace unos meses Publicar un libro que he escrito etc. Comprarle un libro a mi hijo Vender un libro que tengo por casa
  35. 35. En todo sitio web o aplicación el usuario puede realizar unas tareas
  36. 36. Tareas entendidas como actividades, tareas de alto nivel
  37. 37. ¿Qué tareas pueden hacer los usuarios en un ecommerce de una librería?
  38. 38. Estas tareas tienen que responder a los objetivos de los usuarios
  39. 39. Comprarle un libro a mi hijo Qué quiero hacer Qué puedo hacer Cómo lo puedo hacer Funcionalidades e implementación concreta
  40. 40. ?
  41. 41. Featuritis Imagen http://uxmag.com/articles/avoiding-featuritis-in-the-connected-car-gold-rush
  42. 42. Es la tentación mortal de añadir más y más características. Es difícil que un producto pueda permanecer utilizable y comprensible con todas las características especiales que se le van añadiendo con el tiempo.
  43. 43. Esa ecuación alucinógena de que agregando más y más funciones y secciones al sitio este se tornará mágicamente más valioso. Si usted busca un destornillador determinado, cuantas más herramientas distintas tenga la caja, más difícil será la búsqueda. Si además las herramientas son sólo destornilladores, peor aún.
  44. 44. No todas las tareas son igual de importantes
  45. 45. Nuestro objetivo es identificar las tareas críticas de nuestro sitio o aplicación
  46. 46. Características de una ruta roja en nuestro sitio o aplicación
  47. 47. 1 Hace referencia a una actividad completa “Comprar un libro”, sí “Seleccionar forma de pago”, no
  48. 48. 2 Tiene implícita una medida de logro obvia y cuantificable “Comprar un libro”, sí “Qué sea fácil de usar”, no
  49. 49. 3 Es un objetivo de alto nivel portable a otros sitios de la competencia “Comprar un libro”, sí “Pagar con PayPal”, no
  50. 50. 4 Se centra en el objetivo, no en sus pasos o implementación concreta “Comprar un libro”, sí “Desplegar el carrito en la cabecera”, no
  51. 51. 5 Tiene en cuenta el volumen de usuarios y la frecuencia Muchos usuarios, en la mayoría de sus visitas, muchas veces. Por ejemplo podemos identificar que es “buscar un libro”
  52. 52. 6 Debes tener en cuenta los objetivos clave de tus usuarios
  53. 53. Objetivos estratégicos y de negocio de la organización Objetivos clave de los usuario Comprar un libro Elegir un libro Vender un libro 2º mano
  54. 54. 7 Debes tener en cuenta los objetivos estratégicos de la organización
  55. 55. Objetivos estratégicos y de negocio de la organización Objetivos clave de los usuario Comprar un libro Vender libros 2º mano Elegir un libro
  56. 56. 8 Tiene en cuenta la criticidad de las tareas Todos los usuarios una sola vez en su vida, pero es crítica, por ejemplo, registrarse para usar una herramienta online. “Devolver un producto”, usada por pocos usuarios con poca frecuencia pero puede ser crítica, por ejemplo está generando críticas muy negativas y afectando al negocio
  57. 57. tareas críticas, ¿por qué? • … responden a los objetivos reales de nuestros usuarios • … son las que utilizan con mayor frecuencia la mayor parte de nuestros usuarios • … responden a los objetivos estratégicos de la organización • … otras tareas también pueden ser críticas si afectan al negocio, están generando malas críticas o impiden alcanzar un objetivo.
  58. 58. Beneficios de identificar las rutas rojas
  59. 59. 1 Luchar contra la Featuritis
  60. 60. Imagen http://makememinimal.com/2008/10/ No dediquemos esfuerzo y dinero a añadir o mejorar lo que no es prioritario o necesario. Centrémonos en desarrollar, investigar y mejorar lo que sí lo es: rutas rojas
  61. 61. 2 Priorizarlas en la arquitectura de información
  62. 62. Imagen http://makememinimal.com/2008/10/ Si todas las tareas no son igual de importantes, prioricemos y demos visibilidad a las que sí los son
  63. 63. https://www.buscador.com/
  64. 64. Imagen: http://www.eltiempo.com/tecnosfera/tutoriales-tecnologia/como-usar-la-version-para-computador-de-whatsapp/15133736
  65. 65. Imagen: http://www.eltiempo.com/tecnosfera/tutoriales-tecnologia/como-usar-la-version-para-computador-de-whatsapp/15133736
  66. 66. 3 Desarrollo ágil MVP (Minimum Viable Product) Mínimo producto viable ¿Con qué características salimos al mercado?
  67. 67. 4 Priorizar la evaluación y resolución de problemas
  68. 68. David Travis http://www.userfocus.co.uk/articles/prioritise.html ¿Está en una red route? ¿Es difícil de superar? ¿Es persistente? Priorizar los problemas de usabilidad
  69. 69. RIK Williams http://rikwilliams.net/2013/red-route-usability-prioritisation-flowchart/ Priorizar los problemas de usabilidad ¿Está en una red route? ¿Afecta al negocio? ¿Tiene mucho tráfico?
  70. 70. Evaluemos primero nuestras red routes Accesibidad
  71. 71. Aplicación en un proyecto real
  72. 72. • Por los requisitos del proyecto: • Priorizar las tareas para seleccionar las que se evaluarían y mejorarían en la primera fase • Mejorar la arquitectura en base a la importancia de las tareas • Por los datos analíticos que se tenían
  73. 73. 1 Identificar las tareas de alto nivel
  74. 74. 2 Volumen de usuarios y frecuencia
  75. 75. Descarga plantilla http://www.usableyaccesible.com/archivos/plantilla_red_routes_olga_carreras.xlsx
  76. 76. DAVID TRAVIS, How red routes can help you take charge of your product backlog http://www.userfocus.co.uk/articles/prioritising-functions.html Basada en la propuesta por David Travis
  77. 77. Tiene que estar basado en datos cuantitativos representativos
  78. 78. Perfil 1
  79. 79. 3 Tareas críticas
  80. 80. Perfil 1
  81. 81. 4 Objetivos estratégicos de la organización
  82. 82. Perfil 1
  83. 83. 5 Tener en cuenta las rutas rojas en la arquitectura de información
  84. 84. ANTES
  85. 85. rutas rojas + card sorting DESPUÉS
  86. 86. rutas rojas + card sorting DESPUÉS
  87. 87. 5 Mejorar la experiencia en las rutas rojas Evaluación heurística Observación en contexto Prototipado (patrones de interacción) Test con usuarios
  88. 88. Debate Efectividad de aplicación en otros desarrollos

×