How to Train Your Designer?

Rate this content
Bookmark

Ever wondered how to truly connect and collaborate with designers? Want to learn the best strategies for clear and effective communication? Curious about how to get designers to deliver exactly what you need? Discover how to refine your communication skills, integrate designers seamlessly into your workflows, and create a harmonious, productive environment for future projects. This talk aims to be your ultimate guide to mastering the art of working with designers – don’t miss it!

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

FAQ

The design process begins with designers empathizing with the customer, understanding the problem, and analyzing data to prioritize problems and draft workflows.

Dora Moxie is a UX designer who started her career as a UI developer in a car navigation software company. She has experience in design operations and is currently employed at Element Logic.

Training a designer is important because it helps them understand what and how to deliver, smoothing the whole delivery and development process. It is an investment in adapting to changes and improving results.

Involving engineers and other stakeholders, like QA and marketing, provides different perspectives, helps identify feasibility issues early, and leads to more robust solutions.

The text compares the design process to the movie 'How to Train Your Dragon', highlighting the importance of collaboration and understanding between designers and developers.

Proper documentation by designers helps developers understand the design, reduces questions, and ensures smoother delivery and development.

The key takeaways include diversity leading to stronger solutions, the importance of challenging biases, respecting disciplines, and involving users to solve real problems.

The text suggests that designers and developers should work as equal partners, involve each other in reviews, and maintain open communication to ensure project success.

The manager deals with tools, team, and tech, identifies problems but does not solve them. The manager encourages a learning attitude and supports communication among team members.

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
Hello, I'm Dora Moxie, a UX designer with experience in software development. Training a designer benefits the whole development process, ensuring smooth delivery. Designers have a unique perspective and prioritize problems by involving engineers and testing solutions. Effective communication and documentation lead to faster delivery. Designers empathize with the customer and understand the problem and business requirements. Collaboration between designers and developers is crucial for solving problems. The product trio of product management, engineering, and design work together as equal partners. Collaboration and iterative design lead to learning, growth, and stronger solutions. Be open-minded and collaborate with designers and involve users to solve real problems and increase satisfaction.
Available in Español: ¿Cómo Entrenar a Tu Diseñador?

1. Introduction to Training Designers

Short description:

Hello, I'm Dora Moxie, a UX designer with experience in software development. I started as a UI developer and unintentionally created my first design system. I'm passionate about collaboration between developers and designers. Training a designer benefits the whole development process, ensuring smooth delivery. In an engineering-led company, involving a designer requires adaptation but leads to improvement and finding new opportunities.

Hello, this is how to train your designer. I am Dora Moxie, and I'm a UX designer. I started my career in a car navigation software company as a UI developer.

We developed and designed different size PDA resolution software solutions, which meant a lot of components. So without even noticing it, I was creating my very first design system way before it was cool. I was also dealing with design operations, which is somewhat similar to what developers have with DevOps. I also tried out myself as a manager, but now I'm back at design. And I realized that this sort of knowledge mix might interest people.

So I started to teach people, started to educate and share articles and speak about this sort of collaboration between developers and designers. Currently, I'm happily employed at Element Logic, which is a warehouse automation software development company. So let us see what we'll speak about today. We will have some sort of initiation. We'll look inside the designer's head. We will check out what is happening with the manager. I will highlight how the designers perceive the developers. We will find out how to build bridges if it's needed. And there will be some key takeaways. Why would anyone want to train a designer? Let us assume that we are selfish.

So people want to train their designer for themselves. Because if a designer understands what and how to deliver, then the whole delivery, the whole development will be smooth. When it comes to evolution in nature, species tries to adapt to every single change. Because if they adapt, they won't be extinct. If they don't adapt, well, I have bad news for them. What happens in an engineering led company? If engineers want to involve a designer, it will come with changes, and the organization have to adapt. At first, it will be slowing down everything, because everybody, every single participant will try to adapt to the changes. And then this way, they won't be able to focus on their daily routines. But this is an investment. Because during the second stage, which is integration, this will be already a longer process. There will be improving results. Everybody will try to find their new places.

2. Inside the Designer's Mind

Short description:

Designers have a unique perspective, just like dragons in the How to Train Your Dragon movie. They listen, think, and find new ways to solve problems. By involving engineers and testing solutions, designers prioritize problems and ensure feasibility. Effective communication and documentation lead to faster delivery and fewer questions from developers.

They will adapt to changes. And they will be able to stabilize the whole system, their routines. And finally, the delivery phase will come with very well-oiled routines, so that the team will have time to innovate.

What is happening in the designer's mind? Meet the designer. The dragon is the designer. Dragons, I don't know if you knew, but specifically in the How to Train Your Dragon movie, they have very, very distinct point of view. They are curious, just as designers, and they listen a lot, just as designers, and they thought a lot, just as designers. When we listen, we try to process what we hear, and we try to already connect the dots, and we find new ways to solve different problems. Therefore, for that, we need data. We love data. Once we analyze data, we are able to prioritize the problems, and to be able to point out the feasibility perspective, we like to discuss this with engineers. We love to involve engineers, QA engineers, because we have to test out every single solution that we work through.

There is a use case that I wanted to share with you. A few years back, I was new to a company, and there was no such culture of communication between designers and developers. Once I felt I'm ready with my design files, I reached out to the Head of Development and asked him to comment on my design file regarding feasibility. This came with the huge benefit that once we arrived to the phase of handing over the design documentation, the whole front-end team was already aware of what to deliver and how, and they could reach out to me whenever they had a question. Successful design consists of a structured approach. The easier the understanding, the faster the delivery. If you, as a designer, document your work properly, transparently, and clearly, the developers will have less and less questions, because they can find their ways in the Figma file, and they will be confident to deliver everything. The other important part here is how to be effective. If you communicate with each other smoothly, then the project will be a success. If there are a lot of misunderstandings that are not cleared up, the project will be a mess. Simple as that. For example, another example from an actual developer. He was working with a designer, and the designer handed over the Figma file. And the developers, let alone my friend, they didn't ask back anything. And this should have been suspicious to the designer. If a developer doesn't have a question, it means that they not listen. So, designers, be suspicious when you don't have any questions from the developers.

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

The Whimsical Potential of JavaScript Frameworks
React Summit US 2023React Summit US 2023
28 min
The Whimsical Potential of JavaScript Frameworks
Top Content
Watch video: The Whimsical Potential of JavaScript Frameworks
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: Product Design for Intelligent Experiences
C3 Dev Festival 2024C3 Dev Festival 2024
28 min
AI + UX: Product Design for Intelligent Experiences
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.
Domain Driven Design with Vue Applications
Vue.js London 2023Vue.js London 2023
14 min
Domain Driven Design with Vue Applications
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.
Proven Pinia Patterns
Vue.js London 2023Vue.js London 2023
20 min
Proven Pinia Patterns
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.
Component Design Patterns
Vue.js London 2023Vue.js London 2023
18 min
Component Design Patterns
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.
Building Figma’s Widget Code Generator
React Advanced 2022React Advanced 2022
19 min
Building Figma’s Widget Code Generator
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.