Mango

Un sistema de diseño es un conjunto de estándares para administrar el diseño a escala al reducir la redundancia mientras se crea un idioma compartido y una coherencia visual en diferentes páginas y canales.

nngroup

Descripción general

Mango fue creado para crear eficiencias en los flujos de trabajo entre Diseño y desarrollo para ofrecer una experiencia de usuario clara y fluida. Este consiste en una colección de átomos, módulos, componentes y estilos.

Proceso

Trabajé en este proyecto junto a otro diseñador. Desde el principio, comenzamos analizando lo existente y nos actualizamos con las nuevas funcionalidades de Figma, para facilitar la creación y el uso de componentes y variantes.

Mejoramos los componentes tanto para iOS como para Android, agregando diversas variantes para celdas, inputs, cards, y otros elementos. Además, desarrollamos una amplia gama de nuevos componentes que necesitábamos para otros proyectos.

Además de revisar y mejorar los componentes, nos enfocamos en optimizar las librerias de color para cada sistema operativo. Creamos una biblioteca con accesibilidad presente y con nombres claros, de manera que los diseñadores puedan identificar fácilmente a qué aplicar y a qué no en sus diseños.

Conclusiones

Colaboré en esta nueva versión de Mango junto a un diseñador de mi equipo. Mantuvimos reuniones regulares con todo el equipo para mostrar los avances y priorizar los componentes que se necesitarían en breve. Este enfoque mejoró significativamente el proceso de diseño, facilitando su uso y comprensión.