{"id":124397,"date":"2021-09-30T10:49:44","date_gmt":"2021-09-30T10:49:44","guid":{"rendered":"https:\/\/elementor.com\/blog\/ux-vs-ui-design-wat-is-het-verschil\/"},"modified":"2025-12-28T15:31:26","modified_gmt":"2025-12-28T13:31:26","slug":"ux-vs-ui-design-wat-is-het-verschil","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/","title":{"rendered":"UX vs. UI Design: Wat is het verschil?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"124397\" class=\"elementor elementor-124397 elementor-77722\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-beb60ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"beb60ae\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78e26d7\" data-id=\"78e26d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6934ff5 elementor-widget elementor-widget-text-editor\" data-id=\"6934ff5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UX vs. UI design. Waar begin ik? <\/p>\n<p>Nou, om te beginnen kun je geen website bouwen zonder beide. Het gevoel van de gebruikerservaring is net zo belangrijk als het uiterlijk van de gebruikersinterface. <\/p>\n<p>Dus eigenlijk gebruiken we allemaal die als webdesigners werken zowel UI-design als UX-design bij het maken van websites. Dat gezegd hebbende, als we het hebben over de <em>formele<\/em> disciplines van UI en UX, is dat een heel ander verhaal. En als je hier bent, vraag je je misschien af of een van deze carri\u00e8res iets voor jou is. <\/p>\n<p>Wat betreft het kiezen welke je moet doen, daar is geen makkelijk antwoord voor. Iedereen die erover denkt om webdesigner te worden moet dat voor zichzelf uitzoeken. Dus daar is de volgende gids voor. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-768a835 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"768a835\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d5df62\" data-id=\"7d5df62\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7f3903 read-more-link elementor-widget elementor-widget-heading\" data-id=\"f7f3903\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/blog\/website-usability-testing\/\">Hoe UX-valkuilen te vermijden en conversies te verhogen<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b9fd0f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b9fd0f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c70b75d\" data-id=\"c70b75d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-851abcc blog-toc elementor-widget elementor-widget-heading\" data-id=\"851abcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inhoudsopgave<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf1f97 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5cf1f97\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#ux-vs-ui\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">UI vs. UX Design: Wat is het verschil?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-does-a-ux-designer-do\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wat doet een UX-designer?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-does-a-ui-designer-do\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wat doet een UI-designer?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-do-ux-design\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Hoe werken UX-design en UI-design samen?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-get-started\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Hoe begin je als UI- of UX-designer?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#which-career-path\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Welk carri\u00e8repad moet je kiezen?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c87b216 elementor-widget elementor-widget-menu-anchor\" data-id=\"c87b216\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"ux-vs-ui\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6369edd elementor-widget elementor-widget-heading\" data-id=\"6369edd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UX vs. UI Design: Wat is het verschil?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-425e76b elementor-widget elementor-widget-text-editor\" data-id=\"425e76b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Laten we beginnen met de basale verschillen tussen de twee ontwerpprincipes:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-632d6c8 elementor-widget elementor-widget-heading\" data-id=\"632d6c8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Wat is User Experience (UX) Design?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cf8285 elementor-widget elementor-widget-text-editor\" data-id=\"0cf8285\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>User experience design gaat over hoe goed een website werkt: <\/p>\n<ul>\n<li>Hoe voelen gebruikers zich over de website? <\/li>\n<li>Hoe vloeiend is de gebruikersstroom door de site?<\/li>\n<li>Hoe makkelijk is het voor gebruikers om hun doelen te bereiken?<\/li>\n<\/ul>\n<p>UX-design is een mens-eerst benadering van webdesign. Vanwege dit vertrouwen UX-designers sterk op onderzoek en testen om erachter te komen wat hun publiek nodig heeft, wat ze waarderen en wat ze pijn doet \u2014 en dan een ideale oplossing eromheen te ontwerpen. <\/p>\n<p>Het einddoel is om <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"een website maken\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"282\">een website te maken<\/a> die de gebruiker bruikbaar, nuttig en waardevol vindt.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76597e3 elementor-widget elementor-widget-heading\" data-id=\"76597e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Wat is User Interface (UI) Design?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49d4226 elementor-widget elementor-widget-text-editor\" data-id=\"49d4226\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>User interface design gaat over de esthetiek van de website: <\/p>\n<ul>\n<li>Vinden gebruikers het aantrekkelijk? <\/li>\n<li>Zijn de interactieve elementen intu\u00eftief?<\/li>\n<li>Voelt het ontwerp natuurlijk aan en roept het een positieve reactie op?<\/li>\n<\/ul>\n<p>UI-design is de visuele kant van webdesign. Het is de taak van de UI-designer om de kleinste details op een website te perfectioneren: kleurenpaletten, lettertype-combinaties, afbeeldingen, formulieren, menu&#8217;s, hover-getriggerde animaties, knoppen, en meer. <\/p>\n<p>UI-designers vertrouwen op ontwerponderzoek en trends, brancheanalyse en webdesignprincipes om een interface en interacties te cre\u00ebren waarmee gebruikers comfortabel en zelfverzekerd kunnen omgaan.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22860a4 elementor-widget elementor-widget-menu-anchor\" data-id=\"22860a4\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"wat-doet-een-ux-designer\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de8563c elementor-widget elementor-widget-heading\" data-id=\"de8563c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wat doet een UX-designer?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d3501b elementor-widget elementor-widget-text-editor\" data-id=\"4d3501b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Als je een website wilt bouwen die de juiste bezoekers aantrekt en hen laat doen wat je wilt, dan moet die specifiek voor hen gebouwd zijn. <\/p>\n<p>Uiteraard moeten de doelen van het merk ook worden bereikt. Die doelen zullen echter nooit worden bereikt als de website niet in staat is bezoekers te converteren. Daarom zijn UX-designers een onmisbaar onderdeel van het webdesignproces. <\/p>\n<p>Ze verbeteren de kansen op succes van een merk door te ontwerpen vanuit het perspectief van de gebruiker.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00358f2 elementor-widget elementor-widget-heading\" data-id=\"00358f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Doelen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f35320 elementor-widget elementor-widget-text-editor\" data-id=\"4f35320\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UX-ontwerpers hebben een tweeledig doel: <\/p>\n<ul>\n<li>Wrijvingsloze, gebruikersvriendelijke website-ervaringen ontwerpen<\/li>\n<li>Hun klanten helpen hun zakelijke doelen te bereiken via de website<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4205eec elementor-widget elementor-widget-heading\" data-id=\"4205eec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Belangrijkste verantwoordelijkheden\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47baa98 elementor-widget elementor-widget-text-editor\" data-id=\"47baa98\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Het zou misschien nauwkeuriger zijn om UX-ontwerpers UX <em>specialisten<\/em> te noemen. Hoewel ze een hand hebben in het ontwerpen van wireframes en low-fidelity prototypes voor een website, bestaat het grootste deel van wat ze doen uit onderzoek, testen en validatie. <\/p>\n<p>Laten we eens kijken naar hun verantwoordelijkheden: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-444fa1f elementor-widget elementor-widget-heading\" data-id=\"444fa1f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Onderzoek<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bcdb63 elementor-widget elementor-widget-text-editor\" data-id=\"1bcdb63\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UX-ontwerpers verzamelen op verschillende manieren gegevens om werkhypothesen voor de website te vormen. <\/p>\n<p><strong>Concurrentieanalyse<\/strong> is daar een onderdeel van en is vooral handig als je een website bouwt voor een nieuw merk met weinig tot geen klantgegevens om uit te putten. <\/p>\n<p><strong>Industriestatistieken<\/strong> zijn een andere nuttige maatstaf in de onderzoeksfase. UX-ontwerpers gebruiken deze gegevens om meer te weten te komen over het publiek, industrietrends te identificeren en meer. <\/p>\n<p>Afhankelijk van de grootte van de website zullen sommige UX-ontwerpers ook <strong>veldonderzoek<\/strong> uitvoeren. Via gebruikersenqu\u00eates en interviews leren ontwerpers uit eerste hand wie de doelgebruikers zijn, hun pijnpunten en hun motivaties.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9686e39 elementor-widget elementor-widget-heading\" data-id=\"9686e39\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Gebruikerspersona's\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e3a3f elementor-widget elementor-widget-text-editor\" data-id=\"76e3a3f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Een gebruikerspersona is een fictieve gebruiker die UX-onderzoekers bedenken. Ze nemen wat ze hebben geleerd over de doelgroep van hun klant en gebruiken die kenmerken om een gebruikerspersona (of persona&#8217;s, als ze verschillende gebruikerssegmenten hebben) op te bouwen.<\/p>\n<p>Hier is een voorbeeld van <a href=\"https:\/\/personagenerator.com\/\" target=\"_blank\" rel=\"noopener\">PersonaGenerator<\/a> van hoe een gebruikerspersona eruit zou kunnen zien:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1119bde elementor-widget elementor-widget-image\" data-id=\"1119bde\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template.png\" class=\"attachment-large size-large wp-image-77755\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e75dc1 elementor-widget elementor-widget-text-editor\" data-id=\"6e75dc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Allerlei details moeten worden uitgewerkt. Bijvoorbeeld: <\/p>\n<ul>\n<li>Demografie<\/li>\n<li>Behoeften (met betrekking tot de website die wordt gebouwd)<\/li>\n<li>Wil<\/li>\n<li>Waarden<\/li>\n<li>Angsten<\/li>\n<li>Technisch profiel<\/li>\n<li>Citaten die samenvatten hoe ze zich voelen en hoe ze klinken<\/li>\n<\/ul>\n<p>Het doel is om een realistische weergave van de gebruiker te cre\u00ebren, zodat de ontwerper effectiever voor hen kan marketen en verkopen. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3150ce9 elementor-widget elementor-widget-heading\" data-id=\"3150ce9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Informatiearchitectuur\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-945ec19 elementor-widget elementor-widget-text-editor\" data-id=\"945ec19\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UX-ontwerpers hanteren een zorgvuldig afgemeten en stapsgewijze aanpak bij het ontwerpen van een website. Dus zodra het onderzoek is voltooid, wordt de informatiearchitectuur gepland. <\/p>\n<p>Hoewel je dit simpelweg zou kunnen afdoen als sitemap-planning, is het veel meer dan dat. <\/p>\n<p>UX-ontwerpers gebruiken iets dat kaartsortering heet om de ideale structuur, workflows en contentorganisatie voor de website te bedenken. Dit deel van UX-ontwerp vereist directe input van gebruikers.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e19b50 elementor-widget elementor-widget-heading\" data-id=\"4e19b50\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Wireframes<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9390116 elementor-widget elementor-widget-text-editor\" data-id=\"9390116\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wireframes zijn low-fidelity prototypes van een website. Ze stellen UX-ontwerpers in staat om de structuur, layout en gebruikersstromen van de website te perfectioneren zonder verstrikt te raken in de details. <\/p>\n<p>Hier is een voorbeeld van hoe een wireframe versus een mockup eruit ziet: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3efaa1 elementor-widget elementor-widget-image\" data-id=\"f3efaa1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"750\" height=\"480\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=750,h=480\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind.png\" class=\"attachment-large size-large wp-image-39716\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=750\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind.png 750w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind-300x192.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fdd661 elementor-widget elementor-widget-text-editor\" data-id=\"3fdd661\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Wireframes zijn typisch kaal en schetsmatig. Met andere woorden, je ziet de layout en de plaatshouders voor waar afbeeldingen, tekst en andere elementen op de pagina komen. En dat is het. Door de basis van de pagina te schetsen, is het veel makkelijker om te focussen op het maken van strategische en creatieve ontwerpkeuzes in de mockup-fase.<\/p>\n<p>Wireframes kunnen met de hand worden geschetst, gedaan worden met wireframing software of je kunt <a href=\"https:\/\/elementor.com\/blog\/wireframe-website\/\" target=\"_blank\" rel=\"noopener\">je wireframes direct binnen Elementor bouwen<\/a>. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb0557 elementor-widget elementor-widget-heading\" data-id=\"dbb0557\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Analyse, Bruikbaarheidstesten en Iteratie\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-451a970 elementor-widget elementor-widget-text-editor\" data-id=\"451a970\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UX-ontwerpers werken in een gesloten lus. Ze komen dus niet alleen met hypotheses over wat zal werken op de website. Ze testen ze daadwerkelijk. <\/p>\n<p>Er zijn verschillende manieren waarop UX-ontwerpers <a href=\"https:\/\/elementor.com\/blog\/website-usability-testing\/\" target=\"_blank\" rel=\"noopener\">bruikbaarheidstests<\/a> uitvoeren: <\/p>\n<ul>\n<li>Face-to-face interviews<\/li>\n<li>Enqu\u00eates<\/li>\n<li>Website feedbackformulieren<\/li>\n<li>Heatmaps<\/li>\n<li>Sessie-opnames<\/li>\n<\/ul>\n<p>Terwijl ze echte gebruikersfeedback verzamelen en de analytics van de live website bestuderen, passen ze de website dienovereenkomstig aan. UX-ontwerp is een iteratief proces &#8211; een proces dat altijd gericht is op het verbeteren van de gebruikerservaring en het helpen van het merk om zijn doelen in de loop der tijd te overtreffen. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b61c4 elementor-widget elementor-widget-heading\" data-id=\"79b61c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">UX-ontwerptools\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb396cd elementor-widget elementor-widget-text-editor\" data-id=\"eb396cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Hier zijn enkele van de gebruikelijke tools die een UX-ontwerper zal gebruiken: <\/p>\n<ul>\n<li>Concurrentie-onderzoekstools zoals <a href=\"https:\/\/www.semrush.com\" target=\"_blank\" rel=\"noopener\">SEMrush<\/a><\/li>\n<li>Industrie-onderzoekstools zoals <a href=\"https:\/\/www.similarweb.com\/\" target=\"_blank\" rel=\"noopener\">SimilarWeb<\/a><\/li>\n<li>Tools voor gebruikersonderzoek en het werven van testers zoals <a href=\"https:\/\/www.userinterviews.com\/\" target=\"_blank\" rel=\"noopener\">User Interviews<\/a><\/li>\n<li>Wireframing en prototyping tools zoals <a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a><\/li>\n<li>Website testtools zoals <a href=\"https:\/\/www.hotjar.com\/\" target=\"_blank\" rel=\"noopener\">Hotjar<\/a><\/li>\n<li>Bruikbaarheidstesttools zoals <a href=\"https:\/\/www.userzoom.com\/\" target=\"_blank\" rel=\"noopener\">UserZoom<\/a><\/li>\n<li>Website analyse-tools zoals <a href=\"https:\/\/www.kissmetrics.io\/\" target=\"_blank\" rel=\"noopener\">Kissmetrics<\/a><\/li>\n<\/ul>\n<p>Zoals je je kunt voorstellen met zo&#8217;n lang en intensief proces, kunnen UX-designers dit niet allemaal in hun eentje doen. Of in ieder geval zou het niet effici\u00ebnt zijn om dat te doen. Een UX-toolkit hebben kan echt een game-changer zijn in dit werk.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45b752d elementor-widget elementor-widget-menu-anchor\" data-id=\"45b752d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"wat-doet-een-ui-designer\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d1dd19 elementor-widget elementor-widget-heading\" data-id=\"5d1dd19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Wat Doet een UI Designer?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e35ef1f elementor-widget elementor-widget-text-editor\" data-id=\"e35ef1f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Er is geen twijfel over mogelijk dat de bruikbaarheid en behulpzaamheid van een website belangrijk zijn voor je gebruikers. Maar het is niet alleen de ervaring van navigeren of een website gebruiken die invloed heeft op de conversie- en afhaakpercentages van de site. <\/p>\n<p>Het uiterlijk speelt ook een rol. <\/p>\n<p>Dit wordt bewezen door een webdesignprincipe genaamd het <a href=\"https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/\" target=\"_blank\" rel=\"noopener\">Esthetisch-Bruikbaarheidseffect<\/a>. Kortom, gebruikers geloven dat aantrekkelijke interfaces beter werken dan die dat niet zijn. <\/p>\n<p>Dus UI-design speelt een belangrijke rol bij het versterken van die eerste indruk <em>en<\/em> het krijgen van gebruikers in de daadwerkelijke ervaring waar de UX-designer zo hard aan heeft gewerkt. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b74be65 elementor-widget elementor-widget-heading\" data-id=\"b74be65\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Doelen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c1b70 elementor-widget elementor-widget-text-editor\" data-id=\"d1c1b70\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI-designers hebben een aantal doelen: <\/p>\n<ul>\n<li>Interfaces maken die de persoonlijkheid, stem en waarden van het merk nauwkeurig weergeven<\/li>\n<li>Esthetisch aangename interfaces cre\u00ebren die een positieve reactie van de gebruiker uitlokken<\/li>\n<li>Interfaces en interacties ontwerpen die conversies maximaliseren<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d33c05c elementor-widget elementor-widget-heading\" data-id=\"d33c05c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Belangrijkste Verantwoordelijkheden\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baf00d8 elementor-widget elementor-widget-text-editor\" data-id=\"baf00d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI-designers richten zich op wat de bezoeker op een website ziet &#8211; tot in de kleinste details. Ze zijn ook verantwoordelijk voor het ontwerpen van de interacties die hen betrokken houden bij de inhoud en moeiteloos van pagina naar pagina laten stromen. <\/p>\n<p>Laten we eens kijken naar hun verantwoordelijkheden: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f3dab1 elementor-widget elementor-widget-heading\" data-id=\"9f3dab1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Onderzoek<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81cacd4 elementor-widget elementor-widget-text-editor\" data-id=\"81cacd4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI-designers beginnen met een stevige onderzoeksronde. Hoewel een deel ervan gebruikersanalyse betreft (als de klant een bestaande website heeft, tenminste), is er ook ander onderzoek bij betrokken. <\/p>\n<p>UI-designers doen <strong>concurrentieonderzoek<\/strong> om erachter te komen wat toonaangevende bedrijven in de branche doen met hun websites en ook om te zien hoe ze eruit zien en hoe ze werken. <\/p>\n<p>Ze doen ook <strong>designonderzoek<\/strong>. Hoewel originaliteit en memorabiliteit belangrijk zijn in UI-design, is het vertrouwen van de gebruikers in de interface dat ook. En te ver afwijken van de normen kan enorm problematisch zijn voor veel websites. <\/p>\n<p>Veel hiervan weten ze uit hun hoofd, zoals wat de <a href=\"https:\/\/elementor.com\/blog\/web-design-trends\/\" target=\"_blank\" rel=\"noopener\">nieuwste trends in webdesign<\/a> zijn en wat de huidige webstandaarden voorschrijven voor dingen als responsive design, toegankelijkheid en coderingsstandaarden. Maar ze moeten misschien ook bijspijkeren wat er trendy is binnen hun industrie of niche.<\/p>\n<p>Psychologie speelt ook een grote rol in UI-design, dus UI-designers zullen zich moeten verdiepen in <a href=\"https:\/\/elementor.com\/blog\/principles-of-website-design\/\">de principes van websiteontwerp<\/a> en <strong>gebruikerspsychologie<\/strong> om ervoor te zorgen dat hun ontwerpen de juiste emotionele knoppen indrukken. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a852f73 elementor-widget elementor-widget-heading\" data-id=\"a852f73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Merkidentiteit\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d663eea elementor-widget elementor-widget-text-editor\" data-id=\"d663eea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ontwikkeling van merkidentiteit gaat niet alleen over <a href=\"https:\/\/elementor.com\/blog\/how-to-design-logo\/\" target=\"_blank\" rel=\"noopener\">logo-ontwerp<\/a>, hoewel UI-designers klanten hier ook mee moeten helpen. <\/p>\n<p>Het proces van het ontwikkelen van de visuele identiteit van een merk gaat helemaal over het bedenken van strategie\u00ebn over hoe de branding van een website eruit zal zien en ervoor zorgen dat het de juiste signalen naar het doelpubliek stuurt. <\/p>\n<p>Dus UI-designers moeten eerst uitzoeken wat de persoonlijkheid en visuele stijl van het merk zijn. Ze zullen dan de <a href=\"https:\/\/elementor.com\/blog\/brand-imagery\/\" target=\"_blank\" rel=\"noopener\">merkbeelden<\/a> die daarbij horen uitzoeken: elementen zoals het kleurenpalet, typografie, beeldmateriaal, iconografie, patronen en meer.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57ef8ce elementor-widget elementor-widget-heading\" data-id=\"57ef8ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Stijlgidsen\/Designsystemen\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40c8ce2 elementor-widget elementor-widget-text-editor\" data-id=\"40c8ce2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Zodra de visuele identiteit is uitgewerkt, maken UI-designers een <a href=\"https:\/\/elementor.com\/blog\/style-guide-examples\/\" target=\"_blank\" rel=\"noopener\">stijlgids<\/a> en\/of <a href=\"https:\/\/elementor.com\/blog\/design-system\/\" target=\"_blank\" rel=\"noopener\">designsysteem<\/a> om de strategie te documenteren. <\/p>\n<p>Een stijlgids is een must, ongeacht welk type website je bouwt. Een designsysteem is daarentegen het beste voor grotere websites en voor websites die doorlopend onderhoud en updates nodig hebben. <\/p>\n<p>Het maakt niet uit of je als soloartiest werkt als UX\/UI-designer. Een stijlgids is om een aantal redenen nuttig: <\/p>\n<ul>\n<li>Het is een gedocumenteerd aanvalsplan dat je helpt op koers te blijven met de website die je aan het bouwen bent <\/li>\n<li>Het kan gedeeld worden met andere bijdragers om ervoor te zorgen dat ze consistent zijn met de stijlen die je hebt vastgesteld<\/li>\n<li>Het zal toekomstige website-updates of herontwerpen soepeler laten verlopen omdat je het wiel niet opnieuw hoeft uit te vinden<\/li>\n<\/ul>\n<p>Hier is een voorbeeld van hoe een stijlgids eruitziet: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74bb4a6 elementor-widget elementor-widget-image\" data-id=\"74bb4a6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"451\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=451\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1024x577.png\" class=\"attachment-large size-large wp-image-45431\" alt=\"spotify-style-guide\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1024x577.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1536x865.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1918\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide.png 1918w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Spotify's stijlgids<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-491f271 elementor-widget elementor-widget-text-editor\" data-id=\"491f271\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Een designsysteem gaat nog een stap verder. Binnen je designsysteem zal een UI-ontwerper al die stijlen defini\u00ebren, maar ze zullen ook hun componenten opslaan in een bibliotheek \u2014 wat opnieuw de tijd voor toekomstig ontwerp\/herontwerp vermindert. Designsystemen vatten ook de doelen van het project samen, de waarden van het merk en hoe de website deze zal uitvoeren. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-243c1505 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"243c1505\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37a6b1b1\" data-id=\"37a6b1b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2984c111 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"2984c111\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/web-design-style-guide\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-download\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Download hier je gratis stijlgids-sjabloon<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-74ceab0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"74ceab0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-906b1e7\" data-id=\"906b1e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7252132 elementor-widget elementor-widget-heading\" data-id=\"7252132\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Mockups<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30023fa elementor-widget elementor-widget-text-editor\" data-id=\"30023fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>De UI-ontwerper zal al hun onderzoek en planning combineren met het fundament dat de UX-ontwerper heeft gelegd. <\/p>\n<p>De website-mockups zullen op ware grootte, in kleur en volledige weergaven zijn van hoe elke webpagina eruit zal zien in het eindproduct. <\/p>\n<p>UI-ontwerpers vullen echter niet alleen de visuele details in. Ze moeten ook omgaan met dingen zoals: <\/p>\n<ul>\n<li><a href=\"https:\/\/elementor.com\/blog\/white-space-web-design\/\" target=\"_blank\" rel=\"noopener\"><strong>Witruimte<\/strong><\/a> en hoe ze het gaan gebruiken om de bruikbaarheid en leesbaarheid te verbeteren<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/website-layout-design\/\" target=\"_blank\" rel=\"noopener\"><strong>Hi\u00ebrarchie<\/strong><\/a> zodat ze duidelijke aandachtsgebieden kunnen cre\u00ebren terwijl ze bezoekers effectief door de inhoud leiden<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/responsive-web-design-challenges\/\" target=\"_blank\" rel=\"noopener\"><strong>Responsief ontwerp<\/strong><\/a> en hoe de webpagina&#8217;s eruit zullen zien op verschillende apparaten en browsers<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/introducing-motion-effects\/\" target=\"_blank\" rel=\"noopener\"><strong>Interactie en animaties<\/strong><\/a> op kritieke gebieden van elke webpagina<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/web-accessibility-design-guide\/\" target=\"_blank\" rel=\"noopener\"><strong>Toegankelijkheid<\/strong><\/a> zodat elke bezoeker de inhoud zonder problemen kan bekijken en benaderen<\/li>\n<\/ul>\n<p>UI-ontwerpers hebben een keuze in hoe ze deze mockups ontwerpen. <\/p>\n<p>Ze kunnen ze maken met ontwerp- of mockup-software zoals UX-ontwerpers doen met wireframes. Of ze kunnen hun mockups direct in Elementor ontwerpen, wat gemakkelijk zal zijn als de wireframes daar al in staan. Het zal ook de ontwikkeling soepeler laten verlopen.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34a4b6e elementor-widget elementor-widget-heading\" data-id=\"34a4b6e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">A\/B-testen\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41c6e08 elementor-widget elementor-widget-text-editor\" data-id=\"41c6e08\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Net zoals het werk van een UX-ontwerper nooit af is, geldt hetzelfde voor UI-ontwerpers. <\/p>\n<p>Zodra de website live gaat, moeten UI-ontwerpers de verkeersanalyses van de website in de gaten houden om te zien of er mogelijke wrijving is die bezoekers tegenhoudt om te converteren. Ze kunnen ook samenwerken met UX-ontwerpers om heatmaps en sessie-opnames op de site uit te voeren om te zien of ze UI-hindernissen in realtime kunnen spotten. <\/p>\n<p>Maar in plaats van een permanente oplossing te implementeren op basis van deze observaties. Zal een UI-ontwerper een hypothese vormen over het probleem \u2014 zoals \u201cde CTA-knop staat te ver naar beneden op de pagina\u201d \u2014 en vervolgens een A (controle) en B (variabele) test uitvoeren om te zien of een alternatief ontwerp beter presteert. <\/p>\n<p>Realistisch gezien zou de UI-ontwerper <a href=\"https:\/\/elementor.com\/blog\/a-b-testing\/\" target=\"_blank\" rel=\"noopener\">A\/B-tests kunnen uitvoeren<\/a> gedurende de hele levensduur van een website. Ze zijn niet alleen nuttig voor het gladstrijken van visuele ontwerpproblemen, maar ook voor het verbeteren van de algehele look en feel van de website.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd94d19 elementor-widget elementor-widget-heading\" data-id=\"bd94d19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">UI-ontwerptools\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a34184b elementor-widget elementor-widget-text-editor\" data-id=\"a34184b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Hier zijn enkele van de gebruikelijke tools die een UI-ontwerper zal gebruiken: <\/p>\n<ul>\n<li>Webdesign-organisatiebronnen zoals de <a href=\"https:\/\/www.nngroup.com\/articles\/\" target=\"_blank\" rel=\"noopener\">Nielsen Norman Group blog<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/standards\/webdesign\/\" target=\"_blank\" rel=\"noopener\">World Wide Web Consortium<\/a> voor de nieuwste webstandaarden, technologie en trends<\/li>\n<li>Tools voor de ontwikkeling van merkrichtlijnen zoals <a href=\"https:\/\/www.frontify.com\/\" target=\"_blank\" rel=\"noopener\">Frontify<\/a><\/li>\n<li>UI-kits zoals die te vinden zijn op <a href=\"https:\/\/ui8.net\/\" target=\"_blank\" rel=\"noopener\">UI8<\/a><\/li>\n<li>Mockup-sjablonen zoals die in de <a href=\"https:\/\/elementor.com\/library\/\" target=\"_blank\" rel=\"noopener\">Elementor-sjabloonbibliotheek<\/a><\/li>\n<li>Ontwerpsoftware zoals <a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noopener\">Sketch<\/a><\/li>\n<li>Een contentmanagementsysteem zoals <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a><\/li>\n<li>Analysetools zoals <a href=\"https:\/\/analytics.google.com\/analytics\/web\/\" target=\"_blank\" rel=\"noopener\">Google Analytics<\/a><\/li>\n<\/ul>\n<p>UI-ontwerpers zijn praktisch als het gaat om ontwerp, dus het grootste deel van hun gereedschapskist moet bestaan uit ontwerptools die ze goed kennen en vertrouwen. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c77249 elementor-widget elementor-widget-menu-anchor\" data-id=\"7c77249\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hoe-do-ux-design\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1e161f elementor-widget elementor-widget-heading\" data-id=\"f1e161f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hoe werken UX-ontwerp en UI-ontwerp samen?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74b14bb elementor-widget elementor-widget-text-editor\" data-id=\"74b14bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Als je kijkt naar de verschillen tussen UI en UX, zou je kunnen denken dat er niet veel overlap is tussen de twee rollen. Maar die is er wel. <\/p>\n<p>UX-ontwerpers kunnen niet gewoon in isolatie werken en dan hun sitemaps en wireframes overhandigen aan de UI-ontwerper of ontwikkelaar als ze klaar zijn. Of andersom. <\/p>\n<p>Ook al werken elke rol &#8211; UX-designer, UI-designer en zelfs <a href=\"https:\/\/elementor.com\/blog\/web-designer-vs-web-developer\/\" target=\"_blank\" rel=\"noopener\">de webontwikkelaar<\/a> &#8211; aan verschillende dingen en in verschillende fasen van het project, er moet gedurende het hele traject samenwerking zijn. <\/p>\n<p>Om te beginnen <strong>zorgt dit voor consistentie<\/strong> in hoe de website wordt ontworpen, de content wordt geschreven, en uiteindelijk hoe het allemaal wordt uitgevoerd. <\/p>\n<p>Er is ook nog de kwestie van <strong>informatie verzamelen<\/strong>. Wat de UX-designer leert over de gebruikers, concurrentie en industrie moet geen bedrijfsgeheim blijven. Hetzelfde geldt voor wat de UI-designer begrijpt over webdesign trends en standaarden. Of trouwens, wat de <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-does-a-web-developer-do\/\" title=\"webontwikkelaar\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4222\">webontwikkelaar<\/a> weet over coderingsmogelijkheden. <\/p>\n<p>Wat de ene designer in gedachten heeft voor de website, komt misschien niet overeen met beproefde webdesign principes of de ontwikkelaar kan misschien niet vlekkeloos uitvoeren wat zij voor ogen hadden. Nauwe samenwerking zorgt ervoor dat dingen nooit terug naar de tekentafel hoeven.<\/p>\n<p>Je moet ook <strong>de overdracht<\/strong> in overweging nemen. <\/p>\n<p>Meestal geeft de UX-designer hun onderzoek en werk door aan de UI-designer en webontwikkelaar. En de UI-designer geeft hun mockups door aan de webontwikkelaar. Deze drie profs werken allemaal met verschillende tools en gebruiken een andere design &#8217;taal&#8217;. <\/p>\n<p>Zonder nauwe samenwerking, goede communicatie en een solide overdrachtssysteem, kunnen dingen rommelig worden als de website van hand tot hand gaat. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f34c2f9 elementor-widget elementor-widget-menu-anchor\" data-id=\"f34c2f9\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"hoe-te-beginnen\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fc82b elementor-widget elementor-widget-heading\" data-id=\"d1fc82b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hoe te Beginnen Als UI of UX Designer\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2542360 elementor-widget elementor-widget-text-editor\" data-id=\"2542360\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dit moet je weten om te beginnen als UI vs. UX designer:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e9756 elementor-widget elementor-widget-heading\" data-id=\"41e9756\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Vaardigheden <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5180a66 elementor-widget elementor-widget-text-editor\" data-id=\"5180a66\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Er zal wat overlap zijn tussen UI en UX designers als het gaat om soft skills. Dingen zoals:<\/p>\n<ul>\n<li>Creativiteit<\/li>\n<li>Organisatie<\/li>\n<li>Samenwerking<\/li>\n<li>Probleemoplossing<\/li>\n<li>Aanpassingsvermogen <\/li>\n<\/ul>\n<p>Maar vanwege de verschillende taken die ze doen en de doelen waar ze naartoe werken, zullen UI en UX designers meestal verschillende vaardigheden nodig hebben. <\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p><b>UX Designers<\/b><\/p>\n<\/td>\n<td>\n<p><b>UI Designers<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Kritisch denken<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Creatief denken<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Gebruikers-, industrie- en concurrentieonderzoek<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Webdesign principes en standaarden<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Projectco\u00f6rdinatie<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Menselijke psychologie<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Analyse<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Visueel ontwerp<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Strategie en planning<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Responsief ontwerp<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Wireframing<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Branding<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Informatiearchitectuur<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Interactieontwerp<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Testen en iteratie<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">HTML5 en CSS3<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f925fe9 elementor-widget elementor-widget-heading\" data-id=\"f925fe9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Onderwijs<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19cd6b7 elementor-widget elementor-widget-text-editor\" data-id=\"19cd6b7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Een formele opleiding in design is niet vereist om UX designer of UI designer te worden. Dat gezegd hebbende, omdat dit zeer gespecialiseerde niches van webdesign zijn en je waarschijnlijk meer geld gaat verdienen dan iemand die zichzelf &#8216;webdesigner&#8217; noemt, is het een goed idee om een certificaat te halen. <\/p>\n<p>Het goede nieuws is dat er tonnen online bronnen zijn waar je je gecertificeerde (en niet-gecertificeerde) UX of UI training kunt doen: <\/p>\n<p><a href=\"https:\/\/www.interaction-design.org\/courses\" target=\"_blank\" rel=\"noopener\">Interaction Design Foundation<\/a> is een goede bron om mee te beginnen. We kunnen ook deze lijst van de <a class=\"c-link\" href=\"https:\/\/blog.uxtweak.com\/best-ux-resources\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-stringify-link=\"https:\/\/blog.uxtweak.com\/best-ux-resources\/\" data-sk=\"tooltip_parent\" data-remove-tab-index=\"true\">Beste UX bronnen<\/a> aanbevelen om meer over het onderwerp te leren.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-583d937 elementor-widget elementor-widget-image\" data-id=\"583d937\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses.png\" class=\"attachment-large size-large wp-image-77756\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f33261 elementor-widget elementor-widget-text-editor\" data-id=\"4f33261\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Hoewel ze hun cursussen als &#8216;User Experience Cursussen&#8217; bestempelen, behandelen ze een breed scala aan onderwerpen. Gestaltpsychologie en interactieontwerp zijn bijvoorbeeld goede keuzes voor UI designers in opleiding.<\/p>\n<p><a href=\"https:\/\/www.coursera.org\/specializations\/ui-ux-design\" target=\"_blank\" rel=\"noopener\">Coursera<\/a> is nog een geweldige trainingsbron. Anders dan bij IDF kun je hier cursussen volgen en certificaten halen bij een hoop verschillende aanbieders. Zoals Google: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11946c0 elementor-widget elementor-widget-image\" data-id=\"11946c0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course.png\" class=\"attachment-large size-large wp-image-77757\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a71511 elementor-widget elementor-widget-text-editor\" data-id=\"4a71511\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.nngroup.com\/ux-certification\/\" target=\"_blank\" rel=\"noopener\">Nielsen Norman Group<\/a> en <a href=\"https:\/\/www.springboard.com\/courses\/ux-career-track\/\" target=\"_blank\" rel=\"noopener\">Springboard<\/a> bieden ook UX design certificeringsprogramma&#8217;s aan. En <a href=\"https:\/\/careerfoundry.com\/en\/courses\/become-a-ui-designer\/\" target=\"_blank\" rel=\"noopener\">CareerFoundry<\/a> en <a href=\"https:\/\/generalassemb.ly\/education\/visual-design-remote-online\" target=\"_blank\" rel=\"noopener\">General Assembly<\/a> bieden beide UI design certificeringsprogramma&#8217;s aan. <\/p>\n<p>Je loopt niet alleen weg van deze programma&#8217;s met een certificaat op zak, maar je hebt ook hands-on training plus enkele geweldige voorbeelden om je professionele portfolio mee te vullen. Het zal niet lang duren voordat <a href=\"https:\/\/elementor.com\/blog\/get-web-design-clients\/\">webdesign klanten<\/a> smeken om met je te werken. <\/p>\n<p>Denk er wel aan om je designopleiding bij te houden &#8211; zowel binnen je specialiteit als daarbuiten. <a href=\"https:\/\/elementor.com\/blog\/best-web-design-books\/\" target=\"_blank\" rel=\"noopener\">Webdesign boeken<\/a> en <a href=\"https:\/\/elementor.com\/blog\/best-online-web-design-courses\/\" target=\"_blank\" rel=\"noopener\">online cursussen<\/a> (gratis en betaald) helpen je om je vaardigheden up-to-date en competitief te houden.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d8551 elementor-widget elementor-widget-heading\" data-id=\"d6d8551\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Baanvooruitzichten\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e08e12e elementor-widget elementor-widget-text-editor\" data-id=\"e08e12e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI en UX designers zijn enorm in trek. <\/p>\n<p>Volgens het <a href=\"https:\/\/www.invisionapp.com\/hiring-report\" target=\"_blank\" rel=\"noopener\">InVision&#8217;s 2019 Product Design Hiring Report<\/a>:<\/p>\n<p>\u201cGeen twijfel mogelijk: productontwerpers zijn op dit moment hotter dan ooit, met UI\/UX-ontwerper als de meest gevraagde productontwerptitel. In feite wordt vier op de vijf (81%) productontwerpers minstens maandelijks benaderd door recruiters, terwijl een op de drie (34%) wekelijks wordt benaderd.\u201d<\/p>\n<p>Het rapport onthult ook dat dit de meest gevraagde banen zijn in de UI- en UX-velden. Focus op de \u201cProduct Designers\u201d kolom: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b467251 elementor-widget elementor-widget-image\" data-id=\"b467251\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"569\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=569\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand.png\" class=\"attachment-large size-large wp-image-77758\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand-300x237.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dceab11 elementor-widget elementor-widget-text-editor\" data-id=\"dceab11\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Zoals je kunt zien, zijn UI- en UX-ontwerpers van alle ervaringsniveaus en in verschillende specialisaties nodig. <\/p>\n<p>E\u00e9n ding om in gedachten te houden is echter dat de groeiende vraag naar UI- en UX-specialisten heeft geleid tot een grote toename van studenten en sollicitanten. Volgens Colman Walsh, de CEO van <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-after-covid-19-what-can-we-expect\/\" target=\"_blank\" rel=\"noopener\">the UX Design Institute<\/a>: <\/p>\n<p>\u201cHet UX Design Institute heeft een toename van 220% in studentenaantallen gezien van april 2019 tot april 2020, wat wijst op de bredere groei van de UX-industrie.\u201d<\/p>\n<p>Het goede nieuws is dat er een groeiende behoefte is aan digitale ontwerpers nu steeds meer organisaties zich inzetten voor een 100% digitaal of hybride model na de pandemie. <\/p>\n<p>Maar de concurrentie zal hevig zijn met nieuwe UX- en UI-ontwerpers die elke dag het veld betreden. Dus het is absoluut cruciaal dat je een manier vindt om jezelf te onderscheiden.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9267e elementor-widget elementor-widget-heading\" data-id=\"9d9267e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Salarisverwachtingen\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd5109f elementor-widget elementor-widget-text-editor\" data-id=\"bd5109f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ongeacht welke <a href=\"https:\/\/elementor.com\/blog\/web-design-niche\/\" target=\"_blank\" rel=\"noopener\">webdesign niche<\/a> je kiest \u2014 UI, UX, of een hybride rol \u2014 het potentieel om meer te verdienen dan niet-gespecialiseerde webdesigners is enorm. Terwijl <a href=\"https:\/\/elementor.com\/blog\/web-designer-salary\/\" target=\"_blank\" rel=\"noopener\">gemiddelde webdesigner salarissen<\/a> rond de $24\/uur of $51,564\/jaar liggen, verdienen specialisten meestal meer: <\/p>\n<p>Hier is wat toonaangevende vacaturebronnen rapporteren als de gemiddelde verdiensten voor UI-ontwerpers, UX-ontwerpers en senior UX-ontwerpers in de Verenigde Staten:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0174704 elementor-widget elementor-widget-image\" data-id=\"0174704\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"772\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=772\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1024x988.png\" class=\"attachment-large size-large wp-image-77766\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1024x988.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-300x289.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-768x741.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1536x1482.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-2048x1976.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91c1f25 elementor-widget elementor-widget-text-editor\" data-id=\"91c1f25\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Deze salarisbenchmarks zijn geen garantie voor wat je verdiensten zullen zijn als UI- of UX-ontwerper. Er zijn veel factoren die je jaarlijkse inkomen kunnen be\u00efnvloeden: <\/p>\n<ul>\n<li>Je ontwerpexpertise<\/li>\n<li>Je industrie\/niche<\/li>\n<li>Waar je woont<\/li>\n<li>Hoe lang je al als ontwerper werkt<\/li>\n<li>Wie je werkgever of klanten zijn <\/li>\n<li>De grootte en complexiteit van de websites die je bouwt<\/li>\n<\/ul>\n<p>Nogmaals, het ontwerpveld wordt steeds concurrerender dankzij de toestroom van talent in de afgelopen paar jaar. Als je wilt dat je verdiensten aan de hogere kant van deze schattingen liggen, zijn certificering en voortdurende training en educatie een must.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-607108d elementor-widget elementor-widget-menu-anchor\" data-id=\"607108d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"welke-carrire-pad\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31656a4 elementor-widget elementor-widget-heading\" data-id=\"31656a4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Welk carri\u00e8repad moet je kiezen?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9076658 elementor-widget elementor-widget-text-editor\" data-id=\"9076658\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Je moet nu een beslissing nemen. Wil je een: <\/p>\n<ul>\n<li>UX-ontwerper worden? <\/li>\n<li>UI-ontwerper worden? <\/li>\n<li>UX\/UI-ontwerper worden? <\/li>\n<\/ul>\n<p>Dat klopt. Je hoeft niet de een boven de ander te kiezen als je dat niet wilt. Er zijn tegenwoordig veel werkgevers die ontwerpers willen die alles kunnen. Doe gewoon een zoekopdracht op een vacaturebord zoals <a href=\"https:\/\/www.indeed.com\/\" target=\"_blank\" rel=\"noopener\">Indeed<\/a> voor \u201cUI-ontwerper\u201d of \u201cUX-ontwerper\u201d en je zult zien wat ik bedoel: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e659668 elementor-widget elementor-widget-image\" data-id=\"e659668\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs.png\" class=\"attachment-large size-large wp-image-77760\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-787f4a1 elementor-widget elementor-widget-text-editor\" data-id=\"787f4a1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Maar de populariteit van banen is niet het enige om over na te denken bij het kiezen van je specialiteit. Een goede vuistregel is om iets te vinden dat in je sweet spot zit:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdf4a6c elementor-widget elementor-widget-image\" data-id=\"fdf4a6c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"445\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=445\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1024x569.png\" class=\"attachment-large size-large wp-image-77765\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1024x569.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-300x167.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-768x427.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1536x854.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-2048x1138.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fee45f elementor-widget elementor-widget-text-editor\" data-id=\"7fee45f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Als je nog niet helemaal zeker weet in welk gebied je het meest bekwaam of gepassioneerd bent, is dat ok\u00e9. Daar zijn online cursussen en tutorials voor. Probeer wat UX- en UI-taken uit en kijk welke natuurlijker en bevredigender aanvoelt. <\/p>\n<p>Je kunt ook een stap terug doen en nadenken over hoe je het web als consument benadert. Wat valt je als eerste op? Hoe goed een website eruitziet\u2026 of hoe gemakkelijk het te gebruiken is? Dat kan een goede indicator zijn van wat je het meest enthousiast maakt over webdesign en waar je het beste in zult uitblinken.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ge\u00efnteresseerd om webdesign specialist te worden? In dit artikel bekijken we UX vs UI design, onderzoeken we de verschillen tussen de twee disciplines en geven we wat tips over hoe je de juiste specialisatie kunt kiezen.<\/p>\n","protected":false},"author":168447,"featured_media":124398,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[298,358],"tags":[411],"marketing_persona":[47],"marketing_intent":[48],"class_list":["post-124397","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-team-writes-nl","category-design-nl","tag-bouw"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX vs. UI Design: Wat is het verschil?<\/title>\n<meta name=\"description\" content=\"Wil je een specialist in webdesign worden? Leer over de verschillen tussen UX en UI design &amp; krijg tips om de juiste specialisatie voor jezelf te kiezen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX vs. UI Design: Wat is het verschil?\" \/>\n<meta property=\"og:description\" content=\"Wil je een specialist in webdesign worden? Leer over de verschillen tussen UX en UI design &amp; krijg tips om de juiste specialisatie voor jezelf te kiezen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-30T10:49:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T13:31:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/Shani-01.png\" \/>\n<meta name=\"author\" content=\"Maayan Nuna Lazarovich\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maayan Nuna Lazarovich\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/\"},\"author\":{\"name\":\"Maayan Nuna Lazarovich\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2\"},\"headline\":\"UX vs. UI Design: Wat is het verschil?\",\"datePublished\":\"2021-09-30T10:49:44+00:00\",\"dateModified\":\"2025-12-28T13:31:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/\"},\"wordCount\":3439,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"keywords\":[\"Bouw\"],\"articleSection\":[\"Elementor-team schrijft\",\"Ontwerp\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/\",\"name\":\"UX vs. UI Design: Wat is het verschil?\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"datePublished\":\"2021-09-30T10:49:44+00:00\",\"dateModified\":\"2025-12-28T13:31:26+00:00\",\"description\":\"Wil je een specialist in webdesign worden? Leer over de verschillen tussen UX en UI design & krijg tips om de juiste specialisatie voor jezelf te kiezen.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"width\":5001,\"height\":2626},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ontwerp\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/design-nl\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UX vs. UI Design: Wat is het verschil?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2\",\"name\":\"Maayan Nuna Lazarovich\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g\",\"caption\":\"Maayan Nuna Lazarovich\"},\"description\":\"Maayan is the Kits Library Team Leader at Elementor, with an impressive track record in UI and UX design. Maayan is a cat lover and a foodie and she would never miss a chance to eat at a cool restaurant!\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/author\/lazarovich\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX vs. UI Design: Wat is het verschil?","description":"Wil je een specialist in webdesign worden? Leer over de verschillen tussen UX en UI design & krijg tips om de juiste specialisatie voor jezelf te kiezen.","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:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/","og_locale":"nl_NL","og_type":"article","og_title":"UX vs. UI Design: Wat is het verschil?","og_description":"Wil je een specialist in webdesign worden? Leer over de verschillen tussen UX en UI design & krijg tips om de juiste specialisatie voor jezelf te kiezen.","og_url":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-09-30T10:49:44+00:00","article_modified_time":"2025-12-28T13:31:26+00:00","og_image":[{"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/Shani-01.png","type":"","width":"","height":""}],"author":"Maayan Nuna Lazarovich","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Geschreven door":"Maayan Nuna Lazarovich","Geschatte leestijd":"17 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/"},"author":{"name":"Maayan Nuna Lazarovich","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2"},"headline":"UX vs. UI Design: Wat is het verschil?","datePublished":"2021-09-30T10:49:44+00:00","dateModified":"2025-12-28T13:31:26+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/"},"wordCount":3439,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","keywords":["Bouw"],"articleSection":["Elementor-team schrijft","Ontwerp"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/","url":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/","name":"UX vs. UI Design: Wat is het verschil?","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","datePublished":"2021-09-30T10:49:44+00:00","dateModified":"2025-12-28T13:31:26+00:00","description":"Wil je een specialist in webdesign worden? Leer over de verschillen tussen UX en UI design & krijg tips om de juiste specialisatie voor jezelf te kiezen.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","width":5001,"height":2626},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/nl\/ux-vs-ui-design-wat-is-het-verschil\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Ontwerp","item":"https:\/\/elementor.com\/blog\/nl\/category\/design-nl\/"},{"@type":"ListItem","position":3,"name":"UX vs. UI Design: Wat is het verschil?"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/nl\/#website","url":"https:\/\/elementor.com\/blog\/nl\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2","name":"Maayan Nuna Lazarovich","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g","caption":"Maayan Nuna Lazarovich"},"description":"Maayan is the Kits Library Team Leader at Elementor, with an impressive track record in UI and UX design. Maayan is a cat lover and a foodie and she would never miss a chance to eat at a cool restaurant!","url":"https:\/\/elementor.com\/blog\/nl\/author\/lazarovich\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/124397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/users\/168447"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=124397"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/124397\/revisions"}],"predecessor-version":[{"id":124401,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/124397\/revisions\/124401"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/124398"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=124397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=124397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=124397"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=124397"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=124397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}