Design System

¿En qué consiste?

El Design System es un producto vivo formado por conjuntos de bibliotecas reutilizables y codificadas de diseño y contenido de una empresa, normalmente creadas y mantenidas por equipos de Diseño y Tecnología.

¿Cuándo solicitarlo?

Antes de iniciar un proyecto de Design System, es importante tener clara la importancia de un Design System, cuál será el objetivo del proyecto y si existe estructura para gestionarlo y mantenerlo en el futuro.

Objetivos del proyecto

Antes de iniciar un proyecto de Design System, es importante tener claro el objetivo del proyecto.

El objetivo del proyecto puede ser cualquier cosa, desde reducir el retrabajo de desarrolladores y diseñadores hasta mejorar la estandarización de los productos.

La definición del objetivo es importante porque un proyecto inicial de Design System puede durar entre 4 y 6 meses e implica a muchos profesionales.

Los elementos de un Design System

Cada empresa puede construir la estructura de su Design System en función de sus necesidades. En términos generales, un Design System se compone de 4 partes principales:

  1. Design Principles:
    Conocidos en portugués como Principios de Diseño, son un conjunto de definiciones de un proyecto que deben reflejar la filosofía de diseño de la empresa y guiar cómo deben diseñarse los productos. Sirven de base para la mejora de los productos, ayudando al equipo en la toma de decisiones y aumentando la eficacia y la evolución del ecosistema de productos.

  2. Fichas de diseño:
    Son variables que almacenan atributos visuales, como colores, unidades de tamaño, cuadrículas, entre otros. Sirven para crear y mantener un sistema visual consistente, independientemente de la plataforma, como sitios web y apps.

  3. Componentes:
    Los componentes incluyen una variedad de elementos comunes de la interfaz de usuario para crear experiencias de manera responsiva asegurando una interacción y estilo consistentes, así como optimizaciones de accesibilidad. Generalmente, estos componentes están disponibles en los lenguajes de código aplicados en los sitios web o apps de la empresa.

  4. Contenido de marca:
    Además de componentes de diseño, un Design System puede incluir contenido de marca como un Manual de Tonos de Voz, branding y recursos descargables como archivos de componentes del Design System.

¿Cuáles son los pasos?

Un proyecto de Sistema de Diseño incluye 5 etapas:

  1. Entrevista con las partes interesadas:
    El objetivo de esta etapa es comprender los dolores y las necesidades de las partes interesadas implicadas en el proyecto, enumerando sus dificultades y objetivos en el proyecto.
  2. Definiciones:
    El objetivo de esta etapa es que definamos los flujos de actualización y mantenimiento del Sistema de Diseño, así como las herramientas a utilizar tanto para el diseño como para el desarrollo y el formato y equipo de mantenimiento.
  3. Principios de Diseño:
    El objetivo de esta etapa es alinear los conocimientos y expectativas de todos los agentes implicados en el proyecto y crear los Principios de Diseño de la empresa.
    Inventario de componentes: El objetivo de esta etapa es un mapeo de todos los componentes y guías de estilo ya producidos por los equipos de la empresa para una comprensión profunda del contexto y la identificación de patrones.
  4. Sistema de diseño:
    El objetivo de esta etapa es la creación del propio Sistema de Diseño. Normalmente, las empresas comienzan con una versión inicial del proyecto, denominada MVP o v1, centrada en las principales necesidades.

Mantenimiento y adopción

Tan importante como la creación de un proyecto de Sistema de Diseño es su mantenimiento y adopción por los distintos equipos de la empresa.

Para que el proyecto tenga esta continuidad, es importante que todas las partes interesadas participen desde el inicio del proyecto y que se difunda ampliamente por toda la empresa.

Beneficios

  • Más rapidez en la creación, desde el prototipo hasta el resultado final;
  • Agilidad para realizar modificaciones en las características existentes;
  • Coherencia de identidad en las interfaces de producto;
  • Mejor alineación del equipo y colaboración entre las áreas de producto y desarrollo.

Clientes

Consulte las opiniones de nuestros socios

Yo definiría (el proyecto) como una asociación muy eficiente, porque Tuia tuvo este proceso de comprensión del contexto y por eso nos sirvieron muy bien como cliente. Tuia tiene una buena referencia de buenas prácticas en Design System y también en otros temas, y eso es muy importante. Esto, sumado al contexto y a las necesidades de la empresa, fue la fórmula ganadora que nos dejó muy satisfechos y nos generó una gran confianza.

Laís Wada
DesignOps en FTD Educação

Webinar

Obtenga más información sobre este tema en el seminario web Sistema de diseño: ¿qué es y cómo puede ayudar a su empresa?

Ver otros casos

Acelerar la presencia digital del fabricante de automóviles en todos sus lanzamientos
Experimento: Mapa del recorrido del usuario para mejorar la aplicación
DS Envolve: Difundiendo la cultura del Design System
Entrega: Comprender el canal y mejorar la tasa de conversión
Forest Design System: Reducción del tiempo de creación de prototipos de nuevos productos y aumento de la productividad del equipo de desarrollo
Transformación digital para uno de los mayores periódicos de Brasil
Martins Mayorista: Aplicación de la investigación para la mejora continua de los productos digitales
Proyecto de digitalización e integración de menús para una mayor eficiencia operativa y reducción de costes
Glosario Regional: Más de 3.000 expresiones habladas en los cuatro rincones de Brasil para una mayor eficacia y compromiso en las piezas mediáticas

Otros Servicios

Conozca nuestros servicios

Contacto

¿Quiere mejorar su producto o servicio? Escríbanos.