{"id":6012,"date":"2023-05-23T08:53:00","date_gmt":"2023-05-23T08:53:00","guid":{"rendered":"https:\/\/gerundio.mx\/?p=6012"},"modified":"2024-03-01T21:11:19","modified_gmt":"2024-03-01T21:11:19","slug":"tu-design-system-puede-cambiar-para-bien-tu-negocio","status":"publish","type":"post","link":"https:\/\/gerundio.mx\/en\/blog\/tu-design-system-puede-cambiar-para-bien-tu-negocio\/","title":{"rendered":"Tu Design System puede cambiar (para bien) tu negocio"},"content":{"rendered":"
<\/div>\n[et_pb_section fb_built=\u00bb1″ custom_padding_last_edited=\u00bbon|phone\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb width=\u00bb100%\u00bb max_width=\u00bb100%\u00bb custom_margin=\u00bb0px|0px|140px|0px|false|true\u00bb custom_margin_tablet=\u00bb0px|0px|40px|0px|false|true\u00bb custom_margin_phone=\u00bb||0px||false|true\u00bb custom_margin_last_edited=\u00bbon|desktop\u00bb custom_padding=\u00bb0px|60px|0px|60px|true|true\u00bb custom_padding_tablet=\u00bb\u00bb custom_padding_phone=\u00bb|15px||15px|true|true\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb2_3,1_3″ custom_padding_last_edited=\u00bbon|tablet\u00bb module_class=\u00bbproject__central\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb width=\u00bb100%\u00bb max_width=\u00bb100%\u00bb custom_margin=\u00bb0px|0px|0px|0px|true|true\u00bb custom_padding=\u00bb140px|0px|0px|0px|false|true\u00bb custom_padding_tablet=\u00bb40px|0px|0px|0px|false|true\u00bb custom_padding_phone=\u00bb20px||||false|true\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb2_3″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/gerundio.mx\/wp-content\/uploads\/2023\/05\/GRND_2304025_Blog_Mayo_Cover_Design-System.png\u00bb alt=\u00bbCreatividad_Blog Gerundio\u00bb title_text=\u00bbGRND_2304025_Blog_Mayo_Cover_Design-System\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb width=\u00bb100%\u00bb max_width=\u00bb100%\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text admin_label=\u00bbTexto\u00bb _builder_version=\u00bb4.19.4″ background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb global_colors_info=\u00bb{}\u00bb]\n
\n
\n

Tu Design System puede cambiar (para bien) tu negocio<\/h1>\n<\/div>\n<\/div>\n

<\/span><\/p>\n

Hace algunos a\u00f1os conocimos una marca donde los dise\u00f1adores y sus proveedores sufr\u00edan bastante en sus aplicaciones por culpa del desorden que hab\u00eda en el Design System de la empresa. Nos contaban que no ten\u00edan centralizados sus elementos gr\u00e1ficos, que cada \u00e1rea del negocio dise\u00f1aba a su gusto y que cuando entr\u00f3 un nuevo socio al despacho para llevar el negocio a otra regi\u00f3n, terminaron creando accidentalmente otra marca de lo diferente que eran sus artes.\u00a0<\/span><\/p>\n

Aunque esta situaci\u00f3n llega a ser m\u00e1s com\u00fan en muchos emprendimientos con poca planeaci\u00f3n, la realidad es que tambi\u00e9n le pasa a las grandes marcas. Por eso, hoy queremos contarte lo importante que es tener ordenado y actualizado tu Design System, una acci\u00f3n que parece peque\u00f1a, pero que cr\u00e9enos, en un futuro te ser\u00e1 crucial para crecer tu negocio.<\/span><\/p>\n

Antes que nada, debemos recordar qu\u00e9 es el <\/span>Design System<\/span><\/a>. A pesar de que existen varias definiciones, la generalidad es que se trata de la colecci\u00f3n de todos los elementos gr\u00e1ficos que constituyen tu identidad y comunicaci\u00f3n. Suele formarse por una \u201clibrer\u00eda\u201d\u00a0 donde guardas todos los componentes de <\/span>UI<\/span><\/a>, como botones, figuras, \u00edconos, tipograf\u00edas y paletas de colores, y una gu\u00eda de estilo en la que estableces usos de estos elementos bajo diferentes formatos, como fotograf\u00edas y videos, y distintos canales, como impresiones, posteos digitales o promocionales.\u00a0<\/span><\/p>\n

En un principio, el objetivo de un Design System est\u00e1 en garantizar la coherencia visual y funcional de tu marca. Es decir, al definir un conjunto de componentes gr\u00e1ficos estandarizados, logras crear experiencias unificadas que aumentan los niveles de reciprocidad de tu marca con tu p\u00fablico. \u00bfPor qu\u00e9 sucede esto?<\/span>
<\/span>
<\/span>Imagina que cada mes cambiaras los botones y los colores base de tu p\u00e1gina web, tus usuarios se sentir\u00edan confundidos y a la vez frustrados, ya que su curva de aprendizaje con tu producto tendr\u00eda que reiniciarse en cada cambio. Por tanto, si utilizas y respetas tu Design System, est\u00e1s ayudando tambi\u00e9n a tu usuario, fomentando que la gente se familiarice con tu marca y te identifique m\u00e1s r\u00e1pido en el mercado.<\/span><\/p>\n

Es justo en este ejemplo donde vemos otra de las razones por las cuales conviene mantener ordenado y actualizado tu Design System: la comunicaci\u00f3n entre \u00e1reas. En este caso, entre dise\u00f1adores y desarrolladores. Con un Design System correcto, los dise\u00f1adores pueden concentrarse en crear experiencias centradas en el usuario, mientras que los desarrolladores pueden aprovechar los componentes y activos reutilizables para dar vida a estos dise\u00f1os.\u00a0<\/span><\/p>\n

Por \u00faltimo, como te dec\u00edamos al principio, tu Design System puede ser crucial para tu futuro, porque como se\u00f1ala la reconocida consultora <\/span>Nielsen Norman Group<\/span><\/a>, para escalar tu negocio es necesario tener un buen Design System. Te lo explicamos.\u00a0<\/span><\/p>\n

Los Design System proporcionan un marco que promueve la eficiencia y la escalabilidad dentro de las organizaciones. Con una biblioteca centralizada de componentes reutilizables, los dise\u00f1adores pueden crear r\u00e1pidamente nuevas propuestas o aplicaciones, ahorrando tiempo y esfuerzo.\u00a0<\/span><\/p>\n

Adem\u00e1s, a medida que tu marca crece y ampl\u00eda su oferta de productos, tu Design System garantiza que las nuevas funciones se pueden integrar f\u00e1cilmente en el sistema, lo que garantiza una experiencia uniforme en todo el ecosistema. Esta escalabilidad elimina el riesgo de fragmentaci\u00f3n y mantiene una experiencia de usuario unificada, independientemente del dispositivo o plataforma utilizada.<\/span><\/p>\n

Es por todo esto que tu Design System es una herramienta esencial para tu marca.<\/span><\/p>\n

Tenerlo centralizado y actualizado te ayuda a crear experiencias consistentes y escalables. Ver\u00e1s que a medida que la innovaci\u00f3n digital no frene, tu marca estar\u00e1 mejor preparada para afrontar cualquier situaci\u00f3n que venga. Finalmente, la incertidumbre es inevitable; sufrirla, no, para eso est\u00e1 el Design System.\u00a0<\/span><\/p>\n

Si quieres saber m\u00e1s de Design System visita los ejemplos de <\/span>MailChimp<\/span><\/a> y la <\/span>NASA<\/span><\/a>, o \u00e9chanos un mensaje, en <\/span>Gerundio<\/span><\/a> estaremos encantados de trabajar en el tuyo. <\/span><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n[\/et_pb_text][et_pb_code _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_code][\/et_pb_column][et_pb_column type=\u00bb1_3″ module_class=\u00bbproject__aside\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]

<\/div>[\/et_pb_code][et_pb_divider color=\u00bb#c2c9d1″ _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb27px|0px|10px|0px|false|true\u00bb custom_padding=\u00bb0px|0px|0px|0px|true|true\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_divider][et_pb_code _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]