El Gobierno en Diseño: Sistemas de Diseño Únicos
“Las organizaciones creen que hay que darle pausa a su trabajo de producto y enfocarse en crear librerías de componentes. Esto es un error. Sí, la creación de componentes es parte del Atomic design, pero también es crucial tener pantallas de productos al mismo tiempo”.
Cuando Brad Frost, creador el diseño Atómico, nos dice que los clientes se quejan de que los procesos de diseño frenan las salidas de producto, sin duda, tiene mucha razón.
Ante la posibilidad de parar la máquina y detener las salidas que ya estaban comprometidas, nacen equipos encargados no solo de diseñar bloques de elementos, sino también de asegurarse de que estos bloques sean amigables y coherentes al armar, que tengan un valor como partes que se integran.
La apuesta de establecer un Design system es precisamente ahorrar tiempo en las salidas de producto. Ahorrar el tiempo de hacer encajar las partes entre sí y ahorrar el tiempo en que cada organismo, creado por diseño, tenga que ser revisado por los dueños del producto, como un nuevo y desconocido hijo. Siguiendo la lógica del ciclo de la vida, cuando se comparte un mismo ADN, se conoce cómo se produce esa unión y, tal como si fueran genes, se aprecia lo bueno de trabajar con un sistema de diseño.
Más automático por favor
Ejemplifiquémoslo en un problema muy observable de diseño, tomando en cuenta los sitios y minisitios del British Museum. Con colecciones que van desde billeteras de bitcoin hasta momias del antiguo Egipto, la escala y diversidad de las experiencias digitales del museo es muy amplia. Con tal abanico de experiencias, lo que se necesitaba era ir más allá de lo que un CMS tradicional podía entregar.
Usando lógicas de sistemas de diseño que ya habían estudiado hace años para papel, e implementando una infraestructura de contenido en Contentful, el museo hoy despliega diferentes experiencias como audioguías, instalaciones interactivas en las mismas muestras y un sinfín de sitios web de colecciones o exhibiciones. Todo desde una sola plataforma de proyectos digitales, extensible a nuevos canales de presentación, con la posibilidad de recibir adaptaciones de cada uno de los equipos de curadoría, para así poder expresar las características del contenido específico, bajo el mismo set de reglas.
Deconstrucción Digital
Así como hoy tenemos un montón de protocolos de seguridad, normas de materiales y requisitos de sanidad, electricidad, entre otros tantos, para declarar habitable un lugar, la complejidad de los espacios digitales, por la multiplicidad de sus contextos y casos de uso también requiere que, en el trabajo de diseño, vayamos pensando por partes.
Si tomamos el ejemplo de un museo, que recibe miles de personas diariamente, la relación que nosotros tenemos con el museo y los distintos puntos en que hacemos contacto con él, tiene muchas constantes: tipografías, colores, estilos, espaciados, dirección de arte en sus fotografías, etc.
En el caso del sitio web del British Museum, las definiciones están representadas en sus menús, footers , cards de historias, campos de suscripción para newsletter, etc.
Todas estas expresiones del sistema de diseño buscan aplicarse en componentes. Y así una vez que tenemos las reglas globales, comenzamos a crear, modularmente, las unidades que satisfacen los puntos necesarios para avanzar la entrega del producto. Recién con esa idea de componentes prioritarios resuelta es cuando empieza a nacer el ambiente de nuestro sistema de diseño, donde en diferentes espacios existe una transversalidad en el uso de elementos y componentes, así como de sus relaciones.
En Conclusión
- La creación e implementación de un sistema de diseño apuesta por lo ágil. Se avanza por varios frentes, con reglas definidas, y los cambios de elementos que pueden afectar de manera transversal, se documentan para el uso de los demás integrantes del equipo.
- Con un diseño sistematizado y modular se construye los cimientos para respetar la máxima del “uno para todos” . Lo que evolucionan son las partes que sumadas van dando esa marca o sello de producción que todos pueden sentir y usar.
- Un sistema de diseño esta hecho para crecer. Sus distintos bloques se pueden replicar y reutilizar, pero de acuerdo a los escenarios nuevos que enfrente nuestro producto, siempre pueden aparecer elementos y componentes nuevos que aporten experiencias y construcciones más ricas y avanzadas.
Para Saber más
Sobre los Design Systems hay muchos casos y bueno, también están disponibilizados los mismos sistemas de diseño en los sitios de sus compañías. Para empezar a entender:
- Verdades y mitos sobre sistemas de diseño de Rubén Ferreira Duarte.
- Reimaginando los Design Systems en Spotify. O cómo fue que en Spotify, después del desorden y la deriva, se motivaron a crear su propio sistema de diseño: Encore.
- TED Swatches: una guía viva a los estilos, helpers y widgets usados para producir el sitio de TED.com.
Muchos agradecimientos para Cgutierh por su apoyo y precisiones, al igual que a Patricia Sarmiento