Cerrar

diseño ágil

Proceso y directrices para un diseño colaborativo

El diseño es una parte importante de todos los proyectos de software. Aun así, los equipos ágiles a menudo tienen dificultades para saber qué hacer con el diseño debido a estos cuatro factores:

  • Muchos equipos se centran en diseños de alta fidelidad durante la planificación, lo cual fuerza una cultura de cascada a lo largo de la implementación
  • Los diseñadores se comparten a menudo entre equipos y disponen de un tiempo limitado en cada equipo
  • Los diseñadores no siempre tienen una vía fácil para dar feedback al equipo de ingeniería
  • Las capas lógicas y de presentación no siempre están separadas claramente en la base de código, lo cual dificulta los cambios de estilo

Artículos de diseño

[CONTINUED]

Diseño: ágil, al igual que el desarrollo

Before we go deeper, I want to introduce another concept: collaborative design. Iterating on product design won't yield great results if you're doing it in a vacuum. Seeking the perspectives of your customers and developers at the outset of a project will help that first stab at design strike closer to the mark, and guide your iterations on it as you move along. Let's take a look at how Atlassian designers get collaborative in this short webinar recording. 

Como acabamos de ver, el propietario del producto y el diseñador dedicarán tiempo a intercambiar ideas y realizar iteraciones del plan de producto en una fase temprana. Su objetivo es validar el caso empresarial y asegurarse de que el tiempo del equipo de ingeniería está bien empleado en resolver problemas reales a los que se enfrentan clientes reales.

Pro tip:

Esta fase no es "sprint cero". Es importante sentar estas bases adecuadamente, en lugar de aplazarlas. Empezar el programa con buen pie arroja dividendos a lo largo de todo el proyecto. Así que tómate todo el tiempo que necesites. 

Después de las ideas y planificación iniciales, el gestor del producto y el diseñador empezarán a interactuar con el equipo de desarrollo. A lo largo del programa, el diseño visual y de interacciones es iterativo, al igual que la arquitectura de software: determina el problema más importante que resolver y añade el diseño (y el código) necesario para obtener feedback sobre la solución.

Cuando el equipo participe en la planificación de sprints y la revisión del backlog, implica a los diseñadores. Lograr su punto de vista a la hora de tomar decisiones sobre el futuro del producto simplificará el cumplimiento de los objetivos.

Los desarrolladores y los propietarios del producto también pueden diseñar.

En muchas organizaciones, los diseñadores abarcan varios equipos (e incluso productos). Esto también sucede en Atlassian. Por ello, nos propusimos hacer un mejor uso del preciado tiempo de nuestros diseñadores.

Las directrices de diseño de Atlassian son un conjunto de principios, directrices y activos para diseñar y generar experiencias increíbles. Nuestras directrices de diseño no solo abarcan los elementos del diseño visual, sino que también capturan nuestros valores al diseñar la experiencia del usuario. Esto permite que varios equipos ágiles desarrollen experiencias coherentes en todas nuestras familias de productos. Como hemos mencionado anteriormente, incluimos desarrolladores y propietarios del producto en el proceso de diseño. Dado que el equipo al completo trabaja al unísono gracias a las directrices de diseño de Atlassian, los desarrolladores y los propietarios del producto diseñan cada vez mejor. Esas habilidades se comparten en todo el equipo, lo cual es un valor fundamental en la cultura ágil.

Si bien compartir una misma idea es importante, queremos ir más allá en el modo de enfocar el diseño ágil. Las directrices de diseño de Atlassian se comunican por tres canales principales:

  • El sitio web de las directrices de diseño de Atlassian, que contiene las motivaciones y la metodología detrás de nuestras decisiones de diseño
  • El paquete de herramientas de la interfaz de usuario de Atlassian, que es un conjunto de plantillas de HTML, JavaScript y CSS que implementan todos nuestros elementos de diseño en código
  • Plantillas de Keynote y PowerPoint con representaciones visuales de todos nuestros componentes

Los desarrolladores pueden descargar el paquete de herramientas de la interfaz de usuario de Atlassian y crear modelos. Asimismo, los propietarios del producto pueden crear experiencias del producto en diapositivas que se asemejen al producto real sin escribir una sola línea de código. Es una manera eficaz de obtener feedback significativo y útil en cuanto al diseño. Estos activos también refuerzan la colaboración en el diseño de todo el equipo ágil. Un único diseñador lleva la voz cantante en la planificación, pero el resto del equipo contribuye a las decisiones mediante iteraciones. Esto elimina el cuello de botella de las decisiones de diseño y permite a todo el equipo ser más ágil. 

Diseñar para lograr una experiencia increíble

Todas las funcionalidades siguen dos caminos en su desarrollo: el diseño de la experiencia del usuario y el diseño visual. El diseño de la experiencia del usuario utiliza las ideas de diseño para centrarse en la arquitectura de la información y los workflows en toda la nueva funcionalidad. El diseño visual abarca el diseño de la interacción y el estilo de una funcionalidad. En ocasiones, los equipos se centran demasiado del diseño visual porque es una parte emocional del proceso de desarrollo del producto. (Además, es muy bonito y divertido y tal). Sin embargo, aunque es importante, el diseño visual no puede eclipsar un buen diseño de la experiencia del usuario. Sin un buen diseño de la experiencia del usuario, ni el diseño visual más espectacular logrará que los usuarios se enamoren del producto.

Con una empatía refinada de la experiencia del usuario y un sexto sentido para detectar anomalías en la tipografía y torpezas de diseño, los diseñadores son una fuente muy valiosa de feedback. Asegúrate de que puedan realizar capturas de pantalla fácilmente, anotarlas, e informar de defectos o sugerir mejoras.

El diseño flexible es una prueba del futuro

Al igual que los paradigmas de desarrollo, el diseño cambia a lo largo del tiempo. Las tecnologías modernas, como CSS, facilitan la separación entre el aspecto y la lógica de una aplicación. Asimismo, asegúrate de estructurar pruebas automatizadas para que sean resistentes cuando el diseño visual evolucione. El diseño cambiará, lo cual es importante para asegurar que la base de código pueda seguir las nuevas tendencias fácilmente.

Sven Peters
Sven Peters

Sven es un friki del software que trabaja para Atlassian. Le encanta programar y ayudar a los equipos de desarrollo a ser la hostia.