{"id":4314,"date":"2021-01-25T16:42:07","date_gmt":"2021-01-25T16:42:07","guid":{"rendered":"https:\/\/www.wendyzhou.se\/blog\/?p=4314"},"modified":"2026-05-19T12:32:27","modified_gmt":"2026-05-19T12:32:27","slug":"behover-ux-ui-designers-kunna-programmera","status":"publish","type":"post","link":"https:\/\/www.wendyzhou.se\/blog\/sv\/behover-ux-ui-designers-kunna-programmera\/","title":{"rendered":"Beh\u00f6ver UX\/UI Designers kunna programmera?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">M\u00e5nga som funderar p\u00e5 att satsa p\u00e5 en karri\u00e4r inom UX- och UI-design undrar om UX\/UI-designers beh\u00f6ver kunna programmera. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Det korta svaret \u00e4r <em>nej<\/em>. En UX-designer beh\u00f6ver inte kunna programmera.<\/strong> Men, det mer kompletta svaret kr\u00e4ver mer kontext.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u00e4s ocks\u00e5: <a href=\"https:\/\/www.wendyzhou.se\/blog\/sv\/ux-design-vad-ar-det-och-vad-gor-en-ux-designer\/\">UX Design \u2013 Vad \u00e4r det och vad g\u00f6r en UX Designer?<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Varf\u00f6r beh\u00f6ver UX\/UI-designers <em>inte<\/em> kunna programmera?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I de flesta f\u00f6retag finns det separata roller f\u00f6r designers och programmerare. Det finns UX researchers som arbetar med kravanalys och g\u00f6r anv\u00e4ndbarhetstester. Det finns UI- och visuella designers som arbetar med de grafiska gr\u00e4nssnitten. Och s\u00e5 finns det programmerare, b\u00e5de front-end- och back-end-programmerare, som utvecklar design i kod. D\u00e4rf\u00f6r \u00e4r det inte avg\u00f6rande om du som designer kan programmera eller inte, d\u00e5 det inte \u00e4r din huvudsakliga uppgift.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Men det beror sj\u00e4lvklart p\u00e5 vilken roll du har och vilket f\u00f6retag du arbetar p\u00e5. De flesta UX researchers beh\u00f6ver definitivt inte kunna programmera, och vissa r\u00f6r sig inte ens om UI-gr\u00e4nssnittet (de g\u00f6r inga grafiska mockups, best\u00e4mmer f\u00e4rger, illustrationer, ikoner och dylikt).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e4remot om du arbetar som en UX\/UI-designer p\u00e5 en startup eller ett f\u00f6retag med mindre designmognad, s\u00e5 \u00f6nskar de sig en &#8220;unicorn&#8221; \u2013 n\u00e5gon som kan allt. UX, UI, front-end, back-end, g\u00e4rna marknadsf\u00f6ring ocks\u00e5.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I det stor hela dock, s\u00e5 g\u00e5r det definitivt att f\u00e5 jobb som UX designer utan att skriva en enda rad kod.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">L\u00e4r dig HTML och CSS \u00e4nd\u00e5!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c4ven om du kan bli anst\u00e4lld som UX\/UI Designer s\u00e5\u00a0<em>lovar<\/em>\u00a0jag att det kommer vara till din f\u00f6rdel att f\u00f6rst\u00e5 grunderna inom front-end-utveckling. S\u00e5 jag skulle rekommendera alla blivande designers att l\u00e4ra sig \u00e5tminstone grunderna i HTML och CSS samt grunderna i hur Javascript fungerar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Varf\u00f6r skulle UX\/UI-designers beh\u00f6va kunna programmera?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Anledningen till varf\u00f6r jag tycker du ska f\u00f6rst\u00e5 utveckling \u00e4r f\u00f6r att det kommer g\u00f6ra dig till en b\u00e4ttre designer. Detta g\u00e4ller dock inte UX Researchers. Men det g\u00e4ller s\u00e5 fort du \u00e4r den som sitter och skapar mockups p\u00e5 hur gr\u00e4nssnittet faktiskt kommer vara utformat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hur vet du att det du designar ens \u00e4r <em>m\u00f6jligt<\/em> att skapa i kod om du har noll f\u00f6rst\u00e5else f\u00f6r hur man kodar design? <\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Om du inte har n\u00e5gon f\u00f6rst\u00e5else f\u00f6r front-end alls finns det stor risk att du:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Skapar mockups som \u00e4r ineffektiva och kostar f\u00f6r mycket att skapa<\/strong> &#8211; utveckling kostar mycket pengar. \u00c4ven om n\u00e4stan allt \u00e4r m\u00f6jligt att skapa, s\u00e5 \u00e4r vissa saker s\u00e5 komplicerade och tar l\u00e5ng tid. Det blir d\u00e5 inte effektivt eller v\u00e4rt det. Om du har f\u00f6rst\u00e5else f\u00f6r utveckling kan du medvetet skapa saker som balanserar kostnad och v\u00e4rde.<\/li>\n\n\n\n<li><strong>Skapar gr\u00e4nssnitt som inte \u00e4r tekniskt m\u00f6jliga<\/strong>. Jag har sett m\u00e5nga nyb\u00f6rjare g\u00f6ra helt orealistiska mockups med t.ex. Element som flyter utanf\u00f6r sk\u00e4rmar och dylikt. Detta h\u00e4nder om du inte vet begr\u00e4nsningarna.<\/li>\n\n\n\n<li><strong>Har d\u00e5ligt samarbete med utvecklare<\/strong>. Det handlar inte om att bara g\u00f6ra fina mockups. Du som designer beh\u00f6ver ocks\u00e5 t\u00e4nka p\u00e5 omkringliggande saker som \u00e4r baserade p\u00e5 kod. Tv\u00e5 exempel:\n<ul class=\"wp-block-list\">\n<li>Du beh\u00f6ver kunna kommunicera och i m\u00e5nga fall arbeta n\u00e4ra utvecklare. L\u00e4r dig tala deras spr\u00e5k. Annars blir det frustrerande och leder till m\u00e5nga missf\u00f6rst\u00e5nd.<\/li>\n\n\n\n<li>F\u00f6rst\u00e5 dig p\u00e5 hur du designar utefter <em>responsive design<\/em> &#8211; hur layout och inneh\u00e5ll \u00e4ndras beroende p\u00e5 sk\u00e4rmstorlekar<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Sammanfattningsvis: Du som UX\/UI-designer beh\u00f6ver inte kunna programmera genom att sitta och skriva rader av kod. Men du beh\u00f6ver f\u00f6rst\u00e5 hur design skapas s\u00e5 att du kan designa realistiska saker och kommunicera med utvecklare.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En vanlig fr\u00e5ga m\u00e5nga undrar \u00e4r: Beh\u00f6ver UX\/UI designers kunna programmera? Svaret \u00e4r nej, inte f\u00f6r att f\u00e5 jobb. Men ja, f\u00f6r att bli riktigt bra.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[121],"tags":[],"class_list":["post-4314","post","type-post","status-publish","format-standard","hentry","category-ui-och-ux-design","entry"],"gutentor_comment":0,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"ocean-thumb-m":false,"ocean-thumb-ml":false,"ocean-thumb-l":false},"uagb_author_info":{"display_name":"Wendy Zhou","author_link":"https:\/\/www.wendyzhou.se\/blog\/author\/wendy1111live-se\/"},"uagb_comment_info":0,"uagb_excerpt":"En vanlig fr\u00e5ga m\u00e5nga undrar \u00e4r: Beh\u00f6ver UX\/UI designers kunna programmera? Svaret \u00e4r nej, inte f\u00f6r att f\u00e5 jobb. Men ja, f\u00f6r att bli riktigt bra.","_links":{"self":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/4314","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/comments?post=4314"}],"version-history":[{"count":5,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/4314\/revisions"}],"predecessor-version":[{"id":8972,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/4314\/revisions\/8972"}],"wp:attachment":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media?parent=4314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/categories?post=4314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/tags?post=4314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}