¿Cómo Entrenar a Tu Diseñador?

Rate this content
Bookmark

¿Alguna vez te has preguntado cómo conectar y colaborar verdaderamente con los diseñadores? ¿Quieres aprender las mejores estrategias para una comunicación clara y efectiva? ¿Tienes curiosidad sobre cómo lograr que los diseñadores entreguen exactamente lo que necesitas? Descubre cómo perfeccionar tus habilidades de comunicación, integrar a los diseñadores sin problemas en tus flujos de trabajo y crear un ambiente armonioso y productivo para futuros proyectos. ¡Esta charla pretende ser tu guía definitiva para dominar el arte de trabajar con diseñadores, no te la pierdas!

This talk has been presented at React Day Berlin 2024, check out the latest edition of this React Conference.

Dora Makszy
Dora Makszy
17 min
16 Dec, 2024

Comments

Sign in or register to post your comment.
  • Dmytro
    Dmytro
    DataArt
    Thank you for the talk! It was usefull.
Video Summary and Transcription
Hola, soy Dora Moxie, una diseñadora UX con experiencia en desarrollo de software. Entrenar a un diseñador beneficia todo el proceso de desarrollo, asegurando una entrega fluida. Los diseñadores tienen una perspectiva única y priorizan los problemas involucrando a los ingenieros y probando soluciones. La comunicación efectiva y la documentación conducen a una entrega más rápida. Los diseñadores empatizan con el cliente y entienden el problema y los requisitos del negocio. La colaboración entre diseñadores y desarrolladores es crucial para resolver problemas. El trío de producto de gestión de producto, ingeniería y diseño trabajan juntos como socios iguales. La colaboración y el diseño iterativo conducen al aprendizaje, el crecimiento y soluciones más sólidas. Sé abierto de mente y colabora con los diseñadores e involucra a los usuarios para resolver problemas reales y aumentar la satisfacción.
Available in English: How to Train Your Designer?

1. Introduction to Training Designers

Short description:

Hola, soy Dora Moxie, una diseñadora UX con experiencia en desarrollo de software. Comencé como desarrolladora de UI y, sin querer, creé mi primer sistema de diseño. Me apasiona la colaboración entre desarrolladores y diseñadores. Capacitar a un diseñador beneficia todo el proceso de desarrollo, asegurando una entrega fluida. En una empresa liderada por ingenieros, involucrar a un diseñador requiere adaptación, pero conduce a mejoras y a encontrar nuevas oportunidades.

Hola, así es como entrenar a tu diseñador. Soy Dora Moxie, y soy una diseñadora UX. Comencé mi carrera en una empresa de software de navegación para automóviles como desarrolladora de UI.

Desarrollamos y diseñamos soluciones de software para PDA de diferentes tamaños de resolución, lo que significaba muchos componentes. Así que, sin siquiera notarlo, estaba creando mi primer sistema de diseño mucho antes de que fuera popular. También me ocupaba de las operaciones de diseño, que es algo similar a lo que los desarrolladores tienen con DevOps. También probé como gerente, pero ahora he vuelto al diseño. Y me di cuenta de que esta especie de mezcla de conocimientos podría interesar a la gente.

Así que comencé a enseñar a la gente, a educar y compartir artículos y hablar sobre este tipo de colaboración entre desarrolladores y diseñadores. Actualmente, estoy felizmente empleada en Element Logic, que es una empresa de desarrollo de software de automatización de almacenes. Así que veamos de qué hablaremos hoy. Tendremos una especie de iniciación. Miraremos dentro de la cabeza de los diseñadores. Veremos qué está pasando con el gerente. Resaltaré cómo los diseñadores perciben a los desarrolladores. Descubriremos cómo construir puentes si es necesario. Y habrá algunos puntos clave. ¿Por qué alguien querría capacitar a un diseñador? Supongamos que somos egoístas.

Así que la gente quiere capacitar a su diseñador para sí mismos. Porque si un diseñador entiende qué y cómo entregar, entonces toda la entrega, todo el desarrollo será fluido. Cuando se trata de evolución en la naturaleza, las especies intentan adaptarse a cada cambio. Porque si se adaptan, no se extinguirán. Si no se adaptan, bueno, tengo malas noticias para ellos. ¿Qué sucede en una empresa liderada por ingenieros? Si los ingenieros quieren involucrar a un diseñador, vendrá con cambios, y la organización tendrá que adaptarse. Al principio, ralentizará todo, porque todos, cada participante intentará adaptarse a los cambios. Y de esta manera, no podrán concentrarse en sus rutinas diarias. Pero esto es una inversión. Porque durante la segunda etapa, que es la integración, este ya será un proceso más largo. Habrá resultados mejorados. Todos intentarán encontrar sus nuevos lugares.

2. Inside the Designer's Mind

Short description:

Los diseñadores tienen una perspectiva única, al igual que los dragones en la película How to Train Your Dragon. Escuchan, piensan y encuentran nuevas formas de resolver problemas. Al involucrar a los ingenieros y probar soluciones, los diseñadores priorizan los problemas y aseguran la viabilidad. La comunicación y documentación efectivas conducen a una entrega más rápida y a menos preguntas de los desarrolladores.

Se adaptarán a los cambios. Y podrán estabilizar todo el sistema, sus rutinas. Y finalmente, la fase de entrega llegará con rutinas muy bien engrasadas, para que el equipo tenga tiempo para innovar.

¿Qué está pasando en la mente del diseñador? Conoce al diseñador. El dragón es el diseñador. Los dragones, no sé si lo sabías, pero específicamente en la película How to Train Your Dragon, tienen un punto de vista muy, muy distinto. Son curiosos, al igual que los diseñadores, y escuchan mucho, al igual que los diseñadores, y piensan mucho, al igual que los diseñadores. Cuando escuchamos, intentamos procesar lo que oímos, e intentamos ya conectar los puntos, y encontramos nuevas formas de resolver diferentes problemas. Por lo tanto, para eso, necesitamos datos. Nos encantan los datos. Una vez que analizamos los datos, podemos priorizar los problemas, y para poder señalar la perspectiva de viabilidad, nos gusta discutir esto con los ingenieros. Nos encanta involucrar a los ingenieros, ingenieros de QA, porque tenemos que probar cada solución en la que trabajamos.

Hay un caso de uso que quería compartir contigo. Hace unos años, era nuevo en una empresa, y no existía tal cultura de comunicación entre diseñadores y desarrolladores. Una vez que sentí que estaba listo con mis archivos de diseño, me acerqué al Jefe de Desarrollo y le pedí que comentara sobre mi archivo de diseño en cuanto a viabilidad. Esto vino con el gran beneficio de que una vez que llegamos a la fase de entrega de la documentación de diseño, todo el equipo de front-end ya estaba al tanto de qué entregar y cómo, y podían contactarme siempre que tuvieran una pregunta. El diseño exitoso consiste en un enfoque estructurado. Cuanto más fácil sea la comprensión, más rápida será la entrega. Si tú, como diseñador, documentas tu trabajo adecuadamente, de manera transparente y clara, los desarrolladores tendrán cada vez menos preguntas, porque podrán encontrar su camino en el archivo de Figma y estarán seguros de entregar todo. La otra parte importante aquí es cómo ser efectivo. Si se comunican entre sí sin problemas, entonces el proyecto será un éxito. Si hay muchos malentendidos que no se aclaran, el proyecto será un desastre. Así de simple. Por ejemplo, otro ejemplo de un desarrollador real. Estaba trabajando con un diseñador, y el diseñador entregó el archivo de Figma. Y los desarrolladores, sin mencionar a mi amigo, no preguntaron nada. Y esto debería haber sido sospechoso para el diseñador. Si un desarrollador no tiene una pregunta, significa que no están escuchando. Así que, diseñadores, desconfíen cuando no tengan preguntas de los desarrolladores.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

El Potencial Caprichoso de los Marcos de Trabajo de JavaScript
React Summit US 2023React Summit US 2023
28 min
El Potencial Caprichoso de los Marcos de Trabajo de JavaScript
Top Content
The speaker discusses the whimsical and detailed work of Stripe, particularly their interactive and dynamic pages. They explain the use of React for building whimsical details and tracking mouse position. The speaker introduces React Spring for smooth animation and React3 Fiber for creating a 3D egg model. They also mention the use of Framer Motion and React server components for animating CSS properties.
AI + UX: Diseño de Producto para Experiencias Inteligentes
C3 Dev Festival 2024C3 Dev Festival 2024
28 min
AI + UX: Diseño de Producto para Experiencias Inteligentes
AI design challenges include bias, safety, and security. Trust and transparency are important in AI. Design principles for AI include user control, fighting bias, and promoting good decision-making. AI can enable the design process and investors expect to see it included in products. AI empowers individuals to create and share ideas, but managing expectations is crucial.
Diseño Dirigido por Dominio con Aplicaciones Vue
Vue.js London 2023Vue.js London 2023
14 min
Diseño Dirigido por Dominio con Aplicaciones Vue
Top Content
Welcome to this talk on domain-driven design in Vue.js application. Today we are going to look into domain-driven design, its benefits and how it works with Vue.js domain-driven design versus the MVVM model. Vue.js thrives in domain-driven design, a design approach that models software to match a domain. DDD emphasizes understanding business logic and creating a domain that reflects the language and concepts. Integrating DDD in Vue.js offers benefits such as effective modeling of complex business domains, structured code reflecting domain logic, and easier onboarding and ownership.
Patrones Probados de Pinia
Vue.js London 2023Vue.js London 2023
20 min
Patrones Probados de Pinia
Top Content
Pinnia is a lighter, more modular state management solution for Vue apps, offering consistent patterns, TypeScript support, and an intuitive developer experience. PINIA encourages splitting state into manageable domains, improving code splitting, type inferences, team collaboration, and debugging clarity. Pinia provides flexibility in accessing and mutating state, with different approaches for option and setup stores. It also offers features like patch, reset, and onAction methods. Vue Mastery offers comprehensive Pinnia courses and resources for fast learning.
Patrones de Diseño de Componentes
Vue.js London 2023Vue.js London 2023
18 min
Patrones de Diseño de Componentes
The Talk covers clean components and when to create new components, as well as patterns for writing cleaner components and the benefits of VIP patterns. Refactoring and separating code into separate components can make it shorter and easier to read, reducing complexity. The importance of not repeating oneself and the benefits of using smaller components for performance and developer experience are discussed. Composables can help extract logic in large and complex components, and patterns can be incorporated into component libraries and design systems.
Construyendo el Generador de Código de Widgets de Figma
React Advanced 2022React Advanced 2022
19 min
Construyendo el Generador de Código de Widgets de Figma
This Talk introduces Figma's Widget Code Generator and demonstrates how to build a FigJam widget using it. The speaker discusses the implementation of voting functionality, avatar functionality, and remove vote functionality. They also explain how the Widget Code Generator plugin works and how to access properties and modify names using the Figma plugin API.