Sistemas de Diseño: ¿Qué son y necesitas uno?

Última actualización el 21 de noviembre de 2019

La uniformidad en la web tiene una connotación negativa. A menudo es sinónimo de aburrido, poco original o incluso copiado. Pero cuando se trata de la uniformidad de su sitio, cuenta una historia muy diferente; uno de confiabilidad, previsión, cuidado y organización. El diseño juega un papel cada vez más importante cada año. Por lo tanto, mantener el diseño de varios elementos de su producto en armonía entre sí puede convertirse en una tarea abrumadora. Para ayudar en esto, ha surgido el concepto de un sistema de diseño. Pero, ¿qué es un sistema de diseño? ¿Mi empresa incluso necesita uno? ¿En qué se diferencia esto de una guía de estilo? Todas estas preguntas (y más) serán respondidas en este artículo.

¿Qué es un Sistema de Diseño?

Un sistema de diseño es simplemente una forma escalable de implementar el diseño en una variedad de elementos a través de su(s) producto(s). Debe tener una documentación clara, principios y reglas que definan el propósito, la apariencia y el uso de los elementos que se utilizarán en todo el producto.

El propósito de su sistema de diseño es ayudarlo a crear el producto final. Con eso en mente, debería ser más fácil para usted o su equipo hacerlo usando elementos predefinidos que son reutilizables y modulares. Esto es para que pueda combinar elementos de diferentes maneras para crear productos con una sensación consistente, incluso cuando pueden tener diferentes propósitos. .

Esto no es algo que quieras apresurar. Su sistema de diseño debe ser la guía para construir proyectos actuales y futuros para su negocio, por lo que desea dedicar tiempo a elaborarlo.

Eso no significa que su sistema de diseño esté grabado en piedra una vez que lo haga. Debe verse como un proyecto continuo en el que trabaja, viendo qué funciona y qué no, y mejorándolo. Eso significa que no se hará en unos días. Requiere un análisis profundo de sus objetivos como empresa y los pasos que tomará para entregar un producto a sus clientes.

Guía de estilo de Design System VS

Hasta ahora podría parecer que un sistema de diseño es solo un nuevo nombre para una guía de estilo. Una guía de estilo cubre muchos de los mismos elementos, como el color, el estilo y la tipografía. ¿Entonces cuál es la diferencia? En lugar de considerarlos como opuestos entre sí, una guía de estilo puede ser parte de un sistema de diseño. Si bien describe muchos de los elementos que intervienen en el diseño, carece de los procesos que los hicieron, las herramientas que los crearon y cómo todos esos elementos funcionan juntos.

Un sistema de diseño pone contexto a su diseño de una manera que no lo hace una guía de estilo. Usando su sistema de diseño, puede crear los componentes básicos de sus productos siguiendo las reglas, los procesos y las herramientas descritas. Esto difiere de los conjuntos básicos de propiedades que siguen sus elementos. Puede considerar su guía de estilo como un subproducto de su sistema de diseño, que cubre una pequeña parte del panorama general. Consideremos este ejemplo:

Los ladrillos Lego que se fabrican hoy siguen siendo compatibles con los ladrillos Lego fabricados en 1958. Son uno de los mejores ejemplos de piezas intercambiables que se pueden usar para construir una variedad de cosas asombrosas. The Lego Company ha fabricado una variedad de conjuntos a lo largo del año que le permiten construir casi cualquier cosa que su corazón desee. Una guía de estilo se puede comparar con la lista de ladrillos que viene en cada paquete. Le dice cuántos ladrillos se incluyen, sus colores, sus tamaños y el número de pieza. Un sistema de diseño es como la guía de instrucciones para construir lo que se supone que debe ser tu decorado. Describe qué piezas van dónde y cómo deben ensamblarse para construir su creación, excepto que en lugar de decirle cómo construir una cosa, le muestra cómo construir varias estructuras diferentes utilizando exactamente el mismo conjunto de ladrillos. Saber cómo encajan y por qué puede ayudarte incluso a hacer algo completamente nuevo con las mismas piezas.

Si bien están relacionados, una guía de estilo y un sistema de diseño son dos cosas diferentes que juegan roles muy diferentes cuando se trata de diseño.

¿Por qué necesito un sistema de diseño?

Ahora que sabemos qué son los sistemas de diseño y cuál es la diferencia entre ellos y las guías de estilo, es posible que se pregunte si realmente necesita uno. Después de todo, es posible que solo esté creando un sitio web o dos o que solo tenga un producto principal. Desarrollar un sistema de diseño es definitivamente un compromiso de mucho tiempo; ¿Puedes realmente justificar el tiempo invertido? Si desea mejorar alguno de los siguientes, podría ser para usted.

Consistencia

Si desea tener una apariencia uniforme en todo su producto o sitio, puede beneficiarse de un sistema de diseño. Imagine un sitio que utiliza varios marcos para construir. Pueden tener diferentes estilos de botones, fuentes de títulos y varios otros elementos que no son consistentes. Se siente muy fragmentado y eso puede hacer que un sitio se sienta de muy baja calidad para un cliente. Con un sistema de diseño, su equipo tendrá más instrucciones sobre la forma exacta en que un elemento debe verse, sentirse y comportarse.

Eficiencia

Ya sea que tenga un gran equipo compuesto por diseñadores y desarrolladores, o solo usted mismo, un sistema de diseño puede hacerlo más eficiente. Tener elementos prefabricados que puede juntar le ahorrará tiempo y lo ayudará a trabajar más rápido. Esto es cierto aún más cuando está planeando construir un nuevo proyecto. No pierda más tiempo mirando marcos, colores, tipografía, todo está ahí en su sistema de diseño.

Unidad en el Equipo

Si está trabajando con un equipo, un sistema de diseño puede servir como una guía para el diseño en lugar de que cada uno haga el suyo propio. Su uso conduce a menos preguntas sobre cómo implementar un diseño. Todos tienen un recurso central para consultar que guiará las decisiones que tomen con respecto al producto. Esto es especialmente útil para las personas que necesitan ponerse al día rápidamente, como los nuevos empleados, los trabajadores remotos y los autónomos.

Si desea aumentar cualquiera de estas áreas, la creación de un sistema de diseño para su empresa puede considerarse un tiempo bien invertido.

¿Quién está usando un sistema de diseño?

Con toda esta charla sobre los sistemas de diseño y su importancia, ¿quién los está usando? Muchas grandes empresas conocidas utilizan un sistema de diseño e incluso los ponen a disposición del público para que los vea. Aquí hay algunos:

• Fluido de Microsoft
• Diseño de materiales de Google
• Polaris de Shopify
• Fotón de Firefox

Incluso el gobierno de los Estados Unidos tiene su propio sistema de diseño. Tenga en cuenta que es más que una simple biblioteca de componentes, sino que también incluye los principios y objetivos que dieron forma al propio sistema de diseño.

No es necesario ser una gran empresa para iniciar una. Tener uno incluso cuando eres pequeño te ayudará a implementarlo y mantenerlo a medida que creces. Es una herramienta diaria para que su organización se mantenga consistente, organizada y eficiente. Por lo tanto, deje de perder el tiempo reinventando la rueda para cada proyecto y considere seriamente la construcción de un sistema de diseño.

Autoría: Taj R.