{"id":114506,"date":"2023-01-12T12:24:00","date_gmt":"2023-01-12T10:24:00","guid":{"rendered":"https:\/\/elementor.com\/blog\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/"},"modified":"2025-12-03T23:32:46","modified_gmt":"2025-12-03T21:32:46","slug":"20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/","title":{"rendered":"20 principes van websiteontwerp die elke webprofessional moet weten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"114506\" class=\"elementor elementor-114506 elementor-41488\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3f279d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b3f279d\" 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-794607e\" data-id=\"794607e\" 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-d026551 elementor-widget elementor-widget-text-editor\" data-id=\"d026551\" 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><b>Over de auteur: Alina Khazanova, productontwerper @ <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"Elementor\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"974\">Elementor<\/a><\/b><\/p>\n<p>Alina is productontwerper bij Elementor.<br \/>\nHet is haar passie om gebruikers een waardevolle en bevredigende productervaring te bieden.   <\/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-3e7825e elementor-widget elementor-widget-text-editor\" data-id=\"3e7825e\" 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 volgen van de principes van websiteontwerp kan het succes van je site maken of breken.<br \/>\nHet is het verschil tussen gebruikers die vertrekken zodra ze op je homepage zijn beland, of gebruikers die je diensten en producten ontdekken en uiteindelijk overgaan tot conversie. <\/p>\n<p>Ontwerpen is zeker geen exacte wetenschap.<br \/>\nEr zijn echter veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek, als je <a href=\"https:\/\/elementor.com\/features\/for-professionals\/\">een professionele website wilt bouwen<\/a>. <\/p>\n<p>In dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.<br \/>\nWe bespreken ook enkele van de populairste en effectiefste richtlijnen die je kunt volgen.  Laten we beginnen!<\/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-e968afb blog-toc elementor-widget elementor-widget-heading\" data-id=\"e968afb\" 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-9eb4e3b blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9eb4e3b\" 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=\"#what-are-design-principles\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wat zijn de principes van websiteontwerp?<\/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=\"#principles-effective-website-design\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Belangrijkste principes van effectief websiteontwerp<\/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=\"#ux-laws\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">De 10 wetten voor gebruikerservaring (UX)<\/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=\"#usability-commandments\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">De 10 bruikbaarheids-\"geboden\" van Jakob Nielsen<\/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=\"#apply-website-design-principles\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Hoe je principes voor websiteontwerp toepast in je projecten<\/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-bf8398a elementor-widget elementor-widget-menu-anchor\" data-id=\"bf8398a\" 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-ontwerpprincipes\"><\/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-89cb02d elementor-widget elementor-widget-heading\" data-id=\"89cb02d\" 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 zijn de principes van websiteontwerp?  <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6db34 elementor-widget elementor-widget-text-editor\" data-id=\"2f6db34\" 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>Ontwerpprincipes zijn gebaseerd op bijdragen van professionals uit uiteenlopende bedrijfstakken zoals psychologie en gedragswetenschappen, natuurkunde, ergonomie en meer.<br \/>\nOver het algemeen zijn deze principes <a href=\"https:\/\/www.interaction-design.org\/literature\/topics\/design-principles\" target=\"_blank\" rel=\"noopener\">flexibele wetten die ontwerpers leiden<\/a> naar het produceren van effectieve eindproducten.<br \/>\nZe be\u00efnvloeden welke elementen worden gekozen of weggegooid en hoe die functies worden georganiseerd.  <\/p>\n<p>Ontwerpprincipes maken het eenvoudig om een esthetisch aantrekkelijke en effici\u00ebnte gebruikerservaring (UX) en gebruikersinterface (UI) te cre\u00ebren.<br \/>\nAls je ze op de juiste manier implementeert, stimuleer je conversies.<br \/>\nPipedrive <a href=\"https:\/\/thenextweb.com\/entrepreneur\/2012\/05\/13\/5-accelerator-lessons-how-to-raise-funds-and-build-a-business\/\" target=\"_blank\" rel=\"noopener\">verhoogde<\/a> bijvoorbeeld <a href=\"https:\/\/thenextweb.com\/entrepreneur\/2012\/05\/13\/5-accelerator-lessons-how-to-raise-funds-and-build-a-business\/\" target=\"_blank\" rel=\"noopener\">het aantal aanmeldingen met 300 procent<\/a> na het implementeren van een belangrijke best practice &#8211; eenvoud.  <\/p>\n<p>Door ontwerpprincipes op te nemen in je projecten verbeter je de bruikbaarheid van je websites, be\u00efnvloed je de manier waarop ze worden waargenomen en kun je uiteindelijk de beste beslissingen nemen voor zowel je gebruikers als <a href=\"https:\/\/elementor.com\/blog\/start-web-design-business\/\">je webdesignbedrijf<\/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-5681661 elementor-widget elementor-widget-menu-anchor\" data-id=\"5681661\" 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=\"principes-effectief-website-ontwerp\"><\/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-9719373 elementor-widget elementor-widget-heading\" data-id=\"9719373\" 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\">20 hoofdprincipes van effectief websiteontwerp<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-152f958 elementor-widget elementor-widget-text-editor\" data-id=\"152f958\" 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 zijn veel definities van ontwerpprincipes online beschikbaar en verschillende ontwerpers en andere professionals zullen ze interpreteren naargelang hun behoeften.<br \/>\nEr zijn echter een aantal best practices die van toepassing zijn ongeacht de context. <\/p>\n<p>Hieronder volgen enkele van de populairste ontwerpprincipes voor websites, zoals voorgesteld door wetenschappers en bruikbaarheidsexperts.<\/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-c51188b elementor-widget elementor-widget-menu-anchor\" data-id=\"c51188b\" 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-wetten\"><\/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-6605646 elementor-widget elementor-widget-heading\" data-id=\"6605646\" 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\">De 10 wetten voor gebruikerservaring (UX)  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6c8ed0 elementor-widget elementor-widget-text-editor\" data-id=\"f6c8ed0\" 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 <a href=\"https:\/\/lawsofux.com\/\" target=\"_blank\" rel=\"noopener\">UX-wetten<\/a> zijn een verzameling ontwerpprincipes van <a href=\"https:\/\/jonyablonski.com\/\" target=\"_blank\" rel=\"noopener\">Jon Yablonski<\/a> &#8211; senior productontwerper bij General Motors &#8211; uit zijn boek &#8220;Laws of UX: Using Psychology to Design Better Products &amp; Services&#8221;.<br \/>\nDit zijn solide richtlijnen die elke ontwerper zou moeten overwegen.<br \/>\nHier zijn enkele van de belangrijkste principes die Yablonski opsomt:  <\/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-30613b4 elementor-widget elementor-widget-menu-anchor\" data-id=\"30613b4\" 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=\"fitts-recht\"><\/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-d973f3e elementor-widget elementor-widget-heading\" data-id=\"d973f3e\" 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\">1. Maak de belangrijkste actiedoelen gemakkelijk te bereiken (Wet van Fitts)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f83c904 elementor-widget elementor-widget-text-editor\" data-id=\"f83c904\" 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:\/\/lawsofux.com\/fittss-law.html\" target=\"_blank\" rel=\"noopener\">De wet van Fitts<\/a> komt voort uit het werk van de psycholoog Paul Fitts toen hij het menselijk motorisch systeem onderzocht.<br \/>\nDeze wet stelt dat de afstand en de grootte van een doelelement een directe invloed hebben op de tijd die een gebruiker nodig heeft om er naartoe te navigeren en er interactie mee te hebben.<br \/>\nDit betekent dat je je belangrijkste doelen gemakkelijk bereikbaar moet maken.  <\/p>\n<p>Als je meerdere doelen hebt, moet er bovendien voldoende ruimte tussen zitten.<br \/>\nAls je bijvoorbeeld ontwerpt voor mobiel, moeten klikbare pictogrammen groot genoeg zijn om erop te tikken: <\/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-6cda971 elementor-widget elementor-widget-image\" data-id=\"6cda971\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-1_Fitts-Law-r4q6wpumnsip39bhdhg7n350z8b6nxaj3t7kjjlg9w.png\" title=\"Illustration 1_Fitt&#8217;s Law\" alt=\"Illustration 1_Fitt&#039;s Law\" loading=\"lazy\" \/>\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-e995e1b elementor-widget elementor-widget-text-editor\" data-id=\"e995e1b\" 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 extra ruimte tussen knoppen zorgt ervoor dat gebruikers niet per ongeluk op het verkeerde pictogram klikken.<br \/>\nAls regel geldt dat het minimale klikbare gebied voor mobiele ontwerpen 40 x 40 pixels moet zijn. <\/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-6559292 elementor-widget elementor-widget-menu-anchor\" data-id=\"6559292\" 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=\"hicks-wet\"><\/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-8c09c27 elementor-widget elementor-widget-heading\" data-id=\"8c09c27\" 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\">2. Beperk de keuzes van gebruikers tot een minimum (Wet van Hick)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b49235a elementor-widget elementor-widget-text-editor\" data-id=\"b49235a\" 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 ooit zo overweldigd bent geweest door het aantal keuzes dat je voor je had liggen dat je moeite had om een keuze te maken, dan begrijp je hoe te veel opties verlammend kunnen werken voor gebruikers.<br \/>\nDit is de wet van Hick in een notendop.<br \/>\nHoe meer keuzes er beschikbaar zijn en hoe complexer ze allemaal zijn, hoe meer tijd het gebruikers kost om tot een beslissing te komen.  <\/p>\n<p><a href=\"https:\/\/lawsofux.com\/hicks-law.html\" target=\"_blank\" rel=\"noopener\">De wet van Hick<\/a>, ook wel de wet van Hick-Hyman genoemd, is vernoemd naar William Edmund Hick en Ray Hyman, twee psychologen die de correlatie onderzochten tussen het aantal stimuli dat aan een individu werd aangeboden en hun reactietijd.<\/p>\n<p>Dit principe betekent in feite dat je rommel wilt verwijderen en je gebruikers alleen de meest essenti\u00eble opties wilt laten zien die ze nodig hebben.<br \/>\nDe meeste websites geven bijvoorbeeld een duidelijke keuze tussen &#8220;Opslaan&#8221; of &#8220;Annuleren&#8221; en &#8220;Ja&#8221; of &#8220;Nee&#8221; bij het bevestigen van een bepaalde actie: <\/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-d4ee522 elementor-widget elementor-widget-image\" data-id=\"d4ee522\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-2_Hick\u2019s-law-r4q73453679y3q0z0qzt3z0yims41rornh1j4c3zxg.png\" title=\"Illustration 2_Hick\u2019s law\" alt=\"Illustration 2_Hick\u2019s law\" loading=\"lazy\" \/>\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-9f5097b elementor-widget elementor-widget-text-editor\" data-id=\"9f5097b\" 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 wet kan ook worden toegepast op het stroomlijnen van je navigatiemenu, het weergeven van producten of diensten en andere ontwerpelementen van je 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-d0ae190 elementor-widget elementor-widget-menu-anchor\" data-id=\"d0ae190\" 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=\"wet-gemeenschappelijke-regio\"><\/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-bd5b4a2 elementor-widget elementor-widget-heading\" data-id=\"bd5b4a2\" 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\">3. Plaats verwante elementen in gemeenschappelijke ruimten (Wet Gemeenschappelijke Regelingen)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14332e6 elementor-widget elementor-widget-text-editor\" data-id=\"14332e6\" 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 <a href=\"https:\/\/lawsofux.com\/law-of-common-region\" target=\"_blank\" rel=\"noopener\">wet van de gemeenschappelijke regio<\/a>, een van de wetten uit de school van de Gestaltpsychologie, stelt eenvoudigweg dat als elementen op een pagina dicht bij elkaar staan, ze als met elkaar verbonden worden ervaren.  <\/p>\n<p>Je kunt dit doen met randen, achtergronden of spati\u00ebring.<br \/>\nNavigatielinks worden bijvoorbeeld meestal bij elkaar geplaatst om een menu te vormen: <\/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-d65b482 elementor-widget elementor-widget-image\" data-id=\"d65b482\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-3_Common-Areas-r4q738ua4dgdpru59b0xyfu9hk4y497fc4ayipx12c.png\" title=\"Illustration 3_Common Areas\" alt=\"Illustration 3_Common Areas\" loading=\"lazy\" \/>\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-2eb35d5 elementor-widget elementor-widget-text-editor\" data-id=\"2eb35d5\" 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 principe heeft alles te maken met compositie en spati\u00ebring, en je wilt het verstandig gebruiken.<br \/>\nNog een voorbeeld: op de startpagina van een blog waar previews chronologisch worden weergegeven, moeten de titel, beschrijving en afbeelding van elke post visueel bij elkaar staan. <\/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-0f94917 elementor-widget elementor-widget-menu-anchor\" data-id=\"0f94917\" 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=\"jakobs-wet\"><\/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-8fdc11e elementor-widget elementor-widget-heading\" data-id=\"8fdc11e\" 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\">4. Gebruik bekende scenario's en logica (Wet van Jakob)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9687b26 elementor-widget elementor-widget-text-editor\" data-id=\"9687b26\" 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:\/\/lawsofux.com\/jakobs-law.html\">De wet van Jakob<\/a>, bedacht door Jakob Nielsen, medeoprichter van de Nielsen Norman Group, pleit voor het gebruik van bekende scenario&#8217;s en logica bij het ontwikkelen van UI.<br \/>\nJe gebruikers zullen over het algemeen verwachten &#8211; en verkiezen &#8211; dat je site op dezelfde manier werkt als andere sites waarmee ze al vertrouwd zijn.   <\/p>\n<p>We bouwen allemaal mentale modellen op rond conventies rondom websites.<br \/>\nHierdoor kunnen je gebruikers zich richten op wat ze willen bereiken in plaats van hun weg te leren vinden in een onbekende UI. <\/p>\n<p>Dit betekent dat je het wilt houden bij wat ze al kennen en ze niet wilt overdonderen met onbekende scenario&#8217;s.<br \/>\nEen &#8220;hamburger&#8221; icoon opent bijvoorbeeld meestal een soort menu: <\/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-7d99f4f elementor-widget elementor-widget-image\" data-id=\"7d99f4f\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-4_Jakob\u2019s-Law-r4q6y2q8j6dluzchg2kt8qszv9m9s6okmj4thxkzac.png\" title=\"Illustration 4_Jakob\u2019s Law\" alt=\"Illustration 4_Jakob\u2019s Law\" loading=\"lazy\" \/>\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-3ef31e9 elementor-widget elementor-widget-text-editor\" data-id=\"3ef31e9\" 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 dit pictogram in je ontwerp gebruikt, moet het zich gedragen zoals je gebruikers verwachten.<\/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-2b9c17e elementor-widget elementor-widget-menu-anchor\" data-id=\"2b9c17e\" 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=\"pragnanz-recht\"><\/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-a0e9a52 elementor-widget elementor-widget-heading\" data-id=\"a0e9a52\" 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\">5. Gebruik eenvoudige structuren en vermijd complexe vormen (Wet van Pr\u00e4gnanz)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-447e17b elementor-widget elementor-widget-text-editor\" data-id=\"447e17b\" 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>In 1910 observeerde Max Wertheimer, een psycholoog, een reeks lichten die aan en uit flitsten bij een spoorwegovergang.<br \/>\nHoewel het leek alsof een enkel licht tussen de bollen door de feesttent bewoog, was het in werkelijkheid een reeks bollen die aan en uit gingen. <\/p>\n<p>Deze observatie vormde de basis voor een aantal principes over hoe we objecten visueel waarnemen.<br \/>\nEen daarvan is <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/the-laws-of-figure-ground-praegnanz-closure-and-common-fate-gestalt-principles-3\" rel=\"noopener\">de wet van Pr\u00e4gnanz<\/a>, die aanbeveelt om eenvoudige structuren te gebruiken en complexe vormen te vermijden. <\/p>\n<p>Je gebruikers zullen je ontwerp interpreteren met zo min mogelijk cognitieve inspanning.<br \/>\nComplexe beelden zullen in hun eenvoudigste vorm worden waargenomen.<br \/>\nHet verminderen van cognitieve overbelasting zou een belangrijk onderdeel moeten zijn van je ontwerpdoelen.  <\/p>\n<p>Je kunt dit principe toepassen door elementen te groeperen en uit te lijnen in relevante blokken, kolommen en secties, in plaats van ze over de hele pagina te gooien:  <\/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-2c6d0f8 elementor-widget elementor-widget-image\" data-id=\"2c6d0f8\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-5_Simple-Structures-r4q76wfop6giv6izwvwpnimsni4c1vpui7mxpghwv8.png\" title=\"Illustration 5_Simple Structures\" alt=\"Illustration 5_Simple Structures\" loading=\"lazy\" \/>\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-7da43d7 elementor-widget elementor-widget-text-editor\" data-id=\"7da43d7\" 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>Eenvoudige structuren en elementen maken de interpretatie gemakkelijker.<\/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-bbefb93 elementor-widget elementor-widget-menu-anchor\" data-id=\"bbefb93\" 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=\"nabijheidsrecht\"><\/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-9165ca0 elementor-widget elementor-widget-heading\" data-id=\"9165ca0\" 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\">6. Gegroepeerde elementen dicht bij elkaar plaatsen (Wet van Nabijheid)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3911a9 elementor-widget elementor-widget-text-editor\" data-id=\"a3911a9\" 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 <a href=\"https:\/\/lawsofux.com\/law-of-proximity\" target=\"_blank\" rel=\"noopener\">wet van nabijheid<\/a>, een ander principe dat wordt toegeschreven aan de Gestaltpsychologie, stelt dat elementen die dicht bij elkaar staan als een groep worden waargenomen.<br \/>\nDit vermindert ook de cognitieve overbelasting voor je gebruikers omdat ze informatie gemakkelijker zullen begrijpen. <\/p>\n<p>Bij het toepassen van dit principe gaat het erom verstandig gebruik te maken van tussenruimte.<br \/>\nDe elementen die een groep vormen moeten dichter bij elkaar staan dan die van verschillende groepen. <\/p>\n<p>In veel website-headers zijn menulinks gegroepeerd, terwijl Calls-to-Action (CTA&#8217;s) aan de zijkant staan of op de een of andere manier gescheiden zijn van de navigatie-elementen:<\/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-cc87cd0 elementor-widget elementor-widget-image\" data-id=\"cc87cd0\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-6_Law-of-Proximity-r4q70shg9y3fefehl8u0g24xnc8g0pgnnyzbepk0ws.png\" title=\"Illustration 6_Law of Proximity\" alt=\"Illustration 6_Law of Proximity\" loading=\"lazy\" \/>\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-be3f0c3 elementor-widget elementor-widget-text-editor\" data-id=\"be3f0c3\" 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 is een perfecte illustratie van de wet van de nabijheid.<br \/>\nOmdat menulinks en CTA&#8217;s verschillende functies hebben, zijn ze visueel gescheiden. <\/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-8040fc2 elementor-widget elementor-widget-menu-anchor\" data-id=\"8040fc2\" 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=\"gelijkenis-wet\"><\/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-1252bf8 elementor-widget elementor-widget-heading\" data-id=\"1252bf8\" 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\">7. Gelijkenis gebruiken om elementen in groepen te verdelen (Gelijksoortigheidswet)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b259a6 elementor-widget elementor-widget-text-editor\" data-id=\"9b259a6\" 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 andere Gestaltwet, de <a href=\"https:\/\/lawsofux.com\/law-of-similarity.html\" target=\"_blank\" rel=\"noopener\">wet van de gelijkenis<\/a>, stelt dat gelijksoortige objecten als verwant worden waargenomen, ongeacht hoeveel afstand er tussen hen bestaat.<br \/>\nDit is de basis voor het stylen van functiesets met vergelijkbare <a href=\"https:\/\/elementor.com\/blog\/website-color-schemes\/\">kleurenschema&#8217;s<\/a>, pictogrammen en tekst: <\/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-5c1728f elementor-widget elementor-widget-image\" data-id=\"5c1728f\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-7_Law-of-Similarity-r4q6yhrnkiy70qqn092ucn0ddfk57cca0lkl6cyois.png\" title=\"Illustration 7_Law of Similarity\" alt=\"Illustration 7_Law of Similarity\" loading=\"lazy\" \/>\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-f6af023 elementor-widget elementor-widget-text-editor\" data-id=\"f6af023\" 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 wilt dit principe verstandig gebruiken om samenhangende inhoud te verenigen in groepen door middel van een vergelijkbare en consistente vormgeving.<\/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-29a58a2 elementor-widget elementor-widget-menu-anchor\" data-id=\"29a58a2\" 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=\"wetuniformeverbondenheid\"><\/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-94d6c3a elementor-widget elementor-widget-heading\" data-id=\"94d6c3a\" 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\">8. Ontwerpelementen met elkaar verbinden om hun relatie tot elkaar te laten zien (Wet van Uniforme Verbondenheid)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f67b4f elementor-widget elementor-widget-text-editor\" data-id=\"1f67b4f\" 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 <a href=\"https:\/\/lawsofux.com\/law-of-uniform-connectedness\" target=\"_blank\" rel=\"noopener\">wet van uniforme verbondenheid<\/a>, ook afkomstig uit de Gestaltpsychologie, stelt dat elementen die visueel met elkaar verbonden zijn als meer verwant worden gezien dan elementen die helemaal niet met elkaar verbonden zijn.<br \/>\nEen toepassing van deze wet is het gebruik van een progress stepper in je onboarding of checkout flows: <\/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-d76b9ed elementor-widget elementor-widget-image\" data-id=\"d76b9ed\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-8_Connect-Elements-r4q731bklp634w52h7rxehqkqh60eodkn332oi86g4.png\" title=\"Illustration 8_Connect Elements\" alt=\"Illustration 8_Connect Elements\" loading=\"lazy\" \/>\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-ac95482 elementor-widget elementor-widget-text-editor\" data-id=\"ac95482\" 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 cre\u00ebert een visueel verband dat laat zien dat alle stappen deel uitmaken van hetzelfde proces.<\/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-f26664b elementor-widget elementor-widget-menu-anchor\" data-id=\"f26664b\" 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=\"molenaars-wet\"><\/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-9372c4a elementor-widget elementor-widget-heading\" data-id=\"9372c4a\" 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\">9. Verdeel inhoud in kleine stukjes (Wet van Miller)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e19c7bb elementor-widget elementor-widget-text-editor\" data-id=\"e19c7bb\" 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:\/\/lawsofux.com\/millers-law\">De wet van Miller<\/a> is vernoemd naar cognitief psycholoog George Miller, die beweerde dat een gemiddeld persoon slechts vijf tot negen stukjes informatie in zijn werkgeheugen kan bewaren.<br \/>\nDit principe stelt voor om inhoud in stukjes te verdelen.<br \/>\nCreditcardnummers worden bijvoorbeeld meestal opgedeeld in groepen van vier om mensen te helpen ze te ontleden.  <\/p>\n<p>Deze wet onderstreept het belang van een goede ontwerpplanning.<br \/>\nNaarmate een applicatie groter wordt en meer mogelijkheden krijgt, wordt het moeilijker te gebruiken.<br \/>\nBij het plannen van je interface moet je hier rekening mee houden, zodat deze geschikt is voor nieuwe functies en toch eenvoudig te bedienen blijft.  <\/p>\n<p>Een andere manier om deze regel toe te passen is door de hoeveelheid inhoud die je gebruiker op een bepaald moment moet waarnemen te beperken.<br \/>\nVerdeel inhoud in brokken in plaats van alles in \u00e9\u00e9n blok te tonen: <\/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-5ccac58 elementor-widget elementor-widget-image\" data-id=\"5ccac58\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-9_Chunks-r4q73ff5g7pdz1kl6vvbxw6hn98im4xjp0vcvnn9us.png\" title=\"Illustration 9_Chunks\" alt=\"Illustration 9_Chunks\" loading=\"lazy\" \/>\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-8f838a1 elementor-widget elementor-widget-text-editor\" data-id=\"8f838a1\" 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>Ontwerp bovendien met de populairste schermformaten in gedachten en bepaal hoeveel elementen gebruikers in \u00e9\u00e9n oogopslag zien.<\/p>\n<p>Wees kritisch over je ontwerp.<br \/>\nAls je denkt dat er te veel inhoud in een sectie staat, verplaats deze dan naar een andere sectie en scheid items op een logische manier. <\/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-bd32c8c elementor-widget elementor-widget-menu-anchor\" data-id=\"bd32c8c\" 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=\"serieel-positie-effect\"><\/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-028bf8a elementor-widget elementor-widget-heading\" data-id=\"028bf8a\" 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\">10. De eerste en laatste items in een serie accentueren (Seri\u00eble positie-effect)  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-539491b elementor-widget elementor-widget-text-editor\" data-id=\"539491b\" 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:\/\/lawsofux.com\/serial-position-effect\" target=\"_blank\" rel=\"noopener\">Deze wet<\/a> werd bedacht door de Duitse psycholoog Herman Ebbinghaus, die pionierde met experimentele methoden om het geheugen te meten.<br \/>\nDe wet stelt dat gebruikers het eerste en het laatste onderdeel van een serie het beste onthouden.<br \/>\nJe kunt deze tendens gebruiken om de belangrijkste delen van je webpagina&#8217;s te benadrukken.  <\/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-02e8858 elementor-widget elementor-widget-image\" data-id=\"02e8858\" 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\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/Illustration-10_Serial-Position-r4q6ys3vnpcckgbmbvjqm2efwo56k0hbq0qxgejcmc.png\" title=\"Illustration 10_Serial Position\" alt=\"Illustration 10_Serial Position\" loading=\"lazy\" \/>\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-5c8e5f3 elementor-widget elementor-widget-text-editor\" data-id=\"5c8e5f3\" 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><span style=\"font-weight: 400\">Belangrijke inhoud zoals CTA&#8217;s, formulieren of koopopties zijn bijvoorbeeld het meest effectief bovenaan of onderaan de pagina.<\/span><\/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-25c4a0d elementor-widget elementor-widget-menu-anchor\" data-id=\"25c4a0d\" 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=\"bruikbaarheids-commandementen\"><\/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-19fb410 elementor-widget elementor-widget-heading\" data-id=\"19fb410\" 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\">De 10 bruikbaarheids-\"geboden\" van Jakob Nielsen  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-852b5d8 elementor-widget elementor-widget-text-editor\" data-id=\"852b5d8\" 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\/people\/jakob-nielsen\/\" target=\"_blank\" rel=\"noopener\">Jakob Nielsen<\/a> &#8211; de medeoprichter van de Nielsen Norman Group die we eerder al kort noemden &#8211; is de uitvinder van verschillende bruikbaarheidsmethoden, waaronder de <a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\" target=\"_blank\" rel=\"noopener\">tien heuristische evaluatieprincipes die<\/a> we nu gaan bespreken.<br \/>\nDe Nielsen Norman Group is een gerenommeerd UX onderzoeks- en adviesbureau dat een grote invloed heeft gehad op het gebied van web- en softwareontwerp. <\/p>\n<p>Nielsen ontwikkelde deze bruikbaarheidsprincipes oorspronkelijk in 1990, maar herzag ze voor maximale duidelijkheid op basis van de analyse van 249 bruikbaarheidsproblemen.<br \/>\nHoud er rekening mee dat het geen wetten of specifieke richtlijnen zijn, maar meer algemene vuistregels.<br \/>\nDaarom worden ze &#8220;heuristieken&#8221; genoemd.  <\/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-a07d0a7 elementor-widget elementor-widget-menu-anchor\" data-id=\"a07d0a7\" 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=\"gebruikersopdehoogtehouden\"><\/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-1f4c125 elementor-widget elementor-widget-heading\" data-id=\"1f4c125\" 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\">1. Houd je gebruikers op de hoogte met de juiste feedback  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d790d8 elementor-widget elementor-widget-text-editor\" data-id=\"5d790d8\" 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>Gebruikers moeten je merk vertrouwen en zich gegrond voelen in het gebruik van je applicatie.<br \/>\nDit betekent dat je site voortdurend moet communiceren wat er gebeurt en hen moet laten weten of hun interacties succesvol zijn. <\/p>\n<p>Een e-commerce winkel laat gebruikers bijvoorbeeld weten dat ze een artikel aan hun winkelwagentje hebben toegevoegd of hebben opgeslagen om later te bekijken.<br \/>\nFeedback kan gebruik maken van kleurveranderingen, voortgangsindicatoren, meldingen en waarschuwingen om de gebruiker visueel te informeren. <\/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-89d7581 elementor-widget elementor-widget-menu-anchor\" data-id=\"89d7581\" 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=\"informatie-logische-orde\"><\/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-c40b8f0 elementor-widget elementor-widget-heading\" data-id=\"c40b8f0\" 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\">2. Informatie moet in een logische volgorde worden weergegeven en er moeten bekende zinnen en concepten worden gebruikt.  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b67d8a5 elementor-widget elementor-widget-text-editor\" data-id=\"b67d8a5\" 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><span style=\"font-weight: 400\">Gebruikers moeten geen woordenboek nodig hebben om de termen op je website te begrijpen.<br \/>\nJe wilt je aan conventies houden.<br \/>\nGebruik woorden die ze al kennen in je interfacetekst.  <\/span><\/p>\n<p><span style=\"font-weight: 400\">De termen &#8220;ongedaan maken&#8221; en &#8220;opnieuw uitvoeren&#8221; hebben bijvoorbeeld vrij universele betekenissen in UI&#8217;s van toepassingen.<br \/>\nZe veranderen in onbekende termen zoals &#8220;reverse&#8221; en &#8220;reprise&#8221; zal desori\u00ebnterend zijn voor gebruikers.   <\/span><\/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-1d06146 elementor-widget elementor-widget-menu-anchor\" data-id=\"1d06146\" 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=\"gebruikersvrijheid\"><\/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-aef7e9b elementor-widget elementor-widget-heading\" data-id=\"aef7e9b\" 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\">3. Controle en vrijheid bieden in de manier waarop gebruikers interageren met uw website  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a214617 elementor-widget elementor-widget-text-editor\" data-id=\"a214617\" 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>Gebruikers maken vaak fouten en hebben een manier nodig om acties ongedaan te maken of opnieuw uit te voeren, bijvoorbeeld met de knoppen die we eerder hebben genoemd.<br \/>\nOp dezelfde manier kun je overwegen om een <em>Bewerk-optie<\/em> te bieden waar dat relevant is.<br \/>\nDeze functie is bijvoorbeeld vaak handig voor het aanbrengen van wijzigingen in opmerkingen en berichten in apps voor sociale media.  <\/p>\n<p>Met zulke functies zullen gebruikers zich meer in controle voelen en minder gespannen zijn wanneer er ongelukken gebeuren.<\/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-4a6c61b elementor-widget elementor-widget-menu-anchor\" data-id=\"4a6c61b\" 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=\"verdragsnormen\"><\/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-4a08cb2 elementor-widget elementor-widget-heading\" data-id=\"4a08cb2\" 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\">4. Conventies en standaarden volgen  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94f70b4 elementor-widget elementor-widget-text-editor\" data-id=\"94f70b4\" 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 naleven van standaarden lijkt misschien op het tweede principe en kan worden beschouwd als een uitbreiding ervan.<br \/>\nImplementeer navigatiestructuren waar gebruikers vertrouwd mee zijn.<br \/>\nZe moeten het gemakkelijk vinden om je interface te begrijpen en toegang te krijgen tot de elementen die ze nodig hebben voor interactie met je pagina.  <\/p>\n<p>Een <a href=\"https:\/\/www.nngroup.com\/articles\/do-interface-standards-stifle-design-creativity\/\" target=\"_blank\" rel=\"noopener\">rapport over de bruikbaarheid<\/a> van winkelwagenterminologie illustreert dit.<br \/>\nHet ontwerp gebruikte de term &#8220;Shopping Sled&#8221; in een poging zich te onderscheiden.<br \/>\nMaar 50 procent van de gebruikers begreep niet wat het betekende.<br \/>\nDe andere helft leidde de betekenis alleen af uit het feit dat het op dezelfde plek stond als waar een winkelwagen normaal gesproken op een website staat.   <\/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-aa22830 elementor-widget elementor-widget-menu-anchor\" data-id=\"aa22830\" 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=\"foutenvoorkomen\"><\/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-13c99ec elementor-widget elementor-widget-heading\" data-id=\"13c99ec\" 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\">5. Voorkom fouten als het kan en waarschuw gebruikers voordat ze onomkeerbare acties ondernemen  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-990240f elementor-widget elementor-widget-text-editor\" data-id=\"990240f\" 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 is slim om zinvolle foutmeldingen weer te geven zodat het duidelijk is hoe je problemen kunt herstellen en wat de oorzaak ervan is.<br \/>\nHet is echter nog effectiever om foutgevoelige situaties te verwijderen of gebruikers expliciet te informeren over bekende gevolgen van de acties die ze gaan ondernemen. <\/p>\n<p>Het verwijderen van een gebruikersaccount is bijvoorbeeld vaak onomkeerbaar.<br \/>\nDe meeste applicaties zullen deze instelling rood markeren, zodat het opvalt.<br \/>\nEen &#8220;Weet je zeker dat je dit wilt doen?&#8221; bericht wordt meestal ook getoond als gebruikers op de knop <em>Verwijderen<\/em> klikken.  <\/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-adc3fbf elementor-widget elementor-widget-menu-anchor\" data-id=\"adc3fbf\" 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=\"informatiezichtbaar\"><\/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-687e53c elementor-widget elementor-widget-heading\" data-id=\"687e53c\" 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\">6. Houd belangrijke informatie zichtbaar  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-295b6fb elementor-widget elementor-widget-text-editor\" data-id=\"295b6fb\" 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>Gebruikers moeten geen informatie hoeven te onthouden van de ene stap van een proces &#8211; zoals een kassa of technische installatie &#8211; naar de andere.<br \/>\nJe wilt <a href=\"https:\/\/www.nngroup.com\/articles\/recognition-and-recall\/\" target=\"_blank\" rel=\"noopener\">dat<\/a> je gebruikers informatie <a href=\"https:\/\/www.nngroup.com\/articles\/recognition-and-recall\/\" target=\"_blank\" rel=\"noopener\">herkennen in plaats van onthouden<\/a>. <\/p>\n<p>Een <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/ecommerce\/\" title=\"e-commerce\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"3455\">webwinkel<\/a> kan deze heuristiek toepassen door een lijst met recent bekeken artikelen beschikbaar te maken, zodat gebruikers de namen van producten die ze nog moeten kopen niet hoeven te onthouden.<\/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-15170e7 elementor-widget elementor-widget-menu-anchor\" data-id=\"15170e7\" 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=\"bouwsystemen\"><\/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-394986f elementor-widget elementor-widget-heading\" data-id=\"394986f\" 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\">7. Bouw systemen die comfortabel zijn voor zowel beginners als experts  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32f85e4 elementor-widget elementor-widget-text-editor\" data-id=\"32f85e4\" 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 wilt je website gemakkelijk maken voor nieuwe bezoekers, maar ook comfortabel voor degenen die meer vertrouwd zijn met het systeem en die misschien <a href=\"https:\/\/www.nngroup.com\/articles\/ui-accelerators\/\" target=\"_blank\" rel=\"noopener\">versnellers<\/a> nodig hebben <a href=\"https:\/\/www.nngroup.com\/articles\/ui-accelerators\/\" target=\"_blank\" rel=\"noopener\">voor veelvoorkomende handelingen<\/a>.<br \/>\nSneltoetsen, die je gebruikers kunt geven of kunt laten maken en bewerken, zijn hier een voorbeeld van. <\/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-f19a5e9 elementor-widget elementor-widget-menu-anchor\" data-id=\"f19a5e9\" 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=\"esthetisch-ontwerp\"><\/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-f9059eb elementor-widget elementor-widget-heading\" data-id=\"f9059eb\" 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\">8. Maak je ontwerpen zowel esthetisch aangenaam als eenvoudig  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d110a51 elementor-widget elementor-widget-text-editor\" data-id=\"d110a51\" 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 wilt je interface overzichtelijk houden in plaats van je gebruikers te overweldigen met te veel opties.<br \/>\nOnnodige items concurreren om ruimte en verminderen de zichtbaarheid van belangrijkere functies. <\/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-91f0cee elementor-widget elementor-widget-menu-anchor\" data-id=\"91f0cee\" 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=\"foutmeldingen\"><\/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-61c8449 elementor-widget elementor-widget-heading\" data-id=\"61c8449\" 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\">9. Geef foutmeldingen die gemakkelijk te begrijpen zijn  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50f2efc elementor-widget elementor-widget-text-editor\" data-id=\"50f2efc\" 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>Duidelijke, begrijpelijke foutmeldingen maken het makkelijk om de oorzaak van problemen aan te wijzen en snel mogelijke oplossingen te vinden.<br \/>\nJe wilt die van jou direct, beleefd (niet de gebruiker de schuld geven) en constructief maken door advies te geven over hoe je het probleem kunt oplossen. <\/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-684a401 elementor-widget elementor-widget-menu-anchor\" data-id=\"684a401\" 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=\"doorzoekbaredocumenten\"><\/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-ece025b elementor-widget elementor-widget-heading\" data-id=\"ece025b\" 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\">10. Zorgen voor doorzoekbare helpdocumenten  <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da6cc2c elementor-widget elementor-widget-text-editor\" data-id=\"da6cc2c\" 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 kan soms nodig zijn dat gebruikers extra hulpinformatie raadplegen.<br \/>\nJe documentatie moet gemakkelijk doorzoekbaar zijn, zodat ze snel relevante inhoud voor hun situaties kunnen vinden en hun problemen kunnen oplossen. <\/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-dafbc27 elementor-widget elementor-widget-menu-anchor\" data-id=\"dafbc27\" 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=\"ontwerp-website-principestoepassen\"><\/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-071f588 elementor-widget elementor-widget-heading\" data-id=\"071f588\" 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 je principes voor websiteontwerp toepast in je projecten  <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1b1875 elementor-widget elementor-widget-text-editor\" data-id=\"b1b1875\" 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 leren van zoveel principes en richtlijnen kan overweldigend aanvoelen.<br \/>\nHier zijn wat tips om ze toe te passen: <\/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-22c9ac8 elementor-widget elementor-widget-menu-anchor\" data-id=\"22c9ac8\" 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=\"best-practices\"><\/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-346cd33 elementor-widget elementor-widget-heading\" data-id=\"346cd33\" 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\">1. Blijf bekend met best practices  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d81fd7 elementor-widget elementor-widget-text-editor\" data-id=\"3d81fd7\" 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 wilt blijven leren en jezelf bijscholen over de beste manieren om UX te ontwerpen.<br \/>\nLeer van bestaande oplossingen voor het web.<br \/>\nBegin je projecten met een onderzoeks- of inspiratiefase waarin je meer te weten komt over de behoeften van je gebruikers en kwaliteitsreferenties verzamelt om van 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-93678ad elementor-widget elementor-widget-menu-anchor\" data-id=\"93678ad\" 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=\"kies-principes-verstandig\"><\/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-7ae9835 elementor-widget elementor-widget-heading\" data-id=\"7ae9835\" 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\">2. Kies verstandig welke principes je gebruikt  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ddf0c5 elementor-widget elementor-widget-text-editor\" data-id=\"3ddf0c5\" 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>Elk project is uniek en heeft baat bij verschillende ontwerpprincipes.<br \/>\nVoor elke website die je maakt, moet je prioriteiten stellen.<br \/>\nHoud rekening met de belangrijkste functionaliteit van de site, de primaire gebruikersstromen en de bijbehorende bedrijfsdoelen.  <\/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-a7254a2 elementor-widget elementor-widget-menu-anchor\" data-id=\"a7254a2\" 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=\"test-verbeter-ontwerpen\"><\/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-2d64764 elementor-widget elementor-widget-heading\" data-id=\"2d64764\" 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\">3. Test en verbeter je ontwerpen regelmatig<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa6afb6 elementor-widget elementor-widget-text-editor\" data-id=\"fa6afb6\" 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 je website zoveel mogelijk testen met echte gebruikers.<br \/>\nAls je dat niet kunt, kun je hulp vragen van en testen met collega&#8217;s, klanten en zelfs je medeontwerpers om relevante input te verzamelen over de bruikbaarheid van je website. <\/p>\n<p>In dit stadium ben je niet op zoek naar perfectie.<br \/>\nNiets is perfect vanaf het begin, dus wees niet bang om je ontwerp bij te schaven en te verbeteren op basis van feedback uit gebruiksgegevens. <\/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-d43463c elementor-widget elementor-widget-menu-anchor\" data-id=\"d43463c\" 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=\"praktijk\"><\/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-7f5f150 elementor-widget elementor-widget-heading\" data-id=\"7f5f150\" 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\">4. Oefenen  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e986c6 elementor-widget elementor-widget-text-editor\" data-id=\"4e986c6\" 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 ze oefent, begin je de ontwerpprincipes bijna onbewust toe te passen.<br \/>\nHoe meer je ontwerpt met bruikbaarheidsprincipes in gedachten, hoe gemakkelijker het voor je wordt om snel effectieve oplossingen te genereren en problemen te vermijden. <\/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-b268858 elementor-widget elementor-widget-menu-anchor\" data-id=\"b268858\" 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=\"uniekestijl\"><\/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-5ea823a elementor-widget elementor-widget-heading\" data-id=\"5ea823a\" 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\">5. Vorm je eigen unieke stijl - maar alleen nadat je de basis begrijpt  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-709f060 elementor-widget elementor-widget-text-editor\" data-id=\"709f060\" 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>Regels zijn bedoeld om processen makkelijker te maken, maar ze zijn niet bedoeld om blindelings te worden gevolgd.<br \/>\nVaak kun je regels echter alleen met succes overtreden als je hun doel volledig begrijpt. <\/p>\n<p>Deze ontwerpprincipes vormen een kerngereedschapskist en basiskennis waarmee je kunt experimenteren en je eigen unieke stijl kunt ontwikkelen.<br \/>\nAls je ze eenmaal onder de knie hebt, kun je buitengewoon succesvolle ontwerpoplossingen produceren door ze doelgericht te doorbreken. <\/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-f363392 elementor-widget elementor-widget-menu-anchor\" data-id=\"f363392\" 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=\"elementor-editor\"><\/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-c648301 elementor-widget elementor-widget-heading\" data-id=\"c648301\" 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\">6. Gebruik de Elementor-editor  <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e120e8 elementor-widget elementor-widget-text-editor\" data-id=\"3e120e8\" 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>Onze <a href=\"https:\/\/elementor.com\/features\/editor\/\" target=\"_blank\" rel=\"noopener\">Elementor Editor<\/a> is gebaseerd op ontwerpprincipes en logica.<br \/>\nDoor onze <a href=\"https:\/\/elementor.com\/for\/designer\/\" target=\"_blank\" rel=\"noopener\">ontwerpfunctie<\/a> en <a href=\"https:\/\/elementor.com\/widgets\/\" target=\"_blank\" rel=\"noopener\">brede verzameling widgets<\/a> te gebruiken, kun je de inhoudsstructuur van je website beter organiseren en ervoor zorgen dat je een gebruiksvriendelijk digitaal product bouwt. <\/p>\n<p>De secties en kolommen van Elementor helpen je bijvoorbeeld om inhoud logisch te groeperen.<br \/>\nWidgets bieden een eenvoudige manier om inhoud in stukken te verdelen, waarbij de principes van gelijkenis en visuele verbanden worden gebruikt om de perceptie van je gebruikers te vergemakkelijken. <\/p>\n<p>Over het geheel genomen neemt Elementor het gedoe weg van het vanaf nul organiseren van inhoud.<br \/>\nMet onze widgets en <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/\" title=\"Sjablonen\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1966\">sjablonenbibliotheek<\/a> heb je talloze oplossingen om ontwerpprincipes op de best mogelijke manier te implementeren. <\/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-6e78a05 elementor-widget elementor-widget-heading\" data-id=\"6e78a05\" 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\">Inpakken<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34b8fd0 elementor-widget elementor-widget-text-editor\" data-id=\"34b8fd0\" 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>Om <a href=\"https:\/\/elementor.com\/features\/for-professionals\/\">professionele, gebruiksvriendelijke websites te maken<\/a>, moet je bekend zijn met de basisprincipes van design en deze op een verstandige manier toepassen in je werk.<br \/>\nDit zal je helpen je ontwerpen te verbeteren door ze aantrekkelijker, gebruiksvriendelijker en vooral winstgevender te maken. <\/p>\n<p>In dit bericht hebben we veel besproken, waaronder <a href=\"https:\/\/lawsofux.com\/\" target=\"_blank\" rel=\"noopener\">tien UX-wetten die<\/a> zijn opgesteld door Jon Yablonski en <a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\" target=\"_blank\" rel=\"noopener\">tien bruikbaarheidsprincipes<\/a> die zijn ontwikkeld door Jakob Nielsen.<br \/>\nDaarnaast hebben we verschillende manieren gedeeld waarop je deze best practices in je werk kunt implementeren, waaronder het gebruik van onze <a href=\"https:\/\/elementor.com\/features\/editor\/\" target=\"_blank\" rel=\"noopener\">Elementor Editor<\/a>. <\/p>\n<p>Heb je vragen over het toepassen van ontwerpprincipes in je werk?<br \/>\nLaat het ons weten in het commentaarveld hieronder!   <\/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>Ontwerpen is zeker geen exacte wetenschap.<br \/>\nEr zijn echter veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek.<br \/>\nIn dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.  <\/p>\n","protected":false},"author":162340,"featured_media":114507,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[298,358],"tags":[439],"marketing_persona":[47],"marketing_intent":[48],"class_list":["post-114506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-team-writes-nl","category-design-nl","tag-maak"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>20 basisprincipes van effectief webontwerp (2022) | Elementor<\/title>\n<meta name=\"description\" content=\"Er zijn veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek. In dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.\" \/>\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\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 basisprincipes van effectief webontwerp (2022) | Elementor\" \/>\n<meta property=\"og:description\" content=\"Er zijn veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek. In dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/\" \/>\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=\"2023-01-12T10:24:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-03T21:32:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1201\" \/>\n\t<meta property=\"og:image:height\" content=\"629\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dean Issacharoff\" \/>\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=\"Dean Issacharoff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/\"},\"author\":{\"name\":\"Dean Issacharoff\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055\"},\"headline\":\"20 principes van websiteontwerp die elke webprofessional moet weten\",\"datePublished\":\"2023-01-12T10:24:00+00:00\",\"dateModified\":\"2025-12-03T21:32:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/\"},\"wordCount\":3120,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png\",\"keywords\":[\"Maak\"],\"articleSection\":[\"Elementor-team schrijft\",\"Ontwerp\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/\",\"name\":\"20 basisprincipes van effectief webontwerp (2022) | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png\",\"datePublished\":\"2023-01-12T10:24:00+00:00\",\"dateModified\":\"2025-12-03T21:32:46+00:00\",\"description\":\"Er zijn veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek. In dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png\",\"width\":1201,\"height\":629},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#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\":\"20 principes van websiteontwerp die elke webprofessional moet weten\"}]},{\"@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\/c1e360690c573e3e91ec4abdb7541055\",\"name\":\"Dean Issacharoff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g\",\"caption\":\"Dean Issacharoff\"},\"description\":\"Dean is a Product Marketing Manager at Elementor with years of experience in marketing and strategic communications. He loves good books, bad movies, and cooking for friends.\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/author\/deanissach\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"20 basisprincipes van effectief webontwerp (2022) | Elementor","description":"Er zijn veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek. In dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.","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\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/","og_locale":"nl_NL","og_type":"article","og_title":"20 basisprincipes van effectief webontwerp (2022) | Elementor","og_description":"Er zijn veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek. In dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.","og_url":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-01-12T10:24:00+00:00","article_modified_time":"2025-12-03T21:32:46+00:00","og_image":[{"width":1201,"height":629,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png","type":"image\/png"}],"author":"Dean Issacharoff","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Geschreven door":"Dean Issacharoff","Geschatte leestijd":"16 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/"},"author":{"name":"Dean Issacharoff","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/c1e360690c573e3e91ec4abdb7541055"},"headline":"20 principes van websiteontwerp die elke webprofessional moet weten","datePublished":"2023-01-12T10:24:00+00:00","dateModified":"2025-12-03T21:32:46+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/"},"wordCount":3120,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png","keywords":["Maak"],"articleSection":["Elementor-team schrijft","Ontwerp"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/","url":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/","name":"20 basisprincipes van effectief webontwerp (2022) | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png","datePublished":"2023-01-12T10:24:00+00:00","dateModified":"2025-12-03T21:32:46+00:00","description":"Er zijn veel nuttige principes en vuistregels die kunnen helpen om je projecten beter te maken, zowel wat betreft bruikbaarheid als esthetiek. In dit artikel leggen we uit wat ontwerpprincipes zijn en waarom je ze zou moeten kennen.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/08\/Principles-of-Website-Design_external.png","width":1201,"height":629},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/nl\/20-principes-van-websiteontwerp-die-elke-webprofessional-moet-weten\/#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":"20 principes van websiteontwerp die elke webprofessional moet weten"}]},{"@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\/c1e360690c573e3e91ec4abdb7541055","name":"Dean Issacharoff","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/18b262e140892fa3c934d7d7c4e424d8fff8def6f71a266ab9390bc5478f66a0?s=96&d=mm&r=g","caption":"Dean Issacharoff"},"description":"Dean is a Product Marketing Manager at Elementor with years of experience in marketing and strategic communications. He loves good books, bad movies, and cooking for friends.","url":"https:\/\/elementor.com\/blog\/nl\/author\/deanissach\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/114506","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\/162340"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=114506"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/114506\/revisions"}],"predecessor-version":[{"id":114509,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/114506\/revisions\/114509"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/114507"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=114506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=114506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=114506"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=114506"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=114506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}