Why you need to understand code as a UX designer.

You may or may not have any coding skills, depending on your background. While this does not preclude you from creating fantastic designs, it may make it difficult for you to work with your team.

UX intersection

Designers’ work in an intersection between meeting user needs, business needs, and technical limitations. If you don’t understand the technical limitations of the product you’re designing for, the developer may be unable to implement the aesthetically appealing and usable product you’ve created. As a result, we’re left with nothing but beautiful pixels that can’t be brought to life.

Now, I’m not advising you to learn the latest JavaScript framework or enroll in a coding camp tomorrow. I’m implying that you should have a fundamental understanding of programming languages, their use and limits.

Benefits of understanding how to code

Improve collaboration with developers

Understanding some programming ideas can genuinely assist designers in collaborating with developers. The difference in tech stacks might create a barrier between developers and designers. The technical language barrier will be minimized by having designers who understand programming. By understanding the design’s technical requirements, designers can reduce the gap between what they want and what the developer can offer.

Understand website platform

Understanding basic HTML and CSS will make designers understand the architectural map of websites. And make them more aware of the platform they’re designing for. This gives them a basic understanding of how websites are displayed, the different elements and the extent to which those elements can be manipulated.

Stand in the job market

Your CV will undoubtedly stand out if you have a basic mastery of HTML and CSS. This is because teams prefer agile collaborative working methods, necessitating designers that can easily adapt to different teams. Modern notions of the T-shaped designer and the I-shaped designer have risen as a result of this. The I-shaped designer is an expert in their subject who has a broad understanding of design concepts. The T-shaped has this knowledge as well, but also has experience in marketing, development and other fields that intersect with design.

But be careful…

Do not let the technical limitations limit your creative process. Designers may plan ahead to the product’s implementation, limiting their ability to think freely. Allow this knowledge to aid in the design of realistic products rather than just pretty pixels.

The takeaway

In a small team, designers may be expected to take on more responsibilities, which may include building products or creating front end prototypes. Extensive knowledge of programming languages may not be necessary in larger teams. However, understanding how the various components of the solution fit and work together is critical in order to communicate effectively within the team and speed up the product development process.

Everyone in the team, not only designers, benefits from understanding each other’s work. Each team member should therefore make some effort to understand the work of their teammates.

Where you can start from

www.w3schools.com/ — this is a free website where you can learn all about web development. From HTML, CSS, JavaScript. The website also has references for the elements and classes that developers use everyday.

www.freecodecamp.org/ — this is an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone.

www.coursera.org/ — you can access various online courses, certifications, and degrees in a variety of subjects offered from different universities. Coursera offers free and paid courses for different fields.

Thank you for reading till the end! 😃 Feel free to reach out to me on Twitter for any questions, collaborations or just to say Hi!

Don’t forget to follow me here on Medium as well for more design-related content.

--

--

--

UI/UX Designer | Visual Designer. Sharing with the world what I know and learn in the world of design. Connect with me at www.salomekatunzi.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Mystery encapsulated: The curious case of the cooking app

The gradual disappearance of tactile interaction in the driving experience

Designing address forms for everyone, everywhere

An illustration with a pink background with map contours showing a paper aeroplane flying through three address-stamp shapes and leaving a dotted trail.

NUX: First impressions matter more than features

Hand-based VR interaction for deleting entities

Interaction showcasing the returning of the object to it’s original place.

UX Design Case Study

Why Wireframing is so Important in User Experience

Dig & Document: before you start designing

Consistent documenting

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Salome Katunzi

Salome Katunzi

UI/UX Designer | Visual Designer. Sharing with the world what I know and learn in the world of design. Connect with me at www.salomekatunzi.com

More from Medium

Learnings in first week of #100DaysofUX

Basic Terminologies every newbie in UX Design should know (Part: 1)

I made mistakes on designing websites, so you don’t have to

5 Best UX Design Portfolio Practices