← Back to writing

Why developers and designers should work with each other

February 4, 2014

There is a reason for so many group tasks in school. Starting in kindergarten and ending in college, every single person is encouraged and taught to perform in groups - a drawing, a sculpture, a volunteer project, a scientific experiment. Knowing how to work as a team is an essential skill for life, both personal and professional. The society moves ahead if it works together, where each one of us has their part. This maxim is valid in every kind of jobs.

If I'm a designer just working in web design, someone has to implement my work, and that person would be the so-called developer. It is also possible to be both, designer and developer, but in this article, we're just going to focus on the most common situation nowadays, which concerns to a team with a lot of elements, two of whom are the designer and the developer.

"Great developers makes me a great designer because they make my design come alive and improve it in the process" — Magga Dora, experienced designer from Boston, USA

Understanding the Two Roles

Brain Hemispheres and Professional Approach

The human brain is divided into two hemispheres: the left and the right. Although every human being uses both hemispheres, most of us has a dominant side, which affects the way the information is processed, how to react to that information, how to face the problems and how to communicate.

  • 2% of humans are right-brained: responsible for creativity, curiosity, fantasy, intuition, and symbolic thinking
  • 98% are left-brained: associated with logic thinking, rationality, rules, and communication

The Designer

Since the designer's work is creative, imaginative, and intuitive, he is normally right-brained. A web designer is the one who uses graphics/pictures to create a look, a shape, a face, an interface to the web or to an app. This design needs to 'marry' with the code in order to get alive.

The Developer

The developer, unlike the designer, is normally left-brained. He is oriented by the detail, by the specificity and he looks for a clear and functional code, not giving too much importance if the final result is appealing or not. The developer is the one that builds the backbone of a website, through a programming language (HTML, Javascript, JQuery, and CSS), giving life to the design previously created by the designer.

The Common Goal: User Experience (UX)

In a team, the work of all elements has to lead to the common objective, in other words, creating a website or an app that seduce and attract the users. We are talking about the concept of User Experience - UX.

As Ximena Vengoechea said, this is not just a fancy word for common sense. The User Experience is a fusion of knowledge, it's multiple lines that merge in a common spot - the creation of the best user experience possible, achieving, likewise, business goals.

Creating something that people in general like is a really tricky and challenging deal and to do that's necessary to understand psychology principles about the human behavior and the formation of the person's personality.

Key Points in UX

  • The visual look of the interface - using the elements to transmit some specific message
  • The information's architecture - grouping it in a meaningful way according to its importance regarding the context
  • Market research - getting to know the market opinion through surveys
  • Interaction design - getting pages that are in agreement with the idea that's supposed to share or with the behaviour one wants the user to have
  • Usability - making sure that the system is accessible to everyone

UX is, therefore, one essential requirement for the success of a website or an app.

The Power of Teamwork

The best way to cross this finishing line is the teamwork between the designer and the developer. None is more important than the other, both need to listen.

A website has to be beautiful and flashy, but it also needs to be functional. The sum of the visual look with its functionality should reflect the brand and ought to attract visitors.

The web designer can't just do his job, send it to the developer, and, in the end, blame him for the unexpected final result. On the other hand, the developer can't ignore the concerns of the designer regarding the graphic look.

Tips for Designers

If you're a designer and you want your partner developer to listen to you, try to do this:

  • Explain your work: Explain to the developer what you're doing and why. Some developers don't have an easy eye to design, but most are concerned about UX.
  • Justify your design: Tell the developer about why you think your design is the best for that work and why it should be built just the way you did it.
  • Communicate constructively: When you think that something isn't right, tell him and explain your ideas instead of complaining about his work.

Tips for Developers

The designer has to make an effort to understand basic development concepts, like knowing what an MVC framework is and the limitations of JavaScript. They should know what is possible and what is not.

Some also say that a good idea to make a designer get along with a developer is to sit them side to side, in a way that they are "forced" to be nice to each other.

Conclusion

The key is always communication. Whether you are a designer or a developer, remember that both parts are important. Work as a team, focused on brands like Apple, Disney, Google, and Coca-Cola - real queens in User Experience.