¿Qué es un sistema de diseño y por qué debes tenerlo?

08 junio, 2021

Uno de los mayores retos de crecer y desarrollar nuevos productos es mantener una misma identidad a través de todos los componentes. Y es que, conforme se van integrando nuevos elementos y áreas de desarrollo, empiezan a haber inconsistencias -al principio imperceptibles-  y más notorias conforme avanza el tiempo. 

Esto es justamente lo que un sistema de diseño resuelve: una guía para que todos los equipos trabajen en sintonía y la experiencia de tus usuarios sea siempre la misma. Sin sorpresas ni incongruencias.

Si llevas muchos años en marketing, probablemente te preguntarás cuál es la diferencia entre un sistema de diseño y un manual de estilo; la respuesta sencilla es que un manual de estilo es tan solo una parte, muy importante, de un sistema de diseño.

Antes, una marca necesitaba una serie de elementos gráficos para poder comunicarse en diferentes canales. Ahora la diversidad es tanta, que existe una necesidad por crear elementos más completos y no solo definiciones de colores, tipografías, iconos, logos y lineamientos.

Además de eso, también se deben incluir bibliotecas de patrones, por ejemplo plantillas, botones, campos, combinaciones de componentes; y, en casos más complejos también fotografías de marca e ilustraciones. En otras palabras, se trata de un manual de estilo en esteroides. 

¿Cómo te ayuda un sistema de diseño?

A menos de que seas amante del desorden (en ese caso este artículo no es para ti), pocas experiencias de usuario pueden ser más frustrantes que la falta de consistencia entre diferentes elementos.

Imagina que navegas por una plataforma o aplicación: en la primera ventana, tienes el CTA del lado izquierdo en un rojo llamativo, sin embargo, cuando avanzas a otra ventana, el llamado a la acción está del lado derecho y en color verde. 

Entonces, el sistema de diseño se convierte en esa herramienta que mantiene el orden en un mundo caótico. En especial, cuando se trabaja con equipos ágiles que constantemente prueban nuevas cosas, es fácil perder el camino: un tono de amarillo por aquí, uno más oscuro por allá… y de pronto tu nuevo desarrollo es una ensalada de colores que parece más un trabajo de Pollock que uno de diseño. 

Con el sistema de diseño, todo tu equipo tiene todos los elementos necesarios para hacer nuevas funcionalidades de forma congruente. Esto no solo da mayor consistencia a todo lo que desarrolles, tal y como menciona la publicación de Design Handbook, sino que ahorra a los equipos de diseño mucho tiempo, pues en lugar de pasar horas diseñando un nuevo estilo, pueden acceder a la biblioteca de la empresa y utilizar el mismo que ya se tenía en otro sitio. 

Por eso, mientras que un manual de estilo o brandbook es un buen inicio, en realidad no es la receta completa, pues delimitar colores y tipografías ya no es suficiente. Dos personas con un mismo manual de estilo pueden llegar a soluciones completamente distintas y al mismo tiempo respetar las guías. 

¿Dónde queda la creatividad?

Dejar correr libremente la creatividad de tus diseñadores no te dará un resultado mejor, sino uno más desorganizado; solo para darte una idea, en una auditoría que HubSpot hizo a su plataforma, encontró más de 100 tonos de gris distintos, 16 modales diferentes, más de 40 estilos de texto y muchas incongruencias más.

Por eso, cuando algunas empresas se cuestionan si un sistema de diseño va a desaprovechar la habilidad creativa de los diseñadores, esto no podría estar más alejado de la realidad. Al darle a los diseñadores los elementos clave, les das los elementos necesarios para enfocarse en problemas más grandes que el color de un botón. 

Tener un sistema de diseño es utilizar un repositorio de elementos listos para usarse y no solo las instrucciones de cómo hacer estos elementos. En una guía de estilo el diseñador pierde tiempo replicando y adaptando estilos, mientras que con el sistema de diseño puede simplemente ingresar y tomar el elemento requerido para su trabajo. 

¿Por dónde empezar?

