diseño ágil
Proceso y directrices para un diseño colaborativo
Agiliza el diseño con las plantillas gratuitas de Jira
Con las plantillas de diseño gratuitas y personalizables, es fácil mantener a todo el mundo coordinado.
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
Diseño: ágil, al igual que el desarrollo
Antes de profundizar, quiero presentar otro concepto: el diseño colaborativo. Iterar el diseño de producto no dará grandes resultados si lo haces de forma aislada.
Buscar las perspectivas de tus clientes y desarrolladores desde el principio de un proyecto ayudará a que ese primer diseño se acerque más a la perfección y guiará tus iteraciones a medida que avances.
La mayoría de las veces, 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 plan de negocio y asegurarse de que el equipo de ingeniería dedique bien su tiempo a resolver los problemas reales a los que se enfrentan los clientes.
Consejo de experto
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 hay que resolver y añade el diseño (y el código) necesario para recibir comentarios sobre la solución.
Cuando el equipo participa en la planificación de sprints y la limpieza del backlog, eso implica a los diseñadores. Obtener su punto de vista a la hora de tomar decisiones sobre la dirección del producto en el futuro simplificará el cumplimiento de los objetivos.
Los desarrolladores y los propietarios de productos 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 recursos para diseñar y crear experiencias increíbles. Nuestras directrices de diseño no solo cubren los elementos del diseño visual, sino que también reflejan nuestros valores en cuanto al diseño de la experiencia de usuario.
Esto permite que varios equipos ágiles desarrollen experiencias coherentes en todas nuestras gamas de productos. Y como se mencionó anteriormente, incluimos a los desarrolladores y propietarios de productos en el proceso de diseño. Como todo el equipo colabora según las directrices de diseño de Atlassian, los desarrolladores y propietarios de productos se convierten en diseñadores más eficaces.
Ese conjunto de habilidades luego se comparte 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 ni una sola línea de código. Es una manera eficaz de obtener comentarios significativos y útiles en cuanto al diseño.
Estos activos también refuerzan la colaboración en el diseño de todo el equipo de metodología á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
Cada función recorre dos caminos a medida que se desarrolla: el diseño de la experiencia de usuario y el diseño visual. El diseño de la experiencia de usuario emplea el pensamiento de diseño para centrarse en la arquitectura de la información y los flujos de trabajo a lo largo de la nueva función. El diseño visual abarca el diseño de la interacción y la forma en que se diseña una función.
A veces, los equipos se centran demasiado en el diseño visual porque es una parte emocional del proceso de desarrollo del producto. (Además, es atractivo y divertido). Si bien es importante, el diseño visual no puede eclipsar el buen diseño de la experiencia de usuario.
De hecho, sin un buen diseño de experiencia de usuario, incluso el diseño visual más impresionante no conseguirá 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 con el tiempo. Tecnologías modernas como CSS permiten separar fácilmente el aspecto de una aplicación de la lógica de dicha aplicación. Del mismo modo, asegúrate de estructurar las pruebas automatizadas para que sean resistentes cuando el diseño visual evolucione.
El diseño cambiará y es importante garantizar que el código base pueda seguir fácilmente las nuevas tendencias.
diseño ágil
Proceso y directrices para un diseño colaborativo
Agiliza el diseño con las plantillas gratuitas de Jira
Con las plantillas de diseño gratuitas y personalizables, es fácil mantener a todo el mundo coordinado.
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
Diseño: ágil, al igual que el desarrollo
Antes de profundizar, quiero presentar otro concepto: el diseño colaborativo. Iterar el diseño de producto no dará grandes resultados si lo haces de forma aislada.
Buscar las perspectivas de tus clientes y desarrolladores desde el principio de un proyecto ayudará a que ese primer diseño se acerque más a la perfección y guiará tus iteraciones a medida que avances.
La mayoría de las veces, 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 plan de negocio y asegurarse de que el equipo de ingeniería dedique bien su tiempo a resolver los problemas reales a los que se enfrentan los clientes.
Consejo de experto
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 hay que resolver y añade el diseño (y el código) necesario para recibir comentarios sobre la solución.
Cuando el equipo participa en la planificación de sprints y la limpieza del backlog, eso implica a los diseñadores. Obtener su punto de vista a la hora de tomar decisiones sobre la dirección del producto en el futuro simplificará el cumplimiento de los objetivos.
Los desarrolladores y los propietarios de productos 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 recursos para diseñar y crear experiencias increíbles. Nuestras directrices de diseño no solo cubren los elementos del diseño visual, sino que también reflejan nuestros valores en cuanto al diseño de la experiencia de usuario.
Esto permite que varios equipos ágiles desarrollen experiencias coherentes en todas nuestras gamas de productos. Y como se mencionó anteriormente, incluimos a los desarrolladores y propietarios de productos en el proceso de diseño. Como todo el equipo colabora según las directrices de diseño de Atlassian, los desarrolladores y propietarios de productos se convierten en diseñadores más eficaces.
Ese conjunto de habilidades luego se comparte 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 ni una sola línea de código. Es una manera eficaz de obtener comentarios significativos y útiles en cuanto al diseño.
Estos activos también refuerzan la colaboración en el diseño de todo el equipo de metodología á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
Cada función recorre dos caminos a medida que se desarrolla: el diseño de la experiencia de usuario y el diseño visual. El diseño de la experiencia de usuario emplea el pensamiento de diseño para centrarse en la arquitectura de la información y los flujos de trabajo a lo largo de la nueva función. El diseño visual abarca el diseño de la interacción y la forma en que se diseña una función.
A veces, los equipos se centran demasiado en el diseño visual porque es una parte emocional del proceso de desarrollo del producto. (Además, es atractivo y divertido). Si bien es importante, el diseño visual no puede eclipsar el buen diseño de la experiencia de usuario.
De hecho, sin un buen diseño de experiencia de usuario, incluso el diseño visual más impresionante no conseguirá 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 con el tiempo. Tecnologías modernas como CSS permiten separar fácilmente el aspecto de una aplicación de la lógica de dicha aplicación. Del mismo modo, asegúrate de estructurar las pruebas automatizadas para que sean resistentes cuando el diseño visual evolucione.
El diseño cambiará y es importante garantizar que el código base pueda seguir fácilmente las nuevas tendencias.
Recommended for you
Plantillas
Plantillas de Jira listas para usar
Echa un vistazo a nuestra biblioteca de plantillas personalizadas de Jira para varios equipos, departamentos y flujos de trabajo.
Guía del producto
Una introducción completa a Jira
Usa esta guía paso a paso para descubrir las funciones esenciales y las prácticas recomendadas para maximizar tu productividad.
Guía de Git
Los conceptos básicos de Git
Tanto si eres principiante como si ya tienes nivel de experto, usa esta guía de Git para aprender los conceptos básicos con tutoriales y consejos útiles.