Insights

At DVT we run regular online events that are focused on the latest technology trends within the IT industry and we invite guest speakers to share their knowledge and insights on various topics. The DVT Insights Events aim to enlighten you, educate you and often, provide a new view on a burning issue within the technology space.

5 Tips to Improve UI/ UX Designers and Developers Collaboration
Pamela Hill
Android Kotlin developer/ UX enthusiast

5 Tips to Improve UI/ UX Designers and Developers Collaboration

Monday, 28 May 2018 14:12

Improve teamwork between designers and developers with these 5 helpful tips. A decade ago, UI (user interface) design was often the responsibility of developers with little or no knowledge of the art and science of visual communication. As designers venture away from advertising agencies and into corporates, many developers find themselves working side-by-side with these creatives. While the goal of both designers and developers should be the same - to provide software that delights its users- all too often there is a chasm between these two disciplines. This article is based on my experience as a developer working together with many designers and suggests some ways in which developers can improve their collaboration with the designers in their team.

1. Understand the basics of their fields

Collaboration requires mutual understanding and respect. By understanding the basics of the design process, there is a shared vocabulary. A shared vocabulary helps you to communicate implementation limitations better and to understand the designer's vision. When explaining these limitations, be aware that the designers may not understand the intricacies of the technical implementation like the development team. Make sure that you communicate the problem in a way that supports collaborative workflow and not create confusion.

Furthermore, by understanding the basics of the design system, you are demonstrating respect for their field and the individuals themselves. When deadlines are looming, respect ensures that relationships don’t become strained, but rather that designer-developer collaboration increases without compromising the design vision or the code base.

How you go about learning the basics of the design fields is based on your style of learning and the depth of knowledge that you want to gain. I can recommend two resources. In his book, The Joy of UX: User Experience and Interactive Design for Developers, David Platt describes the fundamentals of UX (user experience) design in a way that is relevant to developers. GetSmarter, in collaboration with UCT (University of Cape Town), offers a practical short course that has equipped many developers with UX design knowledge and skills.

2. Ask questions - respectfully

Don’t be afraid to ask questions, but watch your tone. Designers recognise that you don’t understand the finer points of their fields. Good designers know that verbal communication with their product team is as essential as visual communication in the product design process. They will, therefore, take the time to explain the motivation behind a design decision. Very often, designers base their decisions on cognitive science and well-established design principles rather than a mere whim. However, it is important to phrase your questions thoroughly, focusing on understanding why they made a specific decision, rather than expressing your own opinion of what constitutes pleasing design.

3. Ask for Product Design feedback

As you implement their designs, ask for the designers’ feedback. Designers have an excellent eye for detail - they quickly pick up mistakes that developers may have missed, despite their best efforts. Frequently asking for feedback ensures that there is no unnecessary pressure just before a deadline.

Just as you should have a code review process in place, so you should have a design review with your designers before any UAT (user acceptance testing) takes place. This ensures that the design vision is correctly implemented and that mistakes and inconsistencies are picked up before your code gets to production.

4. Try and try again

Occasionally, you might hit an implementation limitation that simply can’t be overcome without some design compromise. However, before reaching that point, make sure that you have done all the research and development brainstorming you can to solve the problem. Should the limitation prove to be insurmountable, ensure that the designers understand the fundamentals of the problem, and ask for an alternative design. Make sure that they have enough time to conceptualise an alternative by giving feedback regarding the difficulties.

5. Keep learning and innovating together

Good developers know how to implement designs, but great developers keep up-to-date with the best ways to implement designs. By continually researching advancements in front-end design, you can confidently communicate the possibilities of your chosen technology to the designers.

Some corporates allow their developers to take some downtime to participate in hackathons, developing side projects for the sheer enjoyment of it. Why not allow designers to participate in some of these hackathons, creating and innovating side-by-side work with developers? Developers and designers can learn from each other in a relaxed environment, and encourage developers to stretch themselves by implementing more advanced interactions and animations.

Bridging the Gap: Collaboration Between UI/ UX Designer and Developer

The relationship between designers and developers is important for creating user-centric software. It's clear that understanding each other's fields is key to bridging the gap and fostering mutual respect. By learning the basics of design and development, communication on implementation limitations improve and grasp the designer's vision. Asking questions respectfully and seeking feedback throughout the process ensures a smoother workflow and reduces errors. Encouraging designers to participate in hackathons alongside developers can further strengthen teamwork and inspire creative solutions. Ultimately, by implementing these strategies, designers and developers can improve their collaboration, leading to better software outcomes that meet both technical and design objectives.

Recommended resources:

GetSmarter’s User Experience Design online short course page

Platt, D., 2016. The Joy of UX: User Experience and Interactive Design for Developers. 1st ed. Boston: Addison-Wesley Professional.

About Pamela
Pamela Hill Pamela is a second-generation developer and holds a BSc IT and BSc (Hons) Computer Science from the University of Pretoria. She has many years of experience writing desktop, web and mobile apps. Her other interests include UX (user experience) design, psychology and the arts. Get in touch with Pamela via Twitter on @pamelaahill.

Editor's Note: This post was originally published on 28 May 2018, and was updated on 5 March 2024

DVT 25 Years of Service