{"id":225588,"date":"2021-08-25T12:37:06","date_gmt":"2021-08-25T10:37:06","guid":{"rendered":"http:\/\/makeitmax.design\/?p=225588"},"modified":"2022-05-27T17:12:25","modified_gmt":"2022-05-27T15:12:25","slug":"ux-designer-vs-ui-designer","status":"publish","type":"post","link":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/","title":{"rendered":"UX designer vs UI designer"},"content":{"rendered":"\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">UX designer: Buurman \u00e9\u00e9n<\/h2>\r\n\r\n\r\n\r\n<p>In UX designer vs UI designer is de UX designer even Buurman nummer \u00e9\u00e9n. De afkorting UX (in UX designer) staat voor User Experience, wat letterlijk vertaald gebruikerservaring betekent. Het draait bij User Experience dan ook om <strong>het cre\u00ebren van een ontwerp wat resulteert in een optimale gebruikerservaring<\/strong>.<\/p>\r\n\r\n\r\n\r\n<p>Het begin proces in UX design is het in kaart brengen van de eindgebruiker. Wie is de eindgebruiker en wat wilt deze persoon bereiken? Dit zijn vragen waar je als UX designer over nadenkt. Om hierachter te komen kun je verschillende onderzoeksmethodes uitvoeren, dit noemen we <a href=\"https:\/\/makeitmax.design\/nl\/diensten\/user-research\/\">user research<\/a>. Hiermee kan uiteindelijk de UX designer ervoor zorgen dat de eindgebruiker <strong>gemakkelijk door de applicatie of website navigeert<\/strong> en hiermee het gewenste doel bereikt.<\/p>\r\n\r\n\r\n\r\n<p>Wanneer de UX designer de doelgroep voor ogen heeft, kan deze kennis vertaald worden naar een wireframe, ook wel <a href=\"https:\/\/makeitmax.design\/nl\/diensten\/interaction-design\/\">interaction design<\/a> genoemd. Bij een wireframe maak je in principe een kleurplaat; je bepaalt de buitenste lijntjes van het design en waar welk element komt te staan. Over de positie van deze elementen is goed nagedacht, zodat de flow van de applicatie of website optimaal is <strong>om het doel van de eindgebruiker te kunnen behalen<\/strong>. De wireframe is uiteindelijk de bouwtekening voor de UI designer. Deze gaat ervoor zorgen dat de kleurplaat netjes wordt ingekleurd.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"480\" class=\"wp-image-227121\" title=\"UX designer vs UI designer - Wireframe\" src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/UX-designer-vs-UI-designer-Wireframe.jpg\" alt=\"UX designer vs UI designer - Wireframe\" srcset=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/UX-designer-vs-UI-designer-Wireframe.jpg 800w, http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/UX-designer-vs-UI-designer-Wireframe-480x288.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">UI designer: Buurman twee<\/h2>\r\n\r\n\r\n\r\n<p>De afkorting UI (in UI designer) staat voor User Interface. Dit wordt letterlijk vertaald naar gebruikersomgeving. Een UI designer zorgt ervoor dat het uiterlijk van de applicatie of website er goed uit komt te zien. Buurman twee (de UI designer dus) kan nu de bouwtekening van Buurman \u00e9\u00e9n gebruiken om <strong>het design zo goed mogelijk aan te laten sluiten op de doelgroep, maar ook op het merk.<\/strong> Hierbij kijkt de UI designer onder andere naar kleurgebruik, typografie, fotografie, illustraties, vormen, witruimte en meer.<\/p>\r\n\r\n\r\n\r\n<p>Ook is het <strong>belangrijk dat de eindgebruiker een goed gevoel overhoudt<\/strong> na het bezoeken van jouw applicatie of website. Hierbij speelt het ontwerp en <a href=\"https:\/\/makeitmax.design\/nl\/diensten\/photography\/\">fotografie<\/a> een grote rol. Met fotografie kun je bijvoorbeeld persoonlijkheid toevoegen door mensen in je foto\u2019s terug te laten komen. Ook de kijkrichting van deze mensen is belangrijk; door de juiste fotografie te gebruiken kan je de flow van de applicatie of website verbeteren. <strong>UI design is dus eigenlijk ook een onderdeel van UX<\/strong>.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"480\" class=\"wp-image-227123\" title=\"UX designer vs UI designer - Visual Design\" src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/UX-designer-vs-UI-designer-Visual-Design.jpg\" alt=\"UX designer vs UI designer - Visual Design\" srcset=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/UX-designer-vs-UI-designer-Visual-Design.jpg 800w, http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/UX-designer-vs-UI-designer-Visual-Design-480x288.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p>Don\u2019t make something unless it is both necessary and useful. But if it is both necessary and useful, don\u2019t hesitate to make it beautiful<\/p>\r\n<cite>Shaker Philo<\/cite><\/blockquote>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><strong>UX designer vs UI designer: hoe werken ze samen?<\/strong><\/h2>\r\n\r\n\r\n\r\n<p>Zoals je hebt gelezen gaan <strong>UX en UI design altijd hand in hand<\/strong>. De \u00e9\u00e9n kan niet zonder de ander. Heb je een goed werkende applicatie of website maar ziet deze er niet mooi uit? Dan kan je gebruikers verliezen. Hetzelfde geldt ook wanneer je dit omkeert. Mooie buitenkant maar het werkt niet goed? Ook dan zijn je gebruikers het snel zat.<\/p>\r\n\r\n\r\n\r\n<p>Het is dus belangrijk om in zowel UX design als UI design te investeren. Wanneer beide invalshoeken juist worden belicht, doe je het goed. En dat ga je ook <strong>terugzien in je conversies<\/strong>.<\/p>\r\n\r\n\r\n\r\n<p><strong>A je to!<\/strong><\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong><strong>Ervaren UX of UI designer nodig voor jouw project?<\/strong><\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Ben je benieuwd wat een UX Designer of een UI Designer voor jouw bedrijf kan betekenen? Neem dan contact op! Ons eigen Buurman &amp; Buurman team staat paraat voor elke klus.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>De termen UX designer en UI designer ben je vast eens tegengekomen in de digitale wereld. Ze lijken qua naam erg veel op elkaar en je zult dan ook niet de enige zijn die ze weleens door elkaar haalt. Net zoals vroeger (of nu nog steeds) bij Buurman &#038; Buurman! Ondanks dat de termen UX en UI maar \u00e9\u00e9n letter van elkaar verschillen (de afkortingen dan), hebben ze beide een andere betekenis. Waar staan de afkortingen UX en UI voor, wat betekenen ze en wat is het verschil tussen een UX designer en een UI designer? Let\u2019s find out!<\/p>\n","protected":false},"author":3,"featured_media":229889,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"off","_et_pb_old_content":"<!-- wp:paragraph -->\r\n<p><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3>UX designer: Buurman 1<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>De afkorting UX (in UX designer) staat voor User Experience design. Ofwel wat letterlijk vertaald gebruikerservaring betekent. Het draait bij User Experience dan ook om het cre\u00ebren van een ontwerp wat resulteert in een optimale gebruikerservaring.\u00a0<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Het beginproces bij UX is het in kaart brengen van de eindgebruiker. Wie is dit en wat wilt deze bereiken? Dit zijn vragen waar je als UX designer over nadenkt. Om hierachter te komen kun je verschillende onderzoeksmethodes uitvoeren. Uiteindelijk ga je er voor zorgen dat de eindgebruiker makkelijk door de applicatie\/website heen kan gaan en zijn\/haar doel bereikt.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Wanneer je de doelgroep voor ogen hebt ga je dit vertalen naar een wireframe (ook wel <a href=\"http:\/\/makeitmax.design\/diensten\/interaction-design\/\">interaction design<\/a> genoemd). Bij een wireframe maak je in principe een kleurplaat; je bepaald de buitenste lijntjes en waar welk element komt te staan. Over de positie van deze elementen is goed nagedacht zodat de flow van de applicatie\/website optimaal is om het doel van de eindgebruiker te kunnen behalen. De wireframe is uiteindelijk de bouwtekening voor de UI designer. Deze gaat er voor zorgen dat de kleurplaat netjes wordt ingekleurd.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:image {\"align\":\"center\",\"id\":225589,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UX-vs-UI-Wireframe-image.jpg\" alt=\"UX designer - Wireframe\" class=\"wp-image-225589\"\/><\/figure><\/div>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3>UI designer: Buurman 2<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>De afkorting UI staat voor User Interface design. Dit wordt letterlijk vertaald naar gebruikersomgeving. Een UI designer zorgt er voor dat het uiterlijk van de applicatie\/website er goed uit komt te zien. Er wordt gezorgd dat het design zo goed mogelijk aansluit bij het merk, maar ook bij de doelgroep. Hierbij wordt onder andere gekeken naar kleurgebruik, typografie, fotografie, illustraties, vormen, witruimte etc.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Ook is het belangrijk dat de eindgebruiker een goed gevoel overhoudt na het bezoeken van jouw applicatie\/website. Hierbij speelt het ontwerp en <a href=\"http:\/\/makeitmax.design\/diensten\/photography\/\">fotografie<\/a> een grote rol. Met fotografie kun je bijvoorbeeld persoonlijkheid toevoegen door mensen in je foto\u2019s terug te laten komen. Ook de kijkrichting van deze mensen is belangrijk; door de juiste fotografie te gebruiken kan je de flow van de applicatie\/website verbeteren. UI design is dus eigenlijk ook een onderdeel van UX.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:image {\"align\":\"center\",\"id\":225591,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UX-vs-UI-Visual-Design-image.jpg\" alt=\"UI designer - Vormgeving\" class=\"wp-image-225591\"\/><\/figure><\/div>\r\n<!-- \/wp:image -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:quote -->\r\n<blockquote class=\"wp-block-quote\"><p>Don\u2019t make something unless it is both necessary and useful. But if it is both necessary and useful, don\u2019t hesitate to make it beautiful<\/p><cite>Shaker Philo<\/cite><\/blockquote>\r\n<!-- \/wp:quote -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:separator {\"color\":\"white\"} -->\r\n<hr class=\"wp-block-separator has-text-color has-background has-white-background-color has-white-color\"\/>\r\n<!-- \/wp:separator -->\r\n\r\n<!-- wp:heading {\"level\":3} -->\r\n<h3>Hoe werken UX en UI samen?<\/h3>\r\n<!-- \/wp:heading -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Zoals je hebt gelezen gaan UX- en UI design altijd hand in hand. De \u00e9\u00e9n kan niet zonder de ander. Wanneer je een goed werkende applicatie\/website hebt maar ziet deze er niet mooi uit? Dan kan je gebruikers verliezen. Hetzelfde geldt ook wanneer je dit omkeert. Mooie buitenkant maar het werkt niet goed, ook dan verlies je gebruikers.\u00a0<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Het is dus belangrijk om in beide aspecten te investeren. Wanneer beide invalshoeken juist worden belicht, doe je het goed. En dat ga je ook terugzien in je conversies.<\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><strong>A je to!<\/strong><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p><\/p>\r\n<!-- \/wp:paragraph -->\r\n\r\n<!-- wp:paragraph -->\r\n<p>Ben je benieuwd wat een UX Designer of een UI Designer voor jouw bedrijf kan betekenen? Neem dan contact op!<\/p>\r\n<!-- \/wp:paragraph -->","_et_gb_content_width":"","footnotes":""},"categories":[52],"tags":[],"class_list":["post-225588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX designer vs. UI designer: de verschillen! | Make it Max<\/title>\n<meta name=\"description\" content=\"Ondanks dat ze maar \u00e9\u00e9n letter van elkaar verschillen hebben ze een andere betekenis. Wat is het verschil tussen UX designer en UI designer? Let\u2019s find out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX designer vs. UI designer: de verschillen! | Make it Max\" \/>\n<meta property=\"og:description\" content=\"Ondanks dat ze maar \u00e9\u00e9n letter van elkaar verschillen hebben ze een andere betekenis. Wat is het verschil tussen UX designer en UI designer? Let\u2019s find out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/\" \/>\n<meta property=\"og:site_name\" content=\"Make it Max\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-25T10:37:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-27T15:12:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2880\" \/>\n\t<meta property=\"og:image:height\" content=\"1146\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeffrey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeffrey\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/\"},\"author\":{\"name\":\"Jeffrey\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/e33ea4870f85d45a754c19b983c02239\"},\"headline\":\"UX designer vs UI designer\",\"datePublished\":\"2021-08-25T10:37:06+00:00\",\"dateModified\":\"2022-05-27T15:12:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/\"},\"wordCount\":566,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/\",\"url\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/\",\"name\":\"UX designer vs. UI designer: de verschillen! | Make it Max\",\"isPartOf\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg\",\"datePublished\":\"2021-08-25T10:37:06+00:00\",\"dateModified\":\"2022-05-27T15:12:25+00:00\",\"description\":\"Ondanks dat ze maar \u00e9\u00e9n letter van elkaar verschillen hebben ze een andere betekenis. Wat is het verschil tussen UX designer en UI designer? Let\u2019s find out!\",\"breadcrumb\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage\",\"url\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg\",\"contentUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg\",\"width\":2880,\"height\":1146,\"caption\":\"Bureau met iMac. iMac heeft een afbeelding met een vergelijking tussen visual design en wireframes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/makeitmax.design\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX designer vs UI designer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#website\",\"url\":\"https:\/\/makeitmax.design\/nl\/\",\"name\":\"Make it Max\",\"description\":\"For you and your users.\",\"publisher\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/makeitmax.design\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#organization\",\"name\":\"Make it Max\",\"url\":\"https:\/\/makeitmax.design\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png\",\"contentUrl\":\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png\",\"width\":320,\"height\":180,\"caption\":\"Make it Max\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/makeitmax\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/e33ea4870f85d45a754c19b983c02239\",\"name\":\"Jeffrey\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/061c9a7825be03ffac726c9a42fe72ef?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/061c9a7825be03ffac726c9a42fe72ef?s=96&d=blank&r=g\",\"caption\":\"Jeffrey\"},\"description\":\"Jeffrey is an UX Designer at Make it Max. His main focus are the visual parts in the UX field. In his blogs he brings you along in the process of an UX project at Make it Max.\",\"url\":\"https:\/\/makeitmax.design\/nl\/author\/jeffrey\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX designer vs. UI designer: de verschillen! | Make it Max","description":"Ondanks dat ze maar \u00e9\u00e9n letter van elkaar verschillen hebben ze een andere betekenis. Wat is het verschil tussen UX designer en UI designer? Let\u2019s find out!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/","og_locale":"nl_NL","og_type":"article","og_title":"UX designer vs. UI designer: de verschillen! | Make it Max","og_description":"Ondanks dat ze maar \u00e9\u00e9n letter van elkaar verschillen hebben ze een andere betekenis. Wat is het verschil tussen UX designer en UI designer? Let\u2019s find out!","og_url":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/","og_site_name":"Make it Max","article_published_time":"2021-08-25T10:37:06+00:00","article_modified_time":"2022-05-27T15:12:25+00:00","og_image":[{"width":2880,"height":1146,"url":"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg","type":"image\/jpeg"}],"author":"Jeffrey","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Jeffrey","Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#article","isPartOf":{"@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/"},"author":{"name":"Jeffrey","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/e33ea4870f85d45a754c19b983c02239"},"headline":"UX designer vs UI designer","datePublished":"2021-08-25T10:37:06+00:00","dateModified":"2022-05-27T15:12:25+00:00","mainEntityOfPage":{"@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/"},"wordCount":566,"commentCount":0,"publisher":{"@id":"https:\/\/makeitmax.design\/nl\/#organization"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage"},"thumbnailUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg","articleSection":["Design"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/","url":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/","name":"UX designer vs. UI designer: de verschillen! | Make it Max","isPartOf":{"@id":"https:\/\/makeitmax.design\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage"},"thumbnailUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg","datePublished":"2021-08-25T10:37:06+00:00","dateModified":"2022-05-27T15:12:25+00:00","description":"Ondanks dat ze maar \u00e9\u00e9n letter van elkaar verschillen hebben ze een andere betekenis. Wat is het verschil tussen UX designer en UI designer? Let\u2019s find out!","breadcrumb":{"@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#primaryimage","url":"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg","contentUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2021\/08\/UXvsUi-mockup-thumbnail-scaled.jpg","width":2880,"height":1146,"caption":"Bureau met iMac. iMac heeft een afbeelding met een vergelijking tussen visual design en wireframes"},{"@type":"BreadcrumbList","@id":"https:\/\/makeitmax.design\/nl\/ux-designer-vs-ui-designer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/makeitmax.design\/nl\/"},{"@type":"ListItem","position":2,"name":"UX designer vs UI designer"}]},{"@type":"WebSite","@id":"https:\/\/makeitmax.design\/nl\/#website","url":"https:\/\/makeitmax.design\/nl\/","name":"Make it Max","description":"For you and your users.","publisher":{"@id":"https:\/\/makeitmax.design\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/makeitmax.design\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/makeitmax.design\/nl\/#organization","name":"Make it Max","url":"https:\/\/makeitmax.design\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/","url":"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png","contentUrl":"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png","width":320,"height":180,"caption":"Make it Max"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/makeitmax\/"]},{"@type":"Person","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/e33ea4870f85d45a754c19b983c02239","name":"Jeffrey","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/061c9a7825be03ffac726c9a42fe72ef?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/061c9a7825be03ffac726c9a42fe72ef?s=96&d=blank&r=g","caption":"Jeffrey"},"description":"Jeffrey is an UX Designer at Make it Max. His main focus are the visual parts in the UX field. In his blogs he brings you along in the process of an UX project at Make it Max.","url":"https:\/\/makeitmax.design\/nl\/author\/jeffrey\/"}]}},"_links":{"self":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/225588"}],"collection":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/comments?post=225588"}],"version-history":[{"count":26,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/225588\/revisions"}],"predecessor-version":[{"id":229891,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/225588\/revisions\/229891"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/media\/229889"}],"wp:attachment":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/media?parent=225588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/categories?post=225588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/tags?post=225588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}