{"id":231374,"date":"2022-10-07T16:44:55","date_gmt":"2022-10-07T14:44:55","guid":{"rendered":"http:\/\/makeitmax.design\/?p=231374"},"modified":"2022-10-07T16:45:08","modified_gmt":"2022-10-07T14:45:08","slug":"wat-is-responsive-design-in-ux","status":"publish","type":"post","link":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/","title":{"rendered":"Wat is responsive design in UX?"},"content":{"rendered":"<h2><b>Wat is responsive design in UX?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Na het doen van de nodige onderzoeken, starten we als UX designers met het bouwen van de wireframes. We droppen dus niet gewoon wat tekst en afbeeldingen op een pagina, en klaar is Kees. Eerst denken we na over de grootte van de pagina. Is het een platform dat voornamelijk op mobiel apparaat gebruikt wordt, of is het hoofdzakelijk bestemd voor tablets? Dit zijn essenti\u00eble factoren om rekening mee te houden! Hiermee bepalen we namelijk hoe we de wireframes moeten opbouwen en vervolgens onze elementen ontwerpen.<\/span><\/p>\n<p><b>Responsive design is een oplossing voor het cre\u00ebren van een prettige en consistente gebruikerservaring op alle apparaten en schermformaten<\/b><span style=\"font-weight: 400;\">. De ervaring moet op elk apparaat gelijk zijn. Dit betekent niet dat ook elk element hetzelfde uiterlijk moet hebben, wel wil je dat, om een voorbeeld te noemen, het menu op elk apparaat toegankelijk is. Dit zal per schermafmeting anders functioneren, maar de ervaring moet gelijk zijn.<\/span><\/p>\n<h2><b>Wanneer en waarom gebruiken we responsive design in UX?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Wanneer? Als UX designers zijn we van mening dat je ALTIJD een responsive design moet maken. En waarom: in de afgelopen jaren is het aantal apparaten waarmee we toegang hebben tot het internet exponentieel toegenomen. Denk alleen al aan computers, telefoons, tablets en tegenwoordig ook smartwatches. <\/span><b>Elk scherm heeft weer een ander formaat en resolutie.<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Stel je voor: wat gebeurt er als je een website maakt voor een desktopscherm, en een iPhone SE (het meest gebruikte kleine schermformaat) probeert een formulier op die website in te vullen? Zou deze er op elk scherm hetzelfde uitzien, dan gaan er absoluut elementen van het scherm vallen of er veel te groot uitzien.<\/span><\/p>\n<p><b>Bovendien<\/b> <b>gebruiken mensen verschillende schermen op andere manieren<\/b><span style=\"font-weight: 400;\">. Op telefoons vegen, tikken en slepen we. Een desktopgebruiker heeft een toetsenbord en muis. Ook zit er verschil in de afstand tussen een type scherm en ons gezicht, is er geen hover-functie op telefoons en zal vegen op een desktopscherm niet erg intu\u00eftief gaan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Daarnaast moeten we er rekening mee houden dat muisaanwijzers veel nauwkeuriger zijn dan vingers. Voor mobiele designs hebben we daar zelfs een term voor: \u201cfat-finger-friendly\u201d. Bij het ontwerpen van mobiele elementen moet je <\/span><b>rekening houden met verschillende diktes van vingers<\/b><span style=\"font-weight: 400;\"> zodat mensen niet per ongeluk twee knoppen tegelijk indrukken.<\/span><\/p>\n<h2><b>Hoe begin je met responsive webdesign?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Ten eerste wil je weten welke schermafmetingen op dit moment het meeste gebruikt worden. Omdat je onmogelijk een responsive design kunt maken voor ALLE schermen, moeten we een gemiddelde pakken dat op zoveel mogelijk schermen past.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We pakken de kleinste schermafmeting en de meest gebruikte. Tegenwoordig is dat meestal 320 x 568 pixels voor een iPhone SE, en 1920 x 1080 pixels voor een desktopscherm. Soms, als het design erg ingewikkeld is, ontwerpen we ook een tabletversie.<\/span><\/p>\n<p><a href=\"https:\/\/gs.statcounter.com\/screen-resolution-stats\/desktop-mobile\/worldwide\/#monthly-202105-202205\"><span style=\"font-weight: 400;\">Statcounter<\/span><\/a><span style=\"font-weight: 400;\"> geeft een zeer gedetailleerde grafiek van de meest gebruikte schermresoluties. Zoals we weten hebben mobiele apparaten veel internet- en platform gebruik overgenomen. Maar desktop- en laptopschermen spelen nog steeds een belangrijke rol.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Responsive design is nadenken over het verkleinen, opschalen en\/of veranderen van elementen zodat ze op elk scherm passen \u00e9n functioneren. Let maar eens op de verschillende menu\u2019s van website, heb je er ooit een gezien die op zowel desktop als mobiel hetzelfde is? Zou dit het geval zijn, dan kan niemand het gebruiken.<\/span><\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-231365 aligncenter\" src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-website.jpeg\" alt=\"Make it Max website on a laptop and a mobile phone\" width=\"800\" height=\"480\" srcset=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-website.jpeg 800w, http:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-website-480x288.jpeg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/p>\n<h2><b>Website responsive design maken: aan de slag!<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Er zijn meerdere mogelijkheden om responsive design in UX te benaderen. Veel UX-designers zweren bij mobiel design eerst. Begin met een klein scherm en maak alles passend. Daarna is het een kwestie van opschalen tot je een desktop design hebt.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Andersom kan natuurlijk ook, dan begin je bij het ontwerpen van een desktop responsive design. Dit gebeurt voornamelijk wanneer je weet dat het platform met name op desktop gebruikt zal worden. Daarna ga je de elementen verkleinen tot je een mobiel design hebt. Hierdoor zullen soms elementen verdwijnen. Als een element geen functie heeft of te ingewikkeld is om te gebruiken, neem er dan afscheid van.<\/span><\/p>\n<h3><b>Breekpunten<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Wanneer je begint met de ontwikkeling van een responsive design voor een website of platform, is het erg belangrijk om breekpunten in CSS te gebruiken. Dit is een stukje code die bepaalt wanneer een element een andere lay-out heeft. Dus als een breekpunt 640 pixels is, wordt er een andere lay-out dan de desktop lay-out gebruikt als een scherm kleiner is. Zorg ervoor dat je altijd responsive CSS design gebruikt.<\/span><\/p>\n<h3><b>Kolommen<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Het gebruik van breekpunten in responsive UX design wordt eenvoudig wanneer je kolommen gebruikt. Normaal gesproken maakt een responsive webdesign gebruik van een 12 kolom- raster. Deze gebruiken we omdat je 12 kunt delen door 2,3,4 en 6. Zo heb je maximale flexibiliteit bij het ontwerpen van je lay-out.<\/span><\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-231368 aligncenter\" src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-multiple-devices-wireframe.jpg\" alt=\"Multiple devices as a wireframe to show how responsive webdesign works\" width=\"800\" height=\"326\" srcset=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-multiple-devices-wireframe.jpg 800w, http:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-multiple-devices-wireframe-480x196.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/p>\n<h3><b>Responsive design vs. adaptive design<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Een andere manier om ervoor te zorgen dat je website of applicatie op alle schermafmetingen werkt, is door een adaptive design te maken. Het verschil tussen een responsive design en een adaptive design is dat je bij een adaptive design verschillende, vaste lay-outs hebt en vloeiende overgangen tussen schermafmetingen in een responsive design.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Een adaptive design maakt net als een responsive design gebruik van breekpunten, maar de browser vertelt de website wanneer er welke lay-out gebruikt moet worden. Tegenwoordig is adaptive design niet zo populair als responsive design vanwege de snelle toename (en veranderingen) in het aantal schermafmetingen.<\/span><\/p>\n<h3><b>De take-away<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Vandaag de dag is het ontzettend belangrijk om responsive design te gebruiken voor je website of platform. Door de constante toestroom van nieuwe toestellen is een adaptive design simpelweg niet meer voldoende.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Met responsive design in UX zorg je ervoor dat gebruikers je merk op elk scherm optimaal beleven. Niets is vervelender dan een website te gebruiken op een scherm waarbij niets lijkt te passen en elementen onbruikbaar zijn.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Wil je jouw website ook een facelift geven met een goed opgezette responsive design? <\/span><a href=\"https:\/\/makeitmax.design\/nl\/contact\/\"><span style=\"font-weight: 400;\">Neem contact op<\/span><\/a><span style=\"font-weight: 400;\">, en wellicht schuif je binnenkort eens bij ons aan onder de palmboom met een cocktail terwijl wij aan je website werken!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Design omvat veel meer dan alleen het maken van mooie plaatjes. Zeker in UX (User Experience) design waarbij alles draait om het cre\u00ebren van de ultieme beleving voor de gebruiker. Hierover las je al in onze eerdere blogs Wat is UX design?, De onderdelen van User Experience design en UX design voor je website, wat is het en hoe ga je te werk?<br \/>\nIn deze blog geven we antwoord op de vraag: Wat is responsive design, waarom heb je responsive design nodig, en hoe pak je dat aan in UX?<\/p>\n","protected":false},"author":4,"featured_media":231373,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[91,89],"tags":[],"class_list":["post-231374","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development-2","category-webdesign-2"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wat is responsive design in UX? - Make it Max<\/title>\n<meta name=\"description\" content=\"In deze blog geven we antwoord op de vraag: Wat is responsive design, waarom heb je responsive design nodig, en hoe pak je dat aan in UX?\" \/>\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\/wat-is-responsive-design-in-ux\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wat is responsive design in UX? - Make it Max\" \/>\n<meta property=\"og:description\" content=\"In deze blog geven we antwoord op de vraag: Wat is responsive design, waarom heb je responsive design nodig, en hoe pak je dat aan in UX?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Make it Max\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-07T14:44:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-07T14:45:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"493\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sara\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sara\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/\"},\"author\":{\"name\":\"Sara\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/ff9a11386ad63e3129ad81a2f75605f0\"},\"headline\":\"Wat is responsive design in UX?\",\"datePublished\":\"2022-10-07T14:44:55+00:00\",\"dateModified\":\"2022-10-07T14:45:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/\"},\"wordCount\":995,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png\",\"articleSection\":[\"Development\",\"Webdesign\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/\",\"url\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/\",\"name\":\"Wat is responsive design in UX? - Make it Max\",\"isPartOf\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png\",\"datePublished\":\"2022-10-07T14:44:55+00:00\",\"dateModified\":\"2022-10-07T14:45:08+00:00\",\"description\":\"In deze blog geven we antwoord op de vraag: Wat is responsive design, waarom heb je responsive design nodig, en hoe pak je dat aan in UX?\",\"breadcrumb\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage\",\"url\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png\",\"contentUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png\",\"width\":1201,\"height\":493,\"caption\":\"Laptop, tablet and mobile with same website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/makeitmax.design\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wat is responsive design in UX?\"}]},{\"@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\/ff9a11386ad63e3129ad81a2f75605f0\",\"name\":\"Sara\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5c3294dfd7f18a671100fad772c14af8?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5c3294dfd7f18a671100fad772c14af8?s=96&d=blank&r=g\",\"caption\":\"Sara\"},\"description\":\"Sara is an UX Designer at Make it Max. Her main focus is the interaction side in the UX field. In her blogs she brings you along in the process of an UX project at Make it Max.\",\"url\":\"https:\/\/makeitmax.design\/nl\/author\/sara\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wat is responsive design in UX? - Make it Max","description":"In deze blog geven we antwoord op de vraag: Wat is responsive design, waarom heb je responsive design nodig, en hoe pak je dat aan in UX?","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\/wat-is-responsive-design-in-ux\/","og_locale":"nl_NL","og_type":"article","og_title":"Wat is responsive design in UX? - Make it Max","og_description":"In deze blog geven we antwoord op de vraag: Wat is responsive design, waarom heb je responsive design nodig, en hoe pak je dat aan in UX?","og_url":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/","og_site_name":"Make it Max","article_published_time":"2022-10-07T14:44:55+00:00","article_modified_time":"2022-10-07T14:45:08+00:00","og_image":[{"width":1201,"height":493,"url":"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png","type":"image\/png"}],"author":"Sara","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Sara","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#article","isPartOf":{"@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/"},"author":{"name":"Sara","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/ff9a11386ad63e3129ad81a2f75605f0"},"headline":"Wat is responsive design in UX?","datePublished":"2022-10-07T14:44:55+00:00","dateModified":"2022-10-07T14:45:08+00:00","mainEntityOfPage":{"@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/"},"wordCount":995,"commentCount":0,"publisher":{"@id":"https:\/\/makeitmax.design\/nl\/#organization"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png","articleSection":["Development","Webdesign"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/","url":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/","name":"Wat is responsive design in UX? - Make it Max","isPartOf":{"@id":"https:\/\/makeitmax.design\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png","datePublished":"2022-10-07T14:44:55+00:00","dateModified":"2022-10-07T14:45:08+00:00","description":"In deze blog geven we antwoord op de vraag: Wat is responsive design, waarom heb je responsive design nodig, en hoe pak je dat aan in UX?","breadcrumb":{"@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#primaryimage","url":"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png","contentUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2022\/10\/Responsive-webdesign-Make-it-Max-blog-header.png","width":1201,"height":493,"caption":"Laptop, tablet and mobile with same website"},{"@type":"BreadcrumbList","@id":"https:\/\/makeitmax.design\/nl\/wat-is-responsive-design-in-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/makeitmax.design\/nl\/"},{"@type":"ListItem","position":2,"name":"Wat is responsive design in UX?"}]},{"@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\/ff9a11386ad63e3129ad81a2f75605f0","name":"Sara","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5c3294dfd7f18a671100fad772c14af8?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c3294dfd7f18a671100fad772c14af8?s=96&d=blank&r=g","caption":"Sara"},"description":"Sara is an UX Designer at Make it Max. Her main focus is the interaction side in the UX field. In her blogs she brings you along in the process of an UX project at Make it Max.","url":"https:\/\/makeitmax.design\/nl\/author\/sara\/"}]}},"_links":{"self":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/231374"}],"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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/comments?post=231374"}],"version-history":[{"count":1,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/231374\/revisions"}],"predecessor-version":[{"id":231375,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/231374\/revisions\/231375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/media\/231373"}],"wp:attachment":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/media?parent=231374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/categories?post=231374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/tags?post=231374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}