Code from my project

How a basic understanding of code made me a better designer

Jeremiah Bradshaw

--

As a newcomer to the world of UX I felt confused and afraid when I would hear words like HTML, CSS, and Javascript. They seemed like nebulous words that avoided all understanding. Having just been hired at an ed tech startup as a “designer” I imagined that I would never need to know anything about code. However, once I started working with a product design team I soon saw that the engineers used specific vocabulary and terminology that alluded my grasp.

With communication being a non negotiable for UX work I determined that I must at least have a shallow understanding of what the engineers are talking about. So I began to learn the basics of HTML, CSS and Javascript. I worked on a project that utilized all 3 things and even API manipulation. The final project is linked below:

https://jeremiahbradshawportfolio.netlify.app/pokemon.html

At times it was irritating and frankly still daunting but, I feel that I have become a better designer and these are the reasons why.

Screenshot from my project

Knowing Code Terminology Streamlines Communication

One of the key traits of a UX designer is communication skills. In order to effectively communicate with a team of engineers it is very important to understand the basics of their vocabulary. When describing design choices made, you can reference various elements of HTML and CSS to make sure that the engineers are clear on what you are conveying. I felt empowered with my new knowledge and I saw that I played a larger role in conversations with the engineering team.

Knowing Code Tempers Your Designs

Understanding responsive design, API’s, etc. help you work within realistic constraints while designing. Product design teams are often under intense pressure to produce something on a strict timeline. When one designs within the realm of reality and reason that process goes much faster. Because of this, I now lean heavily into grid and design systems so that the engineers don’t have to go to great lengths to customize elements.

It Looks Great On A Resume

More often than not employers are looking for UX designers who have some knowledge or working knowledge in HTML, CSS, and Javascript. Knowledge is power, and if you are able to grow your development and communication skills you will become a more desired designer. My employer and CTO were both very impressed with the knowledge that I had acquired, and were saying if I keep it up they will definitely raise my wages.

I am thankful for all the great free resources out there that make learning code so accessible. I will link them down below.

https://codepen.io/

Jeremiah Bradshaw is a student in the Digital Media program at Utah Valley University, Orem Utah, studying Interaction & Design. The following article relates to (Portfolio Project) in the (DGM 1600 Course) and representative of the skills learned.

--

--