Cómo comunicar diseño UX a los desarrolladores
Mejora la colaboración entre diseño y desarrollo con estos sencillos consejos.
La semana pasada tuve una gran sesión de mentoría que pensé "esto podría ser un post". Mi mentorada es la única Product Designer que trabaja en un equipo de producto joven. Le cuesta explicar los UX flows y design handoffs a los desarrolladores.
No es nada nuevo que siempre ha habido una falta de comunicación entre diseñadores y desarrolladores, sin embargo, no mejorar la situación puede realmente perjudicar a los entregables y causar grandes retrasos en cualquier proyecto. Manteniendo al equipo de producto en un bucle sin fin de entregas pobres.
La colaboración entre diseño y desarrollo debe ser fluida
Comienza a mejorar la comunicación en tu equipo de producto con los siguientes consejos:
Habla el lenguaje de los desarrolladores: Escucha la jerga de los desarrolladores y haz preguntas para entender el proceso de desarrollo, cómo se escribe el código y se lanzan las funcionalidades.
Una única fuente de verdad: Organiza los diseños en un único lugar y siempre accesible para todo el equipo.
Cuanto antes mejor: Involucrar a los desarrolladores en el proceso de diseño desde el principio.
Enseña UI/UX a los desarrolladores: Hacerles saber que el diseño no es sólo "hacer que las cosas se vean bonitas ".
Empatiza con los desarrolladores: Trata los comentarios de los desarrolladores como tratarías los comentarios de los usuarios.
Habla el lenguaje de los desarrolladores
Puede ser difícil explicar la experiencia del usuario (UX) a los desarrolladores, sobre todo si no tienes conocimientos de programación. Sin embargo, intenta escuchar la jerga de los desarrolladores y hacerles preguntas; esto te ayudará a entender el proceso de desarrollo, por ejemplo cómo se escribe el código, cómo se implementan las funciones y cómo se prueba el software.
Los desarrolladores suelen estar al día de las últimas tendencias y tecnologías. Como antiguo desarrollador, estoy constantemente buscando y probando nuevas herramientas de desarrollo. Así que charlar sobre programación o tecnología en general con tus colegas desarrolladores puede ayudarte a comprender mejor y hará que la comunicación sea mucho más fluida.
Una única fuente de verdad
Hay que tener en cuenta que los desarrolladores tienen una forma de pensar muy estructurada. Hablo desde mi experiencia. Cuando yo era un desarrollador con muy poco conocimiento de UX, todo lo que pedía a los diseñadores era un lugar donde pudiera encontrar todos los componentes de diseño y una serie de pasos claros de cómo todo funcionaba en conjunto. ”Ok, después de hacer clic en este botón, ¿qué ocurre a continuación?”.
Así que asegúrate de que tus flujos UX y tus entregables están completos y bien organizados. Esto garantizará que el equipo de desarrollo tiene toda la información necesaria para empezar, y el equipo tiene la misma comprensión del proyecto.
Una forma de ayudar a los desarrolladores a entender mejor el flujo de diseño es hacer anotaciones para explicar comportamientos, estados de error y otros casos de uso que puedan surgir. Aquí hay un video con una buena demostración:
Hay grandes herramientas por ahí como Miro, Whimsical y Zeplin, para ayudar a traer claridad a los equipos cuando se trata de revisar los flujos de diseño o viajes de usuario. Es increíblemente útil para escalar los sistemas de diseño y asegurarse de que todas las personas entienden la narrativa del diseño, incluso si no son diseñadores.
Cuanto antes mejor
Cuando los desarrolladores participan en el proceso de diseño desde el principio, pueden ayudar a identificar posibles fallos o suposiciones incorrectas en el diseño antes de que avance demasiado en el proceso de desarrollo. Esto supone una gran diferencia a la hora de acelerar o establecer los plazos correctos del proyecto, ya que recibir sus comentarios puede ayudarte a comprender qué es técnicamente factible construir y qué no lo es.
También es beneficioso para el equipo fomentar una cultura de colaboración que garantice que todos están de acuerdo con los objetivos del proyecto. Esto puede ayudar a construir lazos entre otras áreas en términos de comunicación y comprensión de los resultados deseados de su trabajo.
Enseña UI/UX a los desarrolladores
Del mismo modo que tienes que comprender parte de la jerga y las limitaciones del desarrollo. Los desarrolladores también necesitan conocer los conceptos básicos de diseño. Aprovecha esta oportunidad para demostrar el valor que el trabajo de diseño aporta a un equipo de producto.
Permite que los desarrolladores entiendan el "por qué" de las decisiones de diseño, invitándoles a participar en las revisiones de diseño para dar su opinión. Invítalos también a observar las pruebas de usuario y a ver cómo se evalúa su trabajo. Esto les dará una mejor idea del proceso de diseño y de que no se trata de "hacer que las cosas parezcan bonitas".
Ten en cuenta que este proceso requiere mucha paciencia y compromiso por ambas partes. Para reducir la brecha de comprensión, proporciona una educación adecuada y tiempo para la formación. Establezca líneas de comunicación, proporcione directrices sobre cómo manejar los materiales de diseño y cómo colaborar con los diseñadores para generar confianza mutua.
Empatiza con los desarrolladores
Parte de los componentes clave de UX consiste en empatizar con los usuarios. Intentamos comprender sus necesidades y modelos mentales, por ejemplo, cómo se comportan e interactúan con el producto. El mismo principio puede aplicarse en tu equipo:
“Trata las opiniones de los desarrolladores como tratarías las de los usuarios”.
Intenta empatizar con las necesidades de tus compañeros, comprender sus propios objetivos y motivaciones, y crear un entorno de trabajo colaborativo en el que todos los miembros del equipo se sientan cómodos y seguros. Es muy importante fomentar un sentimiento de entendimiento compartido entre los miembros y asegurarse de que todos están de acuerdo a la hora de tomar decisiones.
He aquí algunas preguntas que te ayudarán a empatizar con el equipo de desarrollo y averiguar qué puede mejorar:
¿Cómo organizan/estructuran la información?
¿Cómo consumen el material? ¿Cómo aprenden?
¿Cuáles son los problemas más comunes a los que se enfrentan día a día?
¿Qué desean saber de primera mano antes de empezar a desarrollar?
¿Cuál es la parte más difícil para ellos cuando hacen frontend?
Aquí hay un video muy bueno de NNgroup que lo explica brevemente.
Por último, asegúrate de ser flexible y comprender que los equipos de UX y Desarrollo tienen objetivos diferentes, pero tienen que trabajar juntos para lograr los objetivos de la empresa. Mientras las líneas de comunicación permanezcan abiertas, el trabajo debería avanzar sin problemas.
Recuerda documentar todas las decisiones y opciones de diseño, ya que esto será importante más adelante para asegurarse de que las características se ajustan a la especificación original y a los objetivos del proyecto. Sobre todo, ten en cuenta que los productos de éxito surgen de una buena dinámica de equipo y una sólida colaboración.
Una buena herramienta para ayudarte en esta tarea es Storybook. Storybook es un programa que permite tener una librería de componentes y páginas de interfaz de usuario de forma aislada. Miles de equipos lo utilizan para el desarrollo de interfaz de usuario, pruebas y documentación. Es de código abierto y gratuito.
Están muy utiles las herramientas que recomiendas. Yo voy a ir incorporando Whimsical para mockups tempranos, también Storybook para gestionar componentes con los developers. Gracias por los tips!!