Si ya cuentas con un manual de estilo, tienes una parte de la tarea hecha, pero estás aún lejos de la meta. Lo primero que debes hacer es una auditoría de los elementos que hoy se encuentran en tu sitio web y plataforma, para analizar cuáles son aquellos que deben formar parte de tu sistema de diseño y cuáles deben ser reemplazados.

Una vez que tengas este primer paso, necesitarás una plataforma como Invision o Adobe XD en donde puedas almacenar estos elementos. 

Si nada de esto te parece alcanzable, tal vez sea porque estás corto de manos y necesitas una ayuda. Contratar una agencia especializada puede ser una solución simple a este complejo problema; te ayuda a definir el sistema de diseño e instalar las herramientas necesarias para que en el futuro tu equipo pueda ser completamente autónomo.

Eso sí, contratar una agencia no es algo que debas tomarte a la ligera; así que aquí te dejamos una guía para que lo hagas con conocimiento de causa.

Ismail Aly

Ismail Aly

Ingeniero de software, emprendedor y consultor con más de 10 años en asesorías en marketing digital, experiencia del usuario, gestión de procesos y personalización.

Twitter Linkedin

Posts relacionados

Marketing Digital, Servicio al Cliente

La nueva ventaja competitiva de lograr adaptarse al cliente

En el mundo actual, las compañías deberían estar disponibles las 24 horas del día, los 7 días de la semana y, sobre todo, anticiparse a las necesidades de sus clientes.

24 julio, 2021
Marketing Digital, Integraciones

¿Cómo integrar tu stack tecnológico de Marketing y Ventas?

¿Qué es lo primero que haces cuando estrenas un celular? Seguramente lo configuras para que se adapte a la perfección a tus actividades diarias y hábitos. Acomodas las apps de manera estratégica y ...

16 julio, 2021
Ventas Inbound, Marketing Digital, Servicio al Cliente

¿Qué son los ingresos operacionales o Revenue Ops y por qué deben importarte?

Un concepto bastante reciente que se suma al gran entorno cubierto por la optimización es el de ingresos operacionales o RevOps como se le conoce en inglés, pero... ¿qué es y por qué deberías ponerle ...

26 mayo, 2021
Marketing Digital, Informes

Los KPI y dashboards para un marketing efectivo

La medición es una de las claves para el crecimiento y la mejora constante, pero a veces la data puede ser complicada: ya sea por un tema de complejidad o simplemente para una mejor visualización, ...

24 mayo, 2021
Inbound Marketing, Marketing Digital

6 razones típicas para no contratar una agencia de Inbound Marketing

"Eso lo podría hacer yo mismo", "Tengo mejores retornos de mis campañas CPC" y muchas otras objeciones como estas son las que escuchamos de parte de nuestros prospectos. No obstante, en IDS confiamos ...

17 mayo, 2021
Ventas Inbound, Sitio Web

6 ejemplos de páginas de precios que admiramos

Muchas empresas aún siguen las viejas prácticas de no publicar los costos de sus productos o servicios, pues tienen la idea equivocada de que puede ahuyentar a los prospectos, sin embargo, tenerlos a ...

12 mayo, 2021
Sitio Web, SEO

7 puntos del diseño web que impactan en tu SEO

Ya sea que estés diseñando tu nuevo sitio web o rediseñando el actual, debes tomar en cuenta ciertos aspectos de SEO (Search Engine Optimization), pues definitivamente es algo que repercute en su ...

07 mayo, 2021
Marketing de Contenidos, Marketing Digital

¿Cómo ganar dinero con un podcast? Aquí 5 tips

Si estás pensando en empezar un podcast para tu empresa, seguramente no lo harás solo por el amor a compartir tus conocimientos o por el deseo de tener miles de suscriptores, sino también porque ...

04 mayo, 2021
Marketing de Contenidos, Marketing Digital

Ventajas y desventajas de crear un podcast para tu empresa

En la batalla por la atención de la audiencia, el podcast se ha posicionado como una de las estrategias más eficientes; y es que, gracias a su versatilidad y a la posibilidad que le da al usuario de ...

27 abril, 2021