Cómo en Aerolab se fue iterando una metodologia de diseño hasta llegar al workflow actual. Además, un caso de estudio donde se podrá ver aplicado dicho workflow.

1. WC
BA
17
Juani Ruiz Echazú
Design Workflow
@heyimjuani

2. @heyimjuani@heyimjuani
Holis.
Juani Ruiz Echazú
UX Director @ Aerolab

3. @heyimjuani@heyimjuani
Workflow

4. @heyimjuani@heyimjuani

5. @heyimjuani@heyimjuani

6. @heyimjuani@heyimjuani
El diseño es subjetivo
Cualquiera puede opinar

7. @heyimjuani@heyimjuani
Clientes vs. producto
Suelen no entender cómo se trabaja

8. @heyimjuani@heyimjuani
Duración estimada originalmente
Aplicación de
feedback

9. @heyimjuani@heyimjuani
Duración estimada originalmente
Aplicación de
feedback
MUERTE

10. @heyimjuani@heyimjuani
Duración estimada originalmente
Aplicación de
feedback
MUERTE

11. @heyimjuani@heyimjuani
Objetivo: cerrar a
tiempo
…y que sea de calidad

12. @heyimjuani@heyimjuani
Divide and rule
Cómo lo hacemos en Aerolab

13. @heyimjuani@heyimjuani

14. @heyimjuani@heyimjuani

15. @heyimjuani@heyimjuani4 aerolovers + 8 galos

16. @heyimjuani@heyimjuani4 aerolovers + 8 galos

17. @heyimjuani@heyimjuani
1Relevamiento
A ver en qué nos metimos…

18. @heyimjuani@heyimjuani

19. @heyimjuani@heyimjuani

20. @heyimjuani@heyimjuani

21. @heyimjuani

22. @heyimjuani@heyimjuanimural.ly

23. @heyimjuani
Sos mi banco, ya sabes
qué servicio tengo
¿Por qué me estás pediendo que
te lo indique yo?

24. @heyimjuani
Sos mi banco, ya sabes
qué servicio tengo
¿Por qué me estás pediendo que
te lo indique yo?

25. @heyimjuani
Por donde empezar…
Mira esa alineación,
esas mayúsculas

26. @heyimjuani
Por donde empezar…
Mira esa alineación,
esas mayúsculas

27. @heyimjuani
Los colores transmiten
frescura, juventud
¿Y por que tienen distinto ancho?

28. @heyimjuani
¿Y por que tienen distinto ancho?
Los colores transmiten
frescura, juventud

29. @heyimjuani
Flujo de transferencias

30. @heyimjuani
Flujo de transferencias

31. @heyimjuani@heyimjuani
Tipo de transferencia
Cuenta a debitar
Monto
Cuenta a acreditar
Transferencias, antes:

32. @heyimjuani@heyimjuani
Tipo de transferencia
Cuenta a debitar
Monto
Cuenta a acreditar
Transferencias, antes:

33. @heyimjuani@heyimjuani
Definir lineamientos
Van a regir nuestro producto

34. @heyimjuani@heyimjuani
Simple
Transparente
Claro
Confiable

35. @heyimjuani@heyimjuani
Simple
Transparente
Claro
Confiable

36. @heyimjuani@heyimjuani
Tener métricas de uso
bien presentes

37. @heyimjuani@heyimjuani
Respetar patrones
de cada sistema
operativo

38. @heyimjuani@heyimjuani
De lo general
a lo particular

39. @heyimjuani@heyimjuani
Limpia
visualmente hablando

40. @heyimjuani@heyimjuani
Hablar en humano

41. @heyimjuani@heyimjuani
Ahorrar pasos

42. @heyimjuani@heyimjuani
Entregables:
análisis, propuesta
y roadmap estimado

43. @heyimjuani@heyimjuani
Approach propuesto
En qué se deberían fijar:

44. @heyimjuani@heyimjuani
2Arquitectura de la
información
Cada cosa en su lugar

45. @heyimjuani@heyimjuani

46. @heyimjuani@heyimjuani

47. @heyimjuani@heyimjuani

48. @heyimjuani@heyimjuani
Entregables:
nueva arquitectura,
flowmap

49. @heyimjuani@heyimjuani
Estructura a nivel data
En qué se deberían fijar:

50. @heyimjuani@heyimjuani
3Wireframes lo-fi
Primeros pasos

51. @heyimjuani

52. @heyimjuani

53. @heyimjuani@heyimjuani
Definir patrones

54. @heyimjuani

55. @heyimjuani@heyimjuani
Entregables:
mamarrachos
escaneados

56. @heyimjuani@heyimjuani
Cómo todo va
tomando forma,
definir si pueden
conseguir esa data
En qué se deberían fijar:

57. @heyimjuani@heyimjuani
Tipo de transferencia
Cuenta a debitar
Monto
Cuenta a acreditar
Transferencias, antes:

58. @heyimjuani@heyimjuani
4Wireframes hi-fi
Pasando en limpio

59. @heyimjuani@heyimjuani

60. @heyimjuani@heyimjuani

61. @heyimjuani@heyimjuani
Después testeamos

62. @heyimjuani@heyimjuani

63. @heyimjuani@heyimjuani
ALELUYA POR
ESTA UX

64. @heyimjuani@heyimjuani
Entregables:
prototipo interactivo

65. @heyimjuani@heyimjuani
Ubicación final de
data,
THE END IS NEAR
En qué se deberían fijar:

66. @heyimjuani@heyimjuani
5Visuales
Yes.

67. Propuesta A
Si bien esta propuesta acuerda con parámetros y es compatible con el
ecosistema de Android, termina resultando muy tradicional, con el
peligro, incluso, de ser confundida con otras apps de la plataforma, y un
poquito de sarasa para condicionarlos de forma negativa :D

68. @heyimjuani@heyimjuani
Simple
Transparente
Claro
Confiable

69. Propuesta B
Esto es el futuro. Solamente con un color logramos diferenciar
absolutamente el segmento y logramos una imagen pura, estilizada y de
nivel, en cada uno de los segmentos.

70. @heyimjuani@heyimjuani

72. @heyimjuani@heyimjuani
Les vendimos el
futuro, ¡y compraron!
Sí

73. @heyimjuani@heyimjuani
Les vendimos el
futuro, ¡y compraron!
Sí

74. @heyimjuani@heyimjuani
Ya sabemos quien sos
Nada de elegir de qué segmento
sos, tranqui con el uso de colores

75. @heyimjuani@heyimjuani
Cuenta principal
La vas a usar para la gran
mayoría de tus transacciones

76. @heyimjuani@heyimjuani
Lo más usado al frente
Estas 3 funcionalidades
acaparan el 80% de las
interacciones dentro de la app

77. @heyimjuani@heyimjuani
El resto al hamburger
Si lo necesitas lo vas a buscar
hasta el fin de los tiempos

78. @heyimjuani@heyimjuani
Cards
Que sirvan para darme cuenta
rápidamente de donde estoy

79. @heyimjuani@heyimjuani@heyimjuani

80. @heyimjuani@heyimjuani

81. @heyimjuani@heyimjuani

82. @heyimjuani@heyimjuani

83. @heyimjuani@heyimjuani

84. @heyimjuani@heyimjuani
Movimientos de dinero

85. @heyimjuani@heyimjuani
Probablemente siempre
uses la misma cuenta
Así que la elegimos como origen
por vos

86. @heyimjuani@heyimjuani
Que el sistema trabaje
por nosotros
Un único tipo de transferencia

87. @heyimjuani@heyimjuani
Queríamos que la
interfaz sola sugiriera
qué hacer

88. @heyimjuani@heyimjuani

89. @heyimjuani@heyimjuani

90. @heyimjuani@heyimjuani
1456678246
horas ahorradas
Nuestro proceso en números

91. @heyimjuani@heyimjuani
25 diseñadores más
contentos porque
hacemos cosas lindas
Nuestro proceso en números

92. @heyimjuani@heyimjuani
671245 clientes más
felices porque forman
parte del proceso
Nuestro proceso en números

93. @heyimjuani@heyimjuani
Registren su progreso

94. @heyimjuani@heyimjuani
El proceso es tan
importante como el
resultado

95. @heyimjuani@heyimjuani
¡Graciela!
medium.com/aerolab-stories