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

«Los Sistemas de Diseño no son una moda más o una tendencia pasajera, sino una evolución inherente a la tecnología.»

Bajo esta premisa, Marta Rodríguez Maceda, Lead Design System en Openbank, nos habla de su evolución y desgrana punto por punto su papel como facilitadores de la coherencia, de los procesos y de la eficiencia en la creación de productos digitales.

Haz scroll para leer el artículo completo.

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.

Marta Rodríguez Maceda

Lead System Designer en Openbank (Grupo Santander)

Marta es madrileña de nacimiento y licenciada en Periodismo. Ha tenido la suerte de conocer el mundo de la prensa desde dentro como diseñadora gráfica trabajando en diferentes diarios nacionales como El Mundo, 20 Minutos y Público hasta que en 2012 se metió más de lleno en el mundo digital. En la UNED hizo un máster de desarrollo web y aplicaciones, y empezó a interesarse por el mundo de la experiencia de usuario. Es en ese momento en el que comienza a trabajar en consultoría haciendo productos digitales para marcas como Mahou, Seat o Caixa. Al trabajar en diferentes productos digitales de grandes marcas es dónde vió la importancia de tener un buen Sistema de Diseño.

Actualmente, es la responsable del equipo de Sistema de Diseño de Openbank, donde sigue aprendiendo cada día junto con sus compañeros a cómo dar forma a un Sistema de Diseño que dé soporte a todas las necesidades de sus usuarios que son perfiles muy diversos, diseñadores, desarrolladores, gente de negocio… dentro de un producto que crece a una velocidad vertiginosa.

Sistemas de Diseño

Ahora

1576€

Duración

50h

Siguiente convocatoria

octubre 2023

Un curso de 10 semanas, intensivo y eminentemente práctico, en el que recorrer todo el proceso de planteamiento, creación, actualización y gobierno de tu DS.

Un viaje en el que, desde el concepto hasta la forma de gobierno recorreremos todos los pasos para crear un sistema de diseño de máximo nivel. 50 horas intensas en la que aprenderás a gestionar un sistema como se hace en las mayores compañías del mundo.

Si quieres saber más, clica aquí.

Contamos más
cosas interesantes

Ciencia, Técnica y Arte en el Diseño de Productos

Por Esteban Díaz, Lead Designer en BBVA

¿Cuál es el alcance real del diseño como disciplina? Una pregunta que se hace Esteban Díaz y que trata de...

06/07/2023

Y tú, ¿qué historia quieres contarle al mundo?

Por Natalia Cisterna, Creative Researcher

¿Qué historia has imaginado y te gustaría llevar más allá? En este artículo, Natalia Cisterna nos invita a romper límites...

12/06/2023

La era de las imágenes: comunicación y responsabilidad en tiempos de información masiva

Por Vicent Almiñana, Diseñador, docente y comisario

Vivimos en una época histórica donde las imágenes y los mensajes que transmiten tienen un papel fundamental en la comunicación...

Este sitio web utiliza cookies
Este sitio web usa cookies para mejorar la experiencia del usuario. Al utilizar nuestro sitio web, usted acepta todas las cookies de acuerdo con nuestra política de cookies.
Aceptar todas
Rechazar todas
Mostrar detalles