El propósito fundamental de un Sistema de Diseño es facilitar el trabajo de los equipos. Entonces, la primera pregunta que debemos hacernos no es “¿Qué debo poner dentro de mi Design System?” sino “¿Quién lo va a utilizar y cómo?”.
Una vez definido nuestro target y tenemos una primera idea de lo que ya existe en la empresa (¿Qué está funcionando o no? ¿Cuál es el nivel de madurez de los equipos en este tema? ¿Cuáles son las herramientas existentes?…), Será más fácil saber por dónde empezar.
#1. Propósito y valores compartidos
©Jahit Janberk
¿A dónde vamos? ¿Por qué? ¿Y cómo?
Antes de comenzar cualquier cosa, es esencial alinear los equipos en torno a un conjunto claro de objetivos compartidos. Ayudará a construir una visión y a garantizar que todos miren en la misma dirección. Estos objetivos evolucionarán con el tiempo y es normal. Sólo tenemos que asegurarnos de que los cambios se comuniquen ampliamente.
En cuanto a los valores, son como grandes ideales que guiarán nuestras elecciones, según los objetivos de la marca. Necesitamos asegurarnos de que lo que estamos diseñando no difiera de estos valores clave.
Además de estos valores de marca y producto, también podríamos definir algunos valores de equipo que traerán a cada colaborador un estado mental compartido.
Pósteres que el equipo de ASH creó para sus valores fundamentales
#2. Criterios de diseño
Principios de diseño: una colección de principios y métodos de diseño.
Lo primero que hay que tener en cuenta: los principios de diseño son mucho más que el simple aspecto visual de un producto…
Los principios de diseño son las frases rectoras que ayudan a los equipos a alcanzar el propósito del producto gracias al diseño.
Ayudarán a los equipos a tomar decisiones de diseño significativas.
Tomaré el ejemplo de Medium. Uno de sus principios de diseño es “Dirección sobre elección”. Gracias a ese principio, en lugar de diseñar un editor de texto normal con opciones ilimitadas de colores y fuentes, optaron por uno más sencillo. Eso permite al autor centrarse en el contenido de su artículo más que en su aspecto visual.
Los principios de diseño deben guiar las decisiones de diseño
#3. Identidad y lenguaje de marca
Shopify identidad de marca
La identidad debe definirse en línea con la estrategia y los objetivos de la marca. Alla Kholmatova habla de los “patrones de percepción” que enumera a continuación:
ColoresFuentesEspaciosFormasIconosIlustracionesFotografíasAnimacionesVoz y tonoSonidos
Todo ello forma el alfabeto de la Marca.
Es un buen punto de partida, ¡pero seguramente no es suficiente para hablar un idioma! Tenemos que ir más allá para utilizar este alfabeto para componer algunas palabras y luego asociar estas palabras para obtener frases que tengan sentido. Estos elementos de marca necesitarán unas reglas que serán, en cierto modo, la gramática y la conjugación del Sistema.
En nuestro Sistema de Diseño, se materializa mediante pautas, normas y “buenos ejemplos” de uso.
Ejemplos de pautas de identidad ©Backelite
Esto garantizará que los equipos de diseño utilicen las “combinaciones correctas” de este lenguaje, aquellas que hacen que la marca sea única y reconocible.
#4. Componentes y patrones
Los componentes y patrones son el corazón del sistema. Todos los elementos mencionados anteriormente nos ayudarán a crearlos y ofrecer una experiencia consistente.
Los componentes son nuestros bloques LEGO. Los diseñadores los utilizan en Sketch y los desarrolladores directamente en el código. Debe especificarse su comportamiento funcional.
En cuanto a patrones, ellos Son las instrucciones de construcción que nos permitirán utilizar estos componentes de forma lógica y coherente en todos los productos.
En la imagen a continuación, podemos ver claramente que un componente se especificará con documentación técnica y funcional, mientras que un patrón dará recomendaciones sobre cómo usarlo:
Patrón versus componente ©Nathan Curtis
Si se pregunta qué componente debería desarrollar primero para su sistema, puede realizar un taller de priorización de componentes.
Mejores prácticas
Además de la documentación, que a menudo está directamente vinculada al Sistema, las mejores prácticas acompañarán a los equipos de forma más amplia y transversal.
La idea es profundizar en las mejores prácticas generales y extraer solo aquellas que tengan sentido, según el producto y el nivel de madurez de los equipos.
Las mejores prácticas ayudarán a los equipos a formar y desarrollar sus habilidades técnicas.
“Cómo” en el sistema de diseño de la BBC