Giving life to design through coding: skills designers must acquire
On July 22, 2020, Innovecs hosted the online talk, “Why bother? Coding for designers”, dedicated to the importance of foundational coding skills for artists.
Playwork’s Art Director, Giacomo Maragliulo, and Manager of Creative Operations, Emmanuel Bergman, uncovered the main reasons designers have to learn to code and how it can help create better visuals.
Produced by the InnoHub platform & multimedia studio, this online conversation embraced a large audience and helped shed light on the value of coding knowledge in design. Like all our previous InnoHub events, this one was also aimed to share knowledge and help develop professionally. Keep track of all our events on the official InnoHub page.
Now, let’s outline the key points of the conversation below.
Making Design Respond to User Behavior and Environment
Design responsiveness and adaptability is one of the reasons designers have to dig deeper into the coding world. If you create a design that suits only, let’s say, portrait orientation and a particular device screen size, it will not look well on other devices in the landscape orientation. This is where responsiveness comes into the game.
While developers think about optimizing or editing the code to make the look responsive to different environments and behaviors, designers can create an adaptive design to suit other sizes and orientations quicker, and the time of the developers will not be wasted.
According to the experience gained at Playworks, designers have to look at what they do through the developers’ lens. Learning front-end skills helps discover fresh approaches, develop new ways of thinking, and consider design more objectively.
Shifting Focus From Static to Interactive Design
To increase user engagement, designers have to learn how to make their visuals interactive by adding more animation with various options and conditions. At this point, the knowledge of HTML, CSS, and JavaScript basics is essential.
With the help of CSS, designers can turn static HTML visuals into smooth animations that are very light in terms of weight, meaning the overall performance will not suffer. CSS is an excellent tool for generating beautiful 60fps animations, which can be enriched with levels of different complexity by using JavaScript logic.
However, both experts from Playworks stated that it was not necessary to know how to code, it was important to understand what the lines of code meant and how it could be realized in future designs.
Combining Design and Code for Better User Experience
In a perfect world, there should be cohesion between the development and design teams to achieve expected results. Mutual contribution to the project helps create better user experiences, as both designers and developers apply approaches they think can improve the product.
Even if designers can’t write lines of code to enhance UX, they should be familiar with the main principles of CSS and JavaScript to understand the overall logic and, thus, be able to adapt proper designs to match user experiences.
And More Statements
We have outlined the key topics discussed during the online talk. However, there is much more to discover. If you want more details from Playworks experts, watch the full record of the event below.