Un Sistema de Diseño o Design System es una librería conformada por componentes, patrones, códigos e información que nos permiten componer un producto digital de forma ágil y coherente.

Los sistemas de diseño permiten desarrollar y prototipar rápidamente productos digitales, creando un lenguaje visual centralizado, escalable, reutilizable y compartido, con el cual nos aseguraremos que todos los miembros del equipo (diseño, contenido, desarrollo y QA) se encuentren en la misma página y colaboren avanzando en la misma dirección.

En un Sistema de Diseño no solo se agrupan elementos y componentes gráficos, en esta guía de estilo se pueden y deben incorporar también patrones y partes de la cultura de empresa y valores que se pretendan transmitir a través de los productos y servicios que se ofrecen.

Objetivo y Finalidad de un Sistema de Diseño

El objetivo de crear un design system es poder crear un producto que sea escalable, consistente e intuitivo. Esto nos permitirá tener:

• Diseño más eficaz: no hay que crear nuevos elementos de interfaz cada vez, crearemos elementos reutilizables.
• Optimización de procesos: nos permite entregar el trabajo más rápido y como consecuencia, dispondremos de más tiempo para mejorar e iterar nuestros
• Aumenta la consistencia: los desarrolladores y diseñadores son capaces de implementar una UI mucho más fácilmente y de una forma coherente.
• Mayor calidad: la consistencia aporta a nuestros productos mayor calidad y una mejor experiencia para nuestros usuarios.

Ahora que ya conoces que es el Sistema de diseño y cuál es su objetivo, te aclaramos algunas interrogantes:

¿De qué se compone un Sistema de Diseño?

La mayoría se basan en estos 3 pilares:

• Documentación: principios de diseño, patrones y buenas prácticas.
• Guías de estilos: logotipos, colores, tipografía, tono de voz, diseño visual y de interacción, grid sizes, espacios y retículas que se deben utilizar.
• Biblioteca de componentes: elementos de la interfaz predeterminados tanto para diseño como para desarrollo.

 ¿Cuándo se crea el Sistema de Diseño de un producto?

Tanto si el equipo está compuesto por pocos integrantes o incluso por una única persona, empezar a definir un sistema de diseño se agradecerá cuando el producto crezca.

Contar con un design system UX desde el principio del diseño de la UI facilitará mucho el correcto crecimiento del proyecto.

¿Quién crea el Sistema de Diseño?

Un design system lo crean varias partes de una empresa o producto. Los principales creadores del sistema de diseño son:

• Área de diseño y producto.
• Marketing.

Para finalizar, te compartimos referencias de algunos de los Sistemas de Diseño más populares:

Mailchimp: http://ux.mailchimp.com/patterns/color

Material Design de Google: https://material.io/design/

Fluent Design System de Microsoft: https://www.microsoft.com/design/fluent/#/

Atlassian Design Language – Trello y JIRA: https://atlassian.design/

Airbnb: https://airbnb.design/building-a-visual-language/

Te invitamos a trabajar junto a nuestro equipo de profesionales con amplia experiencia en el desarrollo de soluciones tecnológicas para diferentes industrias, que agregan valor a nuestros clientes.

Contáctanos a través de nuestro correo contacto@valuesite.cl