Sistemas de diseño ¿qué son y para qué sirven?

Existen numerosas definiciones en torno a lo que son los sistemas de diseño, y aunque no hay ninguna consensuada por todos, según Plain Concepts, los sistemas de diseño buscan garantizar el desarrollo de elementos reutilizables, guiado por procesos claros, reglas y restricciones que ayuden a la toma de decisiones entre diseño y desarrollo para crear productos digitales.

Un sistema de diseño se vuelve indispensable en las grandes corporaciones donde es necesario acercar las distintas visiones existentes entre negocio, diseño y desarrollo.

Como señala Jose Antonio Méndez, responsable del BBVA Experience, el mejor sistema de diseño no es el más robusto, innovador o completo, el mejor sistema de diseño es el que se utiliza; ya que de nada valdrá ningún diseño si no hay un código que lo haga real para el usuario.

El uso de 'web components' resulta altamente efectivo para desarrollar sistemas de diseño.

En el momento actual del desarrollo web, donde la variedad de plataformas digitales diferentes no parece tener fin: relojes inteligentes, gafas virtuales, coches, móviles..., la modularidad y la reutilización de código son esenciales, y es aquí donde los 'web components' emergen como una herramienta poderosa para construir sistemas de diseño robustos y eficaces.

Construir una interfaz de usuario es complicado. En cualquier industria se busca crear una cadena de montaje altamente especializada y efectiva, sin embargo  en el mundo del desarrollo web aún se continúa haciendo las cosas desde cero cada vez.

Esto impide la especialización, lo que genera ineficiencia y baja calidad.

En el caso de BBVA, el uso de 'web components' ha sido fundamental para la creación de esa cadena de montaje, permitiendo la entrega rápida y eficiente de interfaces de usuario consistentes y de alta calidad en todas su variedad de plataformas.

La implementación del sistema de diseño de BBVA apoyándose en el uso de 'web components' facilita que los esfuerzos de un equipo puedan ser compartidos entre otros equipos y proyectos, evitando la duplicación de esfuerzos,  los desarrolladores ya no necesitan dedicar tiempo en abordar una y otra vez aspectos repetidos y que son comunes a todas las aplicaciones, como es un buscador, un widget de calendario o una tabla de datos.

Al disponer de un catálogo compartido entre todos los proyectos logramos que tanto negocio, diseño y desarrollo puedan enfocarse en lo que realmente importa; resolver los problemas de nuestros clientes y entregar valor.

Los 'web components' ofrecen una serie de beneficios claves para la construcción de sistemas de diseño como:

• Consistencia: Se asegura una apariencia y comportamiento consistentes en toda la aplicación o plataforma. Esto es crucial para mantener una experiencia de usuario coherente y fortalecer la identidad de marca.
• Modularidad: Se pueden combinar y componer fácilmente para construir interfaces de usuario complejas a partir de partes más simples. Esto facilita la creación de interfaces flexibles y adaptables que pueden evolucionar con las necesidades del negocio y las demandas del usuario.
• Reutilización: Son independientes y encapsulados, lo que permite su fácil reutilización en diferentes partes de una aplicación o entre diferentes aplicaciones. Esto reduce significativamente la duplicidad de esfuerzos y facilita el mantenimiento  del código.
• Facilidad de mantenimiento: Al centralizar la lógica y el estilo se simplifica el mantenimiento del sistema de diseño. Los cambios realizados en un componente se reflejan automáticamente en todas las instancias donde se utiliza, lo que facilita la actualización y evolución del diseño sin afectar la coherencia del sistema simplificando la gestión y reduciendo el riesgo de errores.
• Gobierno: La capacidad de mantener una correspondencia directa con diseño simplifica la creación de un gobierno capaz de organizar y gestionar un  catálogo de los mismos.

Podemos concluir que los beneficios mencionados anteriormente permiten a las grandes organizaciones como BBVA crear productos digitales de alta calidad y experiencias de cliente homogéneas en todas sus plataformas, el uso de 'web components' es uno de los pilares sobre el cual BBVA construye un lenguaje común entre negocio, diseño y desarrollo para  impulsar la innovación y el éxito en la era digital.