About
Acerca de Harmonía
¿Qué es un sistema de diseño?
Es una infraestructura esencial para garantizar la calidad del diseño y la eficiencia del desarrollo en empresas. Un sistema de diseño es la única fuente de verdad que agrupa todos los elementos que permitirán a los equipos definir, prototipar y desarrollar un producto. Por lo tanto, un sistema de diseño no es una entrega, sino un conjunto de entregables. Evolucionará constantemente con el producto, con las herramientas y con las nuevas tecnologías.
Para crear un Design System nos basamos en el concepto Atomic Design. Este método, inspirado en los principios de la química e ideado por Brad Frost, nos permite construir productos complejos con base en:
Átomos → Moléculas → Organismo → Templates → Páginas
En conclusión, un sistema de diseño es una serie de componentes que pueden reutilizarse en diferentes combinaciones. Esto nos ayuda a:
- Mejorar la calidad del producto digital que estamos desarrollando.
- Homologar la consistencia visual en todas las plataformas disponibles para elektra.mx.
- Optimizar la velocidad del diseño y desarrollo de los elementos, así como componentes funcionales de Web y Apps.
- Impulsar la escalabilidad de elektra.mx como e-commerce
- Evitar confusión o debates innecesarios entre los equipos de diseño y desarrollo
¿Cuáles son los problemas de no tener un sistema de diseño?
Componentes duplicados
El equipo de desarrollo termina teniendo que crear más de 50 colores grises, 10 tipos de modales, 5 formas diferentes de filtrar una tabla, 20 botones con estilos parecidos pero diferentes, 40 estilos de tipografía con 5 fuentes diferentes, etc.
Desarrolladores bloqueados
Los desarrolladores tienen que esperar nuevas iteraciones de los diseñadores y, en casos, ante estas circunstancias, los desarrolladores siguen adelante y acabamos teniendo experiencias de usuario inconsistentes o fuera de marca.
Deuda tecnológica
A medida que pasa el tiempo y el producto se hace más grande, el costo de los cambios en las características también aumenta. El diseño y la deuda tecnológica se van acumulando.
Un método ideal
Un sistema de diseño es la fuente que agrupa todos los elementos que permitirán a los equipos definir, prototipar y desarrollar un producto.
Por lo tanto, un sistema de diseño no es una entrega, sino un conjunto de entregables y que evolucionará constantemente con el producto, con las herramientas y con las nuevas tecnologías.
También puedes consultar
Atomic Design
Diseñando de lo particular a lo general
Versions
Historial de actualizaciones y mejoras
Equipo
Conoce al equipo detrás de Harmonía
A través de nuestro sistema de diseño establecemos prácticas que nos permitan el diseño de una interfaz más aceptable y que ayuden a mejorar la experiencia de nuestro usuario para el e-commerce de Elektra.mx
Aquí puedes encontrar el portal digital y las apps disponibles:
