Los sistemas de diseño son herramientas colaborativas creadas por componentes reutilizables y guiadas por estándares, que ayudan a las empresas principalmente a desarrollar mejores experiencias de usuarios y fortalecer la marca del producto.

El uso de esta herramienta nos ayuda a mejorar la consistencia de nuestros productos y a que crezca de forma controlada y consistente. Además, son especialmente útiles para crear experiencias digitales escalables.

Estos sistemas abarcan todo lo que requiere la construcción de un producto como: la tipografía, los colores, la maquetación de componentes, los estilos, el código, el tono comunicativo de la marca, …

¿Por qué son importantes?

Nos permiten gestionar el caos y crear mejores productos. Un sistema de diseño unificado es esencial para construir mejor y de forma más rápida el producto y la propia experiencia de usuario.

  • Beneficios del uso de los sistemas de diseño
  • Mejora la comunicación entre el propio equipo de diseño.
  • Nos ayuda a mantener la consistencia del producto, ya que todos los elementos mantienen coherencia entre ellos, a consecuencia ganamos credibilidad.
  • Optimización del tiempo.
  • Mantener una guía de elementos que se van a reutilizar varias veces.
  • Reduce la probabilidad de errores al realizar cambios en el diseño.
  • Mejora la experiencia del usuario gracias a la unificación de los estilos.

Ejemplos de Design Systems

No hay mejor manera para entender y ver cómo funcionan los sistemas de diseño que con ejemplos. Por suerte, muchos de los grandes equipos hicieron públicos sus sistemas. Gracias a esto, podemos aprender buenas prácticas para crear nuestros propios sistemas con ayuda de los existentes.

Aquí tienes algunos ejemplos:

  • Material Design: es uno de los sistemas más populares.Actualmente es utilizado no solo por el equipo de Google sino también por muchos creadores de Android y aplicaciones web.
  • Atlassian Design System: uno de los más completos del mercado utilizado en productos reales creados por Atlassian.
  • Polaris: el sistema de diseño creado por Shopify
  • Carbon: creado por IBM
  • Human Interface Guidelines: sistema de diseño de Apple.
  • Grommet: sistema de diseño de Hewlett-Packard.

Conclusiones

No vamos a mentir, construir un sistema de diseño desde 0 no es tarea fácil. Al principio tiene un coste, necesitas dedicarle más tiempo, pero a medida que avanzas la velocidad aumenta y la eficiencia también.
Ganas rentabilidad con esta herramienta si tienes claro que se va a utilizar a lo largo del tiempo.
Son sistemas vivos y están en constante cambio por eso es importante estar continuamente trabajando en ellos.

Si te preguntas cómo empezar a crear tu Sistema de Diseño, nos vemos en el siguiente artículo: Principios de diseño atómico ¡No te lo pierdas!

Autor: Mar Puig