Sistemas de Diseño, lo que deberías saber

Los Sistemas de Diseño o Design systems son librerías o colecciones de componentes e información con la que se componen las interfaces: botones, fuentes, interlineados, tamaños de textos, colores... permitiendo construir rápidamente interfaces de manera escalable. Aunque no solo se agrupan componentes gráficos, en estas guías de estilo se pueden y deben incorporar también patrones y partes de la cultura de la empresa para darle coherencia en el diseño a todo el conjunto.

El propósito principal a la hora de crear estos Sistemas de Diseño se resumen en: facilitar el trabajo a los equipos.

Y antes de comenzar cualquier proyecto desde cero, es importante alinearse en torno a un conjunto de objetivos compartidos para construir una visión general y enfocarla a una serie de objetivos que evolucionarán transversalmente con el tiempo.

Ventajas y desventajas de contar con un Sistema de diseño

Emplear un Sistema de Diseño trae tanto cosas buenas (su gran mayoría, en mi opinión) y malas:

Ventajas

• El trabajo de diseñar y desarrollar se puede complementar y replicar de forma rápida y transversalmente.

• Alivia la presión sobre los recursos de diseño para poder centrarse en los problemas más grandes y complejos.

• Crea una línea gráfica con un lenguaje unificado entre los equipos.

• Crea consistencia visual entre todos los canales y departamentos.

Desventajas

• Crear y mantener un Sistema de Diseño acaba requiriendo bastante tiempo y un equipo implicado.

• Se necesita también tiempo para poder enseñar a otros cómo usar el Sistema de Diseño.

• Puede hacer que parezca que los proyectos son creaciones únicas que no requieran de componentes reutilizables.

Tipos de Sistemas de Diseño

Existen varios tipos de Sistemas de Diseño, pero para poder definir cual es el que queremos, tenemos que pararnos a pensar una serie de cuestiones, como cuántas personas van a usarlo, si son lo suficientemente experimentados usándolos, de cuántos tipos de tecnología hacemos uso (Angular, React..), el grado de consistencia que queremos en el producto... Incluso las plataformas que usamos, pensar todo eso nos va a ayudar a definir el tipo de Sistema más adecuado para nuestro proyecto.

Sistema de Diseño Estricto

Este sistema abarca una documentación completa y detallada y estará totalmente sincronizando a los equipos de diseño y desarrollo. Este sistema además debe ser muy amplio para cubrir la mayoría de situaciones en las que los equipos pueden acabar encontrándose, y para introducir un nuevo patrón en el sistema, habrá un proceso muy estricto.

Sistema de Diseño Suelto

Este sistema deja más espacio para la experimentación, básicamente, proporciona un marco para los equipos al tiempo que preserva cierta libertad. Los diseñadores y desarrolladores son libres de usarlo o no, teniendo en cuenta las necesidades particulares para el producto.

Este sistema hace contraste con el Sistema de Diseño Estricto porque es totalmente lo contrario. Por un lado podemos hacernos la idea de que el estricto podría repeler a los diseñadores y que los desarrolladores no quieran usarlo, pero por otro lado, podemos pensar que si un sistema es tan flexible y flojo, ¿realmente es un Sistema de diseño?

Sistema de diseño Modular

Este sistema está hecho a piezas que pueden ser intercambiables y reutilizables. Se adapta bien a proyectos que tienen que estar rápidamente y que tiene que adaptarse a múltiples necesidades de los usuarios. Este sistema se suele utilizar para productos a gran escala como eComerce, finanzas y sitios webs gubernamentales, pero es importante trabajar con el diseño atómico en mente para poder llevarlo a cabo.

Sistema de Diseño Integrado

Este sistema se centra en un contexto único, y también se compone de partes, pero éstas no serán intercambiables. Se suele usar para productos que tienen muy pocas partes repetidas y que necesitan una dirección de arte fuerte y a menudo cambiante, como portafolios, escaparates, campañas de marketing...

Sistema de Diseño Centralizado

En este sistema un equipo está a cargo del Sistema y lo hace evolucionar, facilitando el trabajo a los otros equipos. Además de que tiene que estar cerca de ellos y muy comunicados para asegurarse de cubrir la mayoría de sus necesidades.

Sistema de Diseño Distribuido

En este sistema, varias personas de varios equipos están a cargo del Sistema. La adopción de este sistema acaba siendo muy fluida porque todos los integrantes del equipo se sienten involucrados, pero también necesita de líderes de equipo que mantengan una visión general del mismo.

Conclusiones

Resumiendo los Sistemas de Diseño son muy importantes para diseñar de forma rápida una interfaz, mantiene una claridad y una consistencia garantizando que todos comprendan y sigan los estándares del diseño; permite una escalabilidad y un mantenimiento para poder ir mejorando de manera efectiva el producto con el tiempo; y sirve como punto de comunicación y colaboración compartida entre equipos. Conocer todos los tipos te permitirá elegir entre uno u otro adaptándote mejor al desarrollo.