
{"id":5197,"date":"2021-04-06T15:00:00","date_gmt":"2021-04-06T13:00:00","guid":{"rendered":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/uncategorized\/why-should-designers-learn-to-code\/"},"modified":"2021-08-05T12:16:24","modified_gmt":"2021-08-05T10:16:24","slug":"why-should-designers-learn-to-code","status":"publish","type":"post","link":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/why-should-designers-learn-to-code\/","title":{"rendered":"Why Should Designers Learn to Code?"},"content":{"rendered":"<p>Here we go again<em>\u2014<\/em>one of the most hotly debated topics in the industry: <strong>Should designers learn to code?<\/strong><\/p>\n<p>It\u2019s a question that has divided opinion for decades, and one that never seems to reach a conclusion.<\/p>\n<p>It\u2019s all too easy to get caught up in a debate about who should have which skills, but as most designers will know, the answer is rarely simple. In reality, the lines are continuously blurring, and it\u2019s almost impossible to work within the confines of a single job description.<\/p>\n<p>In the <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/tech-trends-disrupting-ux\/\">ever-evolving, competitive design industry<\/a>, there\u2019s a more relevant discussion at play. <strong>More and more, we\u2019re asking how<em>\u2014<\/em>not if\u2014designers can learn to code.<\/strong> How can designers maintain their edge and become more agile? How can they collaborate more effectively to create great end products?<\/p>\n<p>In this post, we\u2019re not going to revisit that age-old debate of whether or not designers <strong>should<\/strong> <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/ways-to-learn-to-code\/\" target=\"_blank\" rel=\"noopener\">learn to code<\/a>. Instead, we\u2019re going to consider a different question: How can learning to code empower you to become a better designer? Here\u2019s what we\u2019ll cover:<\/p>\n<ol>\n<li><a href=\"#learning-to-code-will-enrich-your-design-work\">Learning to code will enrich your design work<\/a><\/li>\n<li><a href=\"#learning-to-code-will-make-you-a-better-collaborator\">Learning to code will make you a better collaborator<\/a><\/li>\n<li><a href=\"#learning-to-code-will-set-you-apart-in-the-job-market\">Learning to code will set you apart in the job market<\/a><\/li>\n<li><a href=\"#how-to-get-started\">How to get started<\/a><\/li>\n<\/ol>\n<p><img decoding=\"async\" title=\"Should Designers Learn to Code?\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/coding-design-collaboration.jpg\" alt=\"A developer collaborating with two designers on a project\" \/>Photo by <a href=\"https:\/\/unsplash.com\/@mimithian?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Mimi Thian<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/frontend-developer?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a><\/p>\n<h2 id=\"learning-to-code-will-enrich-your-design-work\">1. Learning to code will enrich your design work<\/h2>\n<p>Regardless of whether or not designers need to know how to code, there\u2019s no denying that mastering new skills will significantly enrich the work that you do. This is true of any profession: in order to progress, you need to continuously learn and strive to better yourself. The alternative is stagnation<em>\u2014<\/em>coasting along with no real growth.<\/p>\n<p>The design industry is, by nature, one of the most progressive fields to work in. The best designers think outside the box and constantly seek to innovate<em>\u2014<\/em>and learning new skills is all part of this.<\/p>\n<p>As a designer, you naturally approach your work from a design perspective. But what if you could view things from a different vantage point? Say, through the lens of a developer? <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/frontend-developer-skills\/\" target=\"_blank\" rel=\"noopener\">Learning frontend developer skills<\/a> will broaden your horizons far beyond design, and are even setting you on the path to being a <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/what-is-a-full-stack-designer\/\">full-stack designer<\/a>.<\/p>\n<p>You\u2019ll discover fresh approaches to old problems, develop new ways of thinking and learn to consider your work more objectively.<\/p>\n<p><img decoding=\"async\" title=\"Should Designers Learn to Code?\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/coding-design.jpg\" alt=\"Three tech professionals meeting to discuss a design project\" \/><br \/>\nPhoto by <a href=\"https:\/\/unsplash.com\/@wocintechchat?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Christina @ wocintechchat.com<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/frontend-developer?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a><\/p>\n<h2 id=\"learning-to-code-will-make-you-a-better-collaborator\">2. Learning to code will make you a better collaborator<\/h2>\n<p>Great <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/empathy-and-ux-design\/\" target=\"_blank\" rel=\"noopener\">designers are masters of empathy<\/a><em>\u2014<\/em>and not just for the people who are or will eventually use the products they design. If you can empathize with your colleagues, you\u2019re in a much better position to collaborate, which can impact not just the quality of the end product, but also your career development and ability to enjoy your daily work life even more.<\/p>\n<p>Learning key frontend skills will enable you to both understand and effectively communicate the technical requirements of design. But why is this important?<\/p>\n<p>If you follow <a href=\"https:\/\/twitter.com\/iamdevloper\" rel=\"noopener\">@Iamdevloper<\/a> on Twitter, you may be familiar with this Tweet poking fun at the lack of understanding between designers and developers:<\/p>\n<p><strong>Designer: \u201cI want you to implement custom select elements\u201d<\/strong><\/p>\n<p>Developer: \u201cNo.\u201d<\/p>\n<p>Rinse and repeat.<\/p>\n<p>Of course, this is a tongue-in-cheek account, but it does highlight a common problem: a discrepancy between what the designer wants and what the developer can deliver. To overcome this breakdown in communication, designers and developers need to speak each other\u2019s language. Designers who can \u201cspeak\u201d frontend have a much better understanding of what\u2019s possible from a development perspective.<\/p>\n<p>With some fundamental frontend skills under your belt, you can start to design for the developer as well as for your users. Even if you don\u2019t get hands-on with code in your day-to-day work, you can design with the knowledge of how your vision will be implemented.<\/p>\n<p>Speaking at Front-End London in 2016, Kristina Olivia, UI designer and creator of the <a href=\"https:\/\/designerdoescode.tumblr.com\/\" target=\"_blank\" rel=\"noopener\">Designer Does Code<\/a> blog, described how she uses her knowledge of coding to make informed design decisions:<\/p>\n<blockquote><p><em>\u201cTo me, code is just really another tool for designing things. I use it to improve my work in order to understand what I\u2019m doing. It helps me within design\u2026because I know that I can code this up and this would work, or this wouldn\u2019t work, this would be a really bad UX so I\u2019m not going to design it in that way\u2026\u201d<\/em><\/p><\/blockquote>\n<p><img decoding=\"async\" title=\"Should Designers Learn to Code?\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/designer-job-market.jpg\" alt=\"Two tech professionals interviewing a designers for a job\" \/><br \/>\nPhoto by <a href=\"https:\/\/unsplash.com\/@wocintechchat?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Christina @ wocintechchat.com<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/frontend-developer?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\" target=\"_blank\" rel=\"noopener\">Unsplash<\/a><\/p>\n<h2 id=\"learning-to-code-will-set-you-apart-in-the-job-market\">3. Learning to code will set you apart in the job market<\/h2>\n<p>Designers who can code may have a more secure footing in the job market.<\/p>\n<p>In his 2017 Design in Tech report, John Maeda predicts that intangible elements such as written content and code will have an increasingly pivotal role to play. As Elizabeth Stinson over at <a href=\"https:\/\/www.wired.com\/2017\/03\/john-maeda-want-survive-design-better-learn-code\/\" rel=\"noopener\">wired.com<\/a> puts it:<\/p>\n<blockquote><p><em>\u201cAs the distinction between engineering, writing, and design becomes blurrier, design\u2019s role in technology only stands to become more ingrained in the product development process.\u201d<\/em><\/p><\/blockquote>\n<p>More and more, designers may need to be actively involved in the development side of things. Just as <a href=\"\/en\/blog\/ux-design\/5-big-differences-between-ux-and-ui-design\/\">UX and UI constantly overlap<\/a>, design and development will become increasingly intertwined<em>\u2014<\/em>and up-skilling will enable you to meet this market demand.<\/p>\n<p>Ultimately, frontend skills are an added USP. Multi-skilled designers stand out as agile team players<em>\u2014<\/em>and this is the kind of versatility that many employers are looking for. Think of it as learning a foreign language; it doesn\u2019t take away from your design expertise<em>\u2014<\/em>it adds another dimension. Designers who can code belong to the \u201cdesign unicorn\u201d category: rare and precious!<\/p>\n<h2 id=\"how-to-get-startednbsp\">4. How to get started<\/h2>\n<p>The best way to get started with growing your knowledge of frontend development is to do some general learning on the topic. As someone who thrives in the world of design, web development might seem like a vast wilderness of gibberish. But it\u2019s actually a rich and creative world that you can learn systematically (in as little or as much detail as you\u2019d like). Whether it\u2019s through reading blog articles and books or listening to podcasts, this will give you a general overview of the world of web development.<\/p>\n<p>In addition, you can take a <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/short-courses\/become-a-web-developer\/\" target=\"_blank\" rel=\"noopener\">free short course<\/a> to do some hands-on learning over a five-day period. This is a great starting point.<\/p>\n<p>Here\u2019s a video introduction that will give you an overview\u00a0<strong>and<em>\u00a0<\/em><\/strong>get you started (and give you a preview of the short course we\u2019ve linked to in this section):<\/p>\n<style type=\"text\/css\">.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style>\n<div class=\"embed-container\"><iframe src=\"https:\/\/www.youtube.com\/embed\/\/-s3InudNIrM\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>If you do this initial exploration and find that you\u2019re still curious and ready to learn more there are so many great\u00a0<a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/best-web-development-tutorials-for-beginners\/\" target=\"_blank\" rel=\"noopener\">web development tutorials<\/a>\u00a0online. For a more structured (and mentored) learning experience, check out this <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/courses\/frontend-development-for-designers\/\" target=\"_blank\" rel=\"noopener\">Frontend Development for Designers<\/a> specialization course. You might even want to explore a full <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/web-development\/best-web-development-certification-programs\/\" target=\"_blank\" rel=\"noopener\">web development certification<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learning to code can empower you to be a better UX\/UI designer! Here, we&#8217;ll outline the ways in which a few key development skills will enrich your career. We&#8217;ll also give you some resources to start learning today!<\/p>\n","protected":false},"author":5,"featured_media":5198,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"yes","_lmt_disable":"","footnotes":""},"categories":[2],"tags":[],"class_list":["post-5197","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-design"],"acf":{"homepage_category_featured":false},"modified_by":"Matthew Deery","_links":{"self":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/comments?post=5197"}],"version-history":[{"count":2,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5197\/revisions"}],"predecessor-version":[{"id":30002,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5197\/revisions\/30002"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media\/5198"}],"wp:attachment":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media?parent=5197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/categories?post=5197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/tags?post=5197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}