Los equipos de diseño pueden colaborar mejor con los desarrolladores: aquí te explicamos cómo

Descubre cómo GitHub fomenta la colaboración interdisciplinaria entre diseñadores y desarrolladores para crear interfaces atractivas y fáciles de usar.

Los equipos de diseño pueden colaborar mejor con los desarrolladores: aquí te explicamos cómo

Tanto los diseñadores como los desarrolladores desempeñan un papel crucial en el desarrollo de cualquier sitio web o aplicación, pero a menudo les cuesta hablar el mismo idioma y trabajar en armonía.

Un enfoque de diseño centrado en el usuario que conduzca a una mejor experiencia de usuario (UX) es fundamental para crear una ventaja competitiva para las empresas hoy en día. Una UX bien diseñada no solo mejora la satisfacción y la lealtad del cliente, sino que también impulsa el crecimiento del negocio.

De hecho, Forrester Research descubrió que un diseño de UX sin fricciones tiene el potencial de aumentar las tasas de conversión de clientes hasta en un 400%.

No es de extrañar que las mejores marcas del mundo hayan adoptado el buen diseño como una prioridad empresarial. Organizaciones de todos los sectores están invirtiendo mucho en crear centros de diseño internos, sistemas de diseño y equipos interdisciplinarios que incluyen diseño de producto, diseño, ingeniería, y marca y marketing.

Sin embargo, muchos equipos multidisciplinarios suelen encontrar varios obstáculos al trabajar juntos, como fallos en la comunicación, entregas desordenadas y una colaboración ineficaz, especialmente entre diseñadores y desarrolladores.

Con todo esto en mente, nos entusiasmó charlar con la jefa de diseño de GitHub, Diana Mounter, para nuestra serie de seminarios web Boundless.

En este episodio, comparte su experiencia de primera mano sobre cómo los líderes de diseño pueden integrar flujos de trabajo y colaborar mejor con sus socios de desarrollo, así como sus reflexiones sobre cómo la IA afectará al futuro del diseño.


Aquí tienes algunas conclusiones clave.

Crea un lenguaje compartido y un entendimiento mutuo con sistemas de diseño

En términos sencillos, un sistema de diseño es una plataforma que alberga conjuntos de componentes, principios y directrices reutilizables en constante evolución. Su propósito es dar a los diseñadores e ingenieros todo lo que necesitan para desarrollar diseños de productos y web coherentes, lo que a su vez contribuye a una mejor experiencia de usuario general.

“El propósito de los sistemas de diseño es crear un lenguaje compartido que sea comprensible tanto para diseñadores como para desarrolladores”, afirma Diana, quien ha dirigido el sistema de diseño de GitHub desde que se unió a la empresa en 2017.

“Enseñan a los diseñadores a pensar en términos de ingeniería y desarrollo de software”, añade Diana, “y permiten a los ingenieros entender un poco más sobre el diseño y avanzar más en el desarrollo de la interfaz de usuario de lo que podrían hacerlo de otro modo”.

Según Diana, esta “fuente única de verdad” ha demostrado mejorar la productividad de los equipos y reducir el tiempo de comercialización. Con los sistemas de diseño, los equipos pueden aportar nuevos niveles de colaboración, eficiencia y escalabilidad tanto al diseño de productos como al web, pero solo si los miembros del equipo comparten la propiedad del sistema.

“Al construir un sistema de diseño, una de las cosas más importantes que debes hacer es convertirlo en una responsabilidad compartida entre diseño e ingeniería y tener esa alineación, inversión y colaboración desde el principio”, dice Diana. “Tienes que trabajar constantemente en esto a medida que el sistema evoluciona. Pero sin una propiedad compartida, el sistema de diseño no será adoptado ni valorado tanto”.

Aquí hay otras cosas clave a tener en cuenta:

  1. Usa la regla 80/20: Evita pensar en tu sistema de diseño como la solución para cada desafío de diseño. En su lugar, debería usarse para el 80% de los casos de uso, idealmente problemas de interfaz que puedan resolverse fácilmente con una solución reutilizable. Esto libera tiempo para centrarse en el 20% de desafíos más complejos que no pueden resolverse solo con un sistema de diseño.
  2. No seas la policía del sistema de diseño: Diana dice que a medida que los sistemas de diseño escalan, a menudo existe la tentación de que los diseñadores lo usen como un “martillo y mecanismo de control, lo que puede llevar a que a las personas de sistemas de diseño se les llame la policía del sistema de diseño”. Un sistema que contiene demasiadas soluciones rígidas no será utilizable a escala y puede resultar en una baja tasa de adopción por parte de tus socios interdisciplinarios.
  3. Construye una comunidad alrededor de tu sistema de diseño: Además de cerrar la brecha entre diseñadores y desarrolladores a nivel práctico, tu sistema de diseño también puede ayudar a fomentar una comunidad interdisciplinaria más amplia basada en el intercambio, la transparencia y la colaboración. En GitHub, el equipo practica rituales regulares de “mostrar y contar”, como revisiones y críticas de diseño, donde todos los miembros del equipo de sistemas de diseño de diferentes disciplinas están invitados a compartir en qué están trabajando y dar su opinión sobre el trabajo de los demás.

Acortando la brecha entre diseño y desarrollo

Aprende las mejores prácticas para integrar los flujos de trabajo entre diseño y desarrollo en este seminario web gratuito.

→
↗
►
↓
←
↑
Leer ahora

Equilibra tu visión de diseño con las limitaciones técnicas

Si bien tener un sistema de diseño ciertamente ayuda a mejorar los flujos de trabajo y la colaboración entre diseñadores y desarrolladores, siempre habrá momentos en los que tu visión de diseño se tope con un obstáculo de ingeniería. Entonces, ¿cuál es la mejor manera de equilibrar la innovación y una gran UX con las limitaciones técnicas?

Aquí tienes algunos consejos de Diana:

  1. Lucha por la experiencia del usuario, pero prepárate para establecer prioridades y hacer concesiones:Date cuenta de que una cierta cantidad de limitaciones es una parte inevitable, y a menudo saludable, del proceso de diseño.
  2. Establece cronogramas y objetivos: ¿Es esta una función más pequeña o una actualización de producto que se puede completar en unos pocos meses, o un concepto nuevo y ambicioso con un horizonte más largo? Si es lo segundo, Diana dice que es ideal que los diseñadores estén libres de restricciones para imaginar todas las posibilidades.
  3. Aprende sobre el stack tecnológico con el que trabaja tu socio de desarrollo para entender mejor qué es posible al dar vida a tus diseños.

Anticipa cómo la IA afectará al futuro del diseño

GitHub Copilot, desarrollado por GitHub en colaboración con OpenAI, es una herramienta de autocompletado de código impulsada por IA que ayuda a los desarrolladores a escribir código más rápido con menos esfuerzo. Con sugerencias de codificación en tiempo real, esta popular herramienta permite a los desarrolladores centrarse más en la resolución de problemas y la colaboración, y dedicar menos tiempo a tareas mundanas y repetitivas, como el código repetitivo (boilerplate).

Diana dice que imagina un futuro no muy lejano donde la IA también se utilizará para mejorar los sistemas de diseño. “Con la IA, será más rápido construir con sistemas de diseño, como crear nuevos diseños y exploraciones y generar muchas opciones diferentes muy rápidamente. Te permitirá hacer algunas de esas tareas más fáciles y tediosas más rápido, permitiéndote pasar a los problemas más grandes y dedicar más tiempo a explorar esas soluciones ambiciosas”.

Difuminar la línea entre el desarrollo y el diseño es muy provechoso

Al final, diseñadores y desarrolladores buscan lo mismo: crear algo nuevo y asombroso que mejore la vida de las personas.

Como dice Diana: "Al difuminar un poco las líneas y aprender más sobre el mundo del otro", ya sea mediante sistemas de diseño, intercambio de conocimientos o respeto mutuo, ambos pueden trabajar en armonía para crear productos digitales significativos que encanten a los usuarios.

Para saber más sobre cómo Diana y GitHub colaboran de forma interdisciplinaria, y conocer las opiniones de otros líderes del sector tecnológico, echa un vistazo al episodio completo del seminario web Boundless.


Última actualización
January 19, 2024
Categoría

Artículos relacionados

Escalar la colaboración: cómo superar los retos a medida que los equipos crecen
Escalar la colaboración: cómo superar los retos a medida que los equipos crecen

Escalar la colaboración: cómo superar los retos a medida que los equipos crecen

Escalar la colaboración: cómo superar los retos a medida que los equipos crecen

Inspiración
Por
Abby Sinnott
,
,
Leer artículo
Cómo los equipos de marketing fintech pueden hacer que el diseño web trabaje a su favor
Cómo los equipos de marketing fintech pueden hacer que el diseño web trabaje a su favor

Cómo los equipos de marketing fintech pueden hacer que el diseño web trabaje a su favor

Cómo los equipos de marketing fintech pueden hacer que el diseño web trabaje a su favor

Estrategia
Por
Equipo de Webflow
,
,
Leer artículo
El enfoque de un líder tecnológico para la innovación, la productividad y la colaboración
El enfoque de un líder tecnológico para la innovación, la productividad y la colaboración

El enfoque de un líder tecnológico para la innovación, la productividad y la colaboración

El enfoque de un líder tecnológico para la innovación, la productividad y la colaboración

Estrategia
Por
Abby Sinnott
,
,
Leer artículo
Cómo mejorar la colaboración entre marketing y diseño de forma asíncrona
Cómo mejorar la colaboración entre marketing y diseño de forma asíncrona

Cómo mejorar la colaboración entre marketing y diseño de forma asíncrona

Cómo mejorar la colaboración entre marketing y diseño de forma asíncrona

Estrategia
Por
Liz Huang
,
,
Leer artículo
Consejos para aprovechar la IA y adaptarse al cambio
Consejos para aprovechar la IA y adaptarse al cambio

Consejos para aprovechar la IA y adaptarse al cambio

Consejos para aprovechar la IA y adaptarse al cambio

Estrategia
Por
Abby Sinnott
,
,
Leer artículo
Los costes de una colaboración ineficaz y cómo evitarlos
Los costes de una colaboración ineficaz y cómo evitarlos

Los costes de una colaboración ineficaz y cómo evitarlos

Los costes de una colaboración ineficaz y cómo evitarlos

Estrategia
Por
Leah Retta
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.