Contexto
En el contexto de Transbank, mantiene un Design System establecido, cada equipo (VS) opera con un grado de autonomía en términos de componentes y desarrollo. Aunque el Design System proporciona una base sólida de componentes y pautas de diseño para todo el negocio, cada VS tiene la flexibilidad de generar su propio UI Kit para abordar necesidades específicas de sus productos y flujos.
Desafío
Necesitábamos que este UI Kit sea completo y cohesivo para el equipo y que pudiéramos satisfacer necesidades específicas de nuestra área. Esto implicaba varios obstáculos:
Consistencia y coherencia: Nos encontramos con distintos componentes pero con una misma función, por lo que hicimos un catastro completo de elementos y sus distintas versiones para tener una mirada más general del proyecto. Esta etapa fue crucial para garantizar una experiencia fluida y sin interrupciones.
Escalabilidad y flexibilidad: El UI Kit debía ser lo suficientemente flexibles y escalable para adaptarnos a futuras iteraciones de productos dentro del área.
Integración con el Design System del negocio: Necesitábamos asegurar la alineación con el UI Kit con el DS del negocio, por lo que tuvimos varias reuniones con el equipo de Design System para garantizar las pautas de diseño ya establecidas.
Documentación
El enfoque principal es establecer una documentación que sirva como referencia tanto para nuestro equipo como para desarrollo y otros stakeholder. La documentación abarca la descripción, sus variantes y estados, también se incluyen ejemplos visuales de contextos de uso para garantizar una comprensión clara de cada elemento.
Además, se establece un proceso de handoff a desarrollo, que define como se entregará cada flujo que se diseñe para su correcta implementación.
Resultado e impacto
Al implementar el UI Kit, el equipo experimentó una mayor cohesión y alineación en el proceso de diseño, lo que se vio reflejado en una reducción del tiempo dedicado a la creación y revisión de las interfaces, así empezamos a dedicar más tiempo a medir nuestro producto y el impacto al usuario.
Aprendizajes
Durante el proceso adquirimos aspectos positivos a los desafíos que enfrentamos y cómo estás experiencias contribuyeron al crecimiento y mejora del equipo en general. Principalmente se encuentra la importancia de colaboración y la comunicación efectiva durante el proceso. Además, destaco la planificación que logramos generar, sesiones semanales para tener una iteración continua y estar al tanto de las actualizaciones del UI Kit.
