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 los sistemas de diseño?
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