Del papel a la pantalla: Evolución y beneficios de los Sistemas de Diseño

Todo aquel que haya estado relacionado con el diseño, especialmente con el diseño gráfico offline, conoce la importancia de la consistencia en la aplicación de una imagen de marca, incluso habrá tenido en sus manos algún manual que ofrezca pautas a la hora de crear nuevas piezas. De esta manera, la organización se asegura que su marca se represente y comunique de un modo coherente, respetando una línea visual que genere una identificación inmediata con los atributos que desea trasladar.

Orígenes de los Sistemas de Diseño

Esta idea de estandarizar la identidad visual de una marca ya la puso en práctica en 1975 la NASA con su Manual de Identidad Corporativa (“NASA Graphics Standards Manual”), que incluía la aplicación de colores, tipografía y logotipos que los diferentes equipos podían utilizar, así como principios que determinaban cómo usarlos de forma correcta. Podemos considerar estos manuales como los precursores de los Sistemas de Diseño, un concepto familiar para aquellos que se mueven en el mundo del diseño de productos digitales. Los Sistemas de Diseño no son una moda más o una tendencia pasajera, sino una evolución inherente a la tecnología. Si retrocedemos en el tiempo a los inicios de Internet, veremos que la respuesta generada por un servidor al recibir una solicitud de un dispositivo se presentaba como una unidad de información llamada «página». Esta página contenía bloques de instrucciones para que el dispositivo ensamblara la página de manera adecuada. La evolución de la tecnología ha transformado Internet en algo modular. Las páginas estáticas iniciales, donde el contenido se diseñaba en bloques del mismo modo que sucedía en el diseño editorial, han dado paso a un entorno dinámico que se actualiza constantemente, nutriéndose de nuevas posibilidades.

¿Pero cuál fue el punto de inflexión que hizo que Internet pasase de ser un entorno estático, a uno dinámico? Al comienzo de los años 2000, la aparición de dispositivos multiplataforma —con diversas dimensiones y resoluciones— marcó el comienzo de lo que Brad Frost llamó «Diseño Atómico» («Atomic Design»), un nuevo ecosistema que permitía construir experiencias digitales que iban más allá del concepto estático de página. Es en este momento cuando surge el concepto de Sistema de Diseño, desvinculándose por completo de los medios tradicionales estáticos, como libros o páginas web.

Los Sistemas de Diseño en la actualidad: ¿Qué son?

Existen en la red multitud de definiciones, personalmente quiero hacer referencia a dos de los grandes conocedores de la materia:

“Un Design System ofrece una biblioteca de estilo visual, componentes y otras cuestiones documentadas y publicadas por un individuo, equipo o comunidad como herramientas de código y diseño, para que la adopción de los productos pueda ser más eficiente y coherente” — Nathan Curtis, cofundador de EightShapes.

“Un Design System es la historia oficial de cómo tu organización diseña y construye productos digitales.” — Brad Frost, diseñador web, consultor y escritor.

Y es que un Sistema de Diseño es un concepto mucho más complejo de lo que eran los antiguos manuales de marca:

• Representa un lenguaje común que une los mundos del diseño y el desarrollo.
• Es la fuente de la verdad que recoge las reglas y directrices a seguir.
• Es una potente herramienta para iterar y mantener de forma ágil los diferentes productos.
• Es una filosofía que impulsa la innovación y la coherencia dentro de la organización

Por ello, es clave que la organización lo trate como un Producto que sirve a otros productos, y no como un proyecto con una fecha de finalización. De este modo, como cualquier otro producto, tiene sus propios usuarios –no solo los diseñadores– sirviendo a múltiples miembros de la organización, desde Negocio, Producto o Desarrollo. Por lo tanto, debe satisfacer las necesidades de estos usuarios, aportando valor a lo largo del tiempo y evolucionado de la mano de la propia organización.

Así, al abrazar esta metodología y comprender su potencial, las empresas pueden forjar un camino hacia el éxito en el panorama digital.

Beneficios de adoptar un Sistema de Diseño

Podemos decir que los Sistemas de Diseño han llegado para quedarse y cada vez son más las organizaciones que aprecian el valor que aportan y vuelcan sus esfuerzos en construir uno propio. Sin embargo, como contra partida, algunos actores no consiguen ver su utilidad y surgen miedos en torno a su implementación, como…

• Los Sistemas de diseño limitan la creatividad.
• Los Sistemas de diseño hacen que los productos digitales sean todos iguales.
• Al aplicar un Sistema de Diseño, el propio proceso de diseño pierde su valor diferencial y se convierte en algo monótono.

Ante estas reticencias, y si hacemos un análisis en profundidad, son muchos más los beneficios que aporta un Sistema de Diseño a los equipos, como por ejemplo:

1. Flexibilidad y personalización: Aunque un Sistema de Diseño establece pautas a seguir, también puede ser lo suficientemente flexible para permitir adaptaciones y personalizaciones cuando sea necesario.
2. Consistencia visual: El Sistema de Diseño recoge los estándares para marcar la línea visual (colores, tipografía, iconografía…) Esto garantiza que todos los componentes y pantallas tengan una apariencia coherente en toda la aplicación o sitio web.
3. Mejora de la experiencia del usuario: La consistencia y la usabilidad mejoradas que proporciona un Sistema de Diseño conducen a una experiencia del usuario más positiva y consistente, lo que contribuye a aumentar la satisfacción del usuario y la retención.

El futuro de los Sistemas de Diseño

A medida que la tecnología avanza y las demandas de los usuarios evolucionan, los Sistemas de Diseño están destinados a seguir siendo una pieza fundamental en el mundo del diseño y el desarrollo digital. Su papel como facilitadores de la coherencia, de los procesos y de la eficiencia en la creación de productos digitales será fundamental en un mundo que evoluciona de forma vertiginosa.