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.
Blog “Usable y Accesible”
http://olgacarreras.blogspot.com

3.
Red routes en
el mundo real

4.
Red routes son las
principales arterias viales
de Londres

5.
Son el 5% de las vías
que soportan el
30% del tráfico

6.
Imagen http://www.tfl.gov.uk/modes/driving/red-routes/red-route-maps?intcmp=2189

7.
Están marcadas con
líneas rojas

8.
Imagen http://ltcoa.co.uk/london-operations-advice/

9.
En ellas no se puede
parar ni estacionar

10.
Imagen http://fleetworld.co.uk/news/2013/Nov/Mayor-of-London-boosts-parking-times-to-help-local-businesses/0434011691

11.
Imagen http://www.dailymail.co.uk/news/article-2256054/Knightsbridge-residents-slam-young-Arab-drivers-ruining-lives-reckless-driving-supercars.html

12.
La restricción puede
tener excepciones según
el horario

13.
Imagen http://www.telegraph.co.uk/motoring/2828101/Broken-down-on-a-red-route-Get-ready-to-fight-a-fine.html

14.
La restricción puede
tener excepciones por
tipo de usuario

15.
Imagen http://commons.wikimedia.org/wiki/File:Red-Route-Bus-Stop-Sign.jpg

16.
Imagen http://www.nudec-plastic.com/

17.
¿Cómo se determinan las
red routes?

18.
Conocer todas las vías
Imagen https://www.google.es/maps

19.
No se pueden establecer con un conocimiento superficial o incompleto
Imagen http://www.bambinogoodies.co.uk/10-ideas-for-london-themed-rooms/

20.
Investigando y midiendo para determinar cuáles son las prioritarias
Imagen http://wikiblues.net/node/7729

21.
¿Cuál es el objetivo de las
red routes?

22.
Tráfico más rápido y fluido. Menos retenciones
Imagen

23.
Mejorar el tiempo y fiabilidad de las líneas de autobús
Imagen

24.
Mayor uso del transporte público
Imagen: http://raykolorenzo.com/ndo/

25.
Reducir número de accidentes
Imagen: http://www.elandroidelibre.com

26.
¿La implantación de las
red routes ha logrado
estos objetivos?

27.
Se ha mejorado un 20% el
tiempo de recorrido de
las líneas de autobús

28.
Se ha reducido un 6% los
accidentes de tráfico

29.
Red routes
aplicadas a UX

30.
David Travis, director de
UserFocus, propuso en
2006 trasladar este
concepto a UX

31.
http://www.userfocus.co.uk/articles/redroutes.html

32.
En todo sitio web o
aplicación el usuario
quiere lograr unos
objetivos

33.
¿Qué objetivos pueden
tener los usuarios en el
ecommerce de una
librería?

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.
En todo sitio web o
aplicación el usuario
puede realizar unas
tareas

36.
Tareas entendidas como
actividades, tareas de
alto nivel

37.
¿Qué tareas pueden hacer
los usuarios en un
ecommerce de una
librería?

38.
Estas tareas tienen que
responder a los objetivos
de los usuarios

39.
Comprarle un libro
a mi hijo
Qué quiero hacer
Qué puedo hacer Cómo lo puedo hacer
Funcionalidades e
implementación
concreta

40.
?

41.
Featuritis
Imagen http://uxmag.com/articles/avoiding-featuritis-in-the-connected-car-gold-rush

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.
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.
No todas las tareas
son igual de importantes

45.
Nuestro objetivo es
identificar las tareas
críticas de nuestro sitio o
aplicación

46.
Características de una
ruta roja en nuestro sitio
o aplicación

47.
1 Hace referencia a una
actividad completa
“Comprar un libro”, sí
“Seleccionar forma de pago”, no

48.
2 Tiene implícita una
medida de logro obvia y
cuantificable
“Comprar un libro”, sí
“Qué sea fácil de usar”, no

49.
3 Es un objetivo de alto
nivel portable a otros
sitios de la competencia
“Comprar un libro”, sí
“Pagar con PayPal”, no

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.
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.
6 Debes tener en cuenta
los objetivos clave de tus
usuarios

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.
7 Debes tener en cuenta
los objetivos estratégicos
de la organización

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.
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.
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.
Beneficios de
identificar las
rutas rojas

59.
1 Luchar contra la
Featuritis

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.
2 Priorizarlas en la
arquitectura de información

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.
https://www.buscador.com/

64.
Imagen: http://www.eltiempo.com/tecnosfera/tutoriales-tecnologia/como-usar-la-version-para-computador-de-whatsapp/15133736

65.
Imagen: http://www.eltiempo.com/tecnosfera/tutoriales-tecnologia/como-usar-la-version-para-computador-de-whatsapp/15133736

66.
3 Desarrollo ágil
MVP (Minimum Viable Product)
Mínimo producto viable
¿Con qué características salimos al mercado?

67.
4 Priorizar la evaluación y
resolución de problemas

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.
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.
Evaluemos primero nuestras red routes
Accesibidad

71.
Aplicación en
un proyecto
real

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.
1 Identificar las tareas de
alto nivel

74.
2 Volumen de usuarios y
frecuencia

75.
Descarga plantilla http://www.usableyaccesible.com/archivos/plantilla_red_routes_olga_carreras.xlsx

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.
Tiene que estar basado
en datos cuantitativos
representativos

78.
Perfil 1

79.
3 Tareas críticas

80.
Perfil 1

81.
4 Objetivos estratégicos
de la organización

82.
Perfil 1

83.
5 Tener en cuenta las
rutas rojas en la
arquitectura de
información

84.
ANTES

85.
rutas rojas + card sorting
DESPUÉS

86.
rutas rojas + card sorting
DESPUÉS

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.
Debate
Efectividad de aplicación
en otros desarrollos