{"id":233317,"date":"2023-06-06T11:22:05","date_gmt":"2023-06-06T09:22:05","guid":{"rendered":"http:\/\/makeitmax.design\/?p=233317"},"modified":"2023-08-07T10:44:49","modified_gmt":"2023-08-07T08:44:49","slug":"ui-design-ontwerpproces","status":"publish","type":"post","link":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/","title":{"rendered":"De 7 stappen van UI design"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Een succesvolle gebruikersinterface (UI) is essentieel om een boeiende en gebruiksvriendelijke digitale ervaring te cre\u00ebren. Of je nu een app, website of software ontwerpt, het UI-designproces is een gestructureerde aanpak die je helpt om effectieve en aantrekkelijke interfaces te ontwikkelen. In deze blog zullen we je meenemen door de 7 belangrijkste stappen van UI-design.<\/span><\/p>\n<h2><b>Stap 1: Design doelen opzetten<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Het eerste doel van <strong><a href=\"https:\/\/makeitmax.design\/nl\/ui-design\/\">UI design<\/a><\/strong> is het specificeren van het doel van je ontwerp. Om de oplossing te kunnen bieden, moet je eerst begrijpen wat het probleem is. Daarom is het handig om een soort briefing op te stellen. Deze briefing beschrijft alle essenti\u00eble onderdelen van het ontwerpproject en dient als communicatietool tussen de klant en de UI designer. Deze briefing geeft een designer een idee van wat het bedrijf nodig heeft en aan welke eisen het moet voldoen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bij het maken van deze briefing moeten de volgende punten worden vermeld: <\/span><b>de doelstellingen, de doelgroep, afmetingen van het design, succescriteria en de deadline<\/b><span style=\"font-weight: 400;\">. Het is belangrijk om het doel van het ontwerp aan het begin te vermelden om te voorkomen dat ontwerpers hun tijd verspillen aan het cre\u00ebren van iets wat het bedrijf niet wil gebruiken. Het is ook essentieel om de doelgroep precies te specificeren om een passend ontwerp te krijgen. De omvang van het project moet ook worden beschreven om de inspanningen van de ontwerpers in de juiste richting te sturen en tijd en middelen te besparen. Ten slotte moet er een realistische deadline worden vastgesteld om de designers te helpen het ontwerp op tijd te voltooien.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-233319\" src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image1-10.jpg\" alt=\"\" width=\"1999\" height=\"1999\" srcset=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image1-10.jpg 1999w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image1-10-1280x1280.jpg 1280w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image1-10-980x980.jpg 980w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image1-10-480x480.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1999px, 100vw\" \/><\/p>\n<h2><b>Stap 2: User Research<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">In deze stap vindt het <strong><a href=\"https:\/\/makeitmax.design\/nl\/diensten\/user-research\/\">user research<\/a><\/strong> plaats. Het doel van dit onderzoek is om problemen van gebruikers te vinden door middel van verschillende onderzoeken. <\/span><span style=\"font-weight: 400;\">User research kan bestaan uit bijvoorbeeld een van deze onderzoeken:<\/span><\/p>\n<h3><b>Interview en observatie<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Je belangrijkste taak is om te begrijpen wat de gebruiker precies verwacht van jouw platform. Je kunt dit doen door regelmatig feedback van gebruikers te verzamelen. Kom in contact met gebruikers en stel vragen over wat ze willen bereiken en hoe ze momenteel op je website navigeren. Dit kan je doen door ze te interviewen of om ze te observeren als ze op je platform gebruiken.<\/span><\/p>\n<h3><b>Enquete<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Om aan de eisen van een groot aantal gebruikers te voldoen, kun je bijvoorbeeld een enqu\u00eate uitvoeren. De bevindingen van gebruikers enqu\u00eates worden gebruikt om <strong><a href=\"https:\/\/makeitmax.design\/nl\/user-testing\/user-persona-maken\/\">user persona&#8217;s<\/a><\/strong> te cre\u00ebren en antwoorden te geven op vragen zoals hoe mensen het platform gebruiken? En of gebruikers problemen ondervinden op het platform?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">De UI designers maken gebruik van UX-onderzoek enqu\u00eates om informatie te verzamelen over hun website of platform. Door gebruik te maken van verschillende online (online focusgroepen, gebruikersinterviews) of offline (mail-enqu\u00eates, telefoon interviews) enqu\u00eates, wordt data verzameld die gebruikt kan worden in het verdere UI proces.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-233323\" src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image3-10.jpg\" alt=\"\" width=\"1999\" height=\"1202\" srcset=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image3-10.jpg 1999w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image3-10-1280x770.jpg 1280w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image3-10-980x589.jpg 980w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image3-10-480x289.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1999px, 100vw\" \/><\/p>\n<h2><b>Stap 3: Gebruikers in beeld brengen<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Deze stap van het designproces is belangrijk en kan van grote invloed zijn op het eindresultaat. Je gebruikers begrijpen is van groot belang, altijd, maar vooral bij design. UI designers weten op dit punt precies waar de knelpunten liggen en wat de verwachtingen en behoeften van bezoekers zijn. Tijd dus om het in beeld te brengen. Bekijk welke tools je kan toepassen hiervoor:<\/span><\/p>\n<h3><b>Empathy Map<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Een empathy map is <\/span><b>een visueel hulpmiddel dat informatie vastlegt over het gedrag en de attitudes van gebruikers<\/b><span style=\"font-weight: 400;\">. Het is belangrijk om empathy maps te gebruiken vanaf het begin van het ontwerpproces om de behoeften van gebruikers te prioriteren. Een traditionele empathy map omvat vier niveaus van informatie: wat de gebruiker zegt, wat de gebruiker denkt, wat de gebruiker doet en wat de gebruiker voelt. Deze informatie helpt bij het:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gemeenschappelijk begrip voor gebruikers ontwikkelen;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Zwaktes in het gebruikersonderzoek ontdekken;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Gebruikersbehoeften in beeld brengen.<\/span><\/li>\n<\/ul>\n<h3><b>Personas<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Personas helpen bij het defini\u00ebren van een standaard representatie van het gedrag en motivaties van jouw gebruikers. Personas maken het gemakkelijker om gebruikerssegmenten te defini\u00ebren en deze te targeten bij het nemen van ontwerpbeslissingen. Het defini\u00ebren van personas is belangrijk voor een platform omdat ze de ontwerpbeslissingen in elke fase van het proces sturen. Je kunt meerdere personas ontwerpen voor je doelgroep.<\/span><\/p>\n<h3><b>Scenario&#8217;s<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Definieer specifieke en verschillende scenario\u2019s waarin een bepaalde gebruiker een specifiek doel wil bereiken op jouw platform. Denk vervolgens na over de best mogelijke ervaring voor gebruikers om dat scenario te voltooien.<\/span><\/p>\n<h3><b>Storyboard<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Een storyboard stelt je in staat om een visuele presentatie te maken van gebruikers en hun acties, gedachten, doelen, emoties en relaties. Dit omvat een specifiek doel en helpt je om de reeks acties te bekijken die de gebruiker zal uitvoeren om dat doel te voltooien. Het delen van storyboards onder belanghebbenden helpt je om zinvolle feedback te krijgen.<\/span><\/p>\n<h2><b>Stap 4: De design opzet<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Nu wordt het pas echt leuk! In deze fase gaat de UI designer namelijk aan de slag met het cre\u00ebren van de grafische gebruikersinterface van je platform. Hierbij worden de lay-outs bepaald, de informatiearchitectuur vastgesteld, icoontjes ontworpen, <strong><a href=\"https:\/\/makeitmax.design\/nl\/ui-design\/kleurentheorie-ui\/\">kleuren theorie\u00ebn vergeleken<\/a><\/strong>, typografie gekozen en UI-richtlijnen opgesteld. Het doel? <\/span><b>Een visueel aantrekkelijk en gebruiksvriendelijk platform ontwerpen dat aansluit bij de behoeften van de gebruikers.<\/b><\/p>\n<h3><b>Ideation map<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Een ideation map is <\/span><b>een visuele tool die helpt bij het proces van het bedenken en uitproberen van verschillende idee\u00ebn.<\/b><span style=\"font-weight: 400;\"> Met een ideation map kun je zowel positieve als negatieve aspecten van een design ontdekken. Een visuele ideation map helpt je bij het beter organiseren van gevoelens bij verschillende ontwerpen. Schrijf de negatieve gevoelens aan de linkerkant op en de positieve gevoelens aan de rechterkant en vergelijk en denk na over mogelijke oplossingen.<\/span><\/p>\n<h3><b>Moodboard<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Een moodboard bepaalt de <\/span><b>visuele uitstraling van het design van je platform<\/b><span style=\"font-weight: 400;\">. Door een verzameling van afbeeldingen, stijlen, tekst, kleuren en pictogrammen te combineren, kun je de lay-out van het platform presenteren en een breder publiek laten begrijpen wat het doel van je platform is. Door UI-elementen op verschillende manieren te rangschikken, kun je meerdere moodboards maken en vervolgens beslissen welke het beste is op basis van feedback.<\/span><\/p>\n<h2><b>Stap 5: Prototype maken<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Na het defini\u00ebren van de design opzet, kan de UI designer beginnen met het ontwerpen aan de hand van schetsen. Papieren schetsen, flowcharts en wireframes helpen je om in de vroege stadia van het proces je ontwerpidee\u00ebn in beeld te krijgen. Het doel is om een bruikbaar ontwerp te cre\u00ebren dat gericht is op gebruikerstevredenheid.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Het werken aan de wireframes kan beginnen zodra voor elk scherm de juiste schets is bepaald. Deze mockups geven de visuele hi\u00ebrarchie en structuur van elk scherm weer. Na het afronden hiervan kan je overgaan op high-fidelity ontwerp afbeeldingen met details en kleurthema&#8217;s.<\/span><\/p>\n<h3><b>Flowcharts<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">De gebruikers flowcharts <\/span><b>presenteren de opeenvolging van schermen die de gebruiker doorloopt om bepaalde taken uit te voeren op het platform<\/b><span style=\"font-weight: 400;\">. De flowchart begint bij de homepage of het inlogscherm, en eindigt bij het uitgangspunt waar de gebruiker het proces voltooid door verschillende stappen te volgen. Flowcharts helpen UI designers de weg weer te geven die gebruikers afleggen op jouw platform.<\/span><\/p>\n<h3><b>Wireframe<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Wireframing omvat het <\/span><b>visualiseren van het skelet van digitale producten en applicaties.<\/b><span style=\"font-weight: 400;\"> De wireframe toont welke interface-elementen aanwezig zullen zijn op welke pagina&#8217;s van het platform. Het is daarom een essentieel proces in UI-design. Voor wireframing kan je gebruikmaken van verschillende tools zoals <\/span><strong><a href=\"https:\/\/www.figma.com\">Figma<\/a><\/strong><span style=\"font-weight: 400;\"><strong>,<\/strong> <\/span><strong><a href=\"https:\/\/www.sketch.com\">Sketch<\/a><\/strong><span style=\"font-weight: 400;\"> en <\/span><strong><a href=\"https:\/\/balsamiq.com\">Balsamiq<\/a>.<\/strong><\/p>\n<h2><b>Stap 6: Testen maar<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Zodra het prototype gereed is, kan een UI designer de bruikbaarheid ervan gaan testen. In tegenstelling tot <\/span><strong><a href=\"https:\/\/makeitmax.design\/nl\/user-testing\/ab-testen-voor-jouw-bedrijf\/\">A\/B-testen<\/a><\/strong><span style=\"font-weight: 400;\"> is het belangrijkste doel van bruikbaarheidstesten om meningen te verzamelen van daadwerkelijke gebruikers. Op deze manier kan gecheckt worden hoe gebruiksvriendelijk de interface is en of de gebruiker gemakkelijk zijn doelen kan bereiken. Na succesvolle bruikbaarheidstesten documenteert en evalueert de designer de testresultaten. Er zijn verschillende soorten bruikbaarheidstesten:]<\/span><\/p>\n<h3><b>Vergelijkende bruikbaarheidstesten<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Vergelijkende bruikbaarheidstesten worden uitgevoerd door twee versies met elkaar te vergelijken. Het doel is om de positieve en negatieve punten van beide versies te identificeren. Het helpt bij het kiezen van de juiste versie door meerdere versies met echte gebruikers te testen.<\/span><\/p>\n<h3><b>Verkennende bruikbaarheidstesten<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Verkennende bruikbaarheidstesten worden gebruikt tijdens de vroege ontwerpfases. Het testen omvat het verkennen van verschillende ontwerpidee\u00ebn en het identificeren van ontwerpfouten erin. Voor de lancering van een platform helpt deze test bij het identificeren van de benodigdheden voor je platform.<\/span><\/p>\n<h3><b>Evaluatie<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Evaluatie vindt plaats nadat alle essenti\u00eble aanpassingen zijn voltooid en het platform op de markt is gebracht. Bij de bruikbaarheids evaluatie wordt het product opnieuw getest om ervoor te zorgen dat het een goede impact heeft op gebruikers en dat ze volledig tevreden zijn over zowel de functionaliteit als de ervaring van het platform.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Na gebruikerstesten kunnen ontwerpers meerdere aanpassingen in het UI- en UX-ontwerp doorvoeren voordat ze het ontwerp overdragen voor implementatie. De UI- en UX-ontwerpers bieden, indien nodig, ondersteuning tijdens het implementatieproces. Ze blijven zich na de release van het platform richten op verdere verbeteringen in de ervaring.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-233321\" src=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg\" alt=\"\" width=\"1599\" height=\"1999\" srcset=\"http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg 1599w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12-1280x1600.jpg 1280w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12-980x1225.jpg 980w, http:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12-480x600.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1599px, 100vw\" \/><\/p>\n<h2><b>Stap 6: Verfijnen en redesign<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Na de lancering van een platform blijft de verantwoordelijkheid van UI\/UX designers bestaan. De designers blijven hun werk voortzetten om het platform bij te werken volgens nieuwe trends binnen UI design.<\/span><\/p>\n<h3><b>Verdere testen en evaluatie<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Na de lancering van een platform gaat het proces van testen door om ervoor te zorgen dat de belangrijkste functies van het platform goed werken. Ook wordt het platform getest op verbeteringen in bruikbaarheid. Door gebruikers te observeren en resultaten te noteren, kunnen aanpassingen gedaan worden. Door middel van deze testen worden verschillende opties herhaald en na A\/B-testen wordt de beste optie doorgevoerd.<\/span><\/p>\n<h3><b>Verbeteringen en nieuwe functies<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">De UI designer volgt nieuwe trends en begrijpt de behoeften en vereisten van gebruikers volgens ontwikkelingen in technologie. Om aan veranderende behoeften van gebruikers te voldoen, moeten de designers de functies bijwerken binnen het bestaande platform.<\/span><\/p>\n<h3><b>Redesign<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Een redesign is nodig als de trends zijn veranderd of als er ondersteuning voor nieuwe gebruikersgroepen nodig is. Als een platform opnieuw moet worden ontworpen, begint het UI-proces opnieuw: UX-onderzoek uitvoeren, de nieuwste sitemap en het wireframe bouwen en de UI designer een mockup laten maken en daarna prototypes ontwikkelen, enzovoort.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hoewel deze stappen vaak worden gebruikt om een platform te ontwerpen, kunnen ze worden aangepast op basis van de vereisten. Op dezelfde manier kunnen de opleveringen in elke fase worden overgeslagen als dat niet nodig is. Het resultaat van het ontwerpproces is het bereiken van de gewenste ervaring en gebruikerstevredenheid.<\/span><\/p>\n<h2><b>Hulp nodig bij UI-design?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Gebruikersinterface-ontwerp (UI-design) omvat de interactie tussen gebruikers en digitale producten zoals mobiele apps en websites. Het draait om het bouwen van aantrekkelijke interfaces met aandacht voor esthetiek en personalisatie. Een goed interface ontwerp speelt een cruciale rol in het aantrekken van gebruikers en het cre\u00ebren van tevredenheid. Bij <\/span><a href=\"https:\/\/makeitmax.design\/nl\/\"><span style=\"font-weight: 400;\"><strong>Make it Max<\/strong><\/span><\/a><span style=\"font-weight: 400;\"> weten we precies hoe dit doet. Kunnen we jouw bedrijf helpen? Neem vrijblijvend <\/span><strong><a href=\"https:\/\/makeitmax.design\/nl\/contact\/\">contact<\/a><\/strong><span style=\"font-weight: 400;\"> met ons op!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Design for interaction, Interactive media design, Communication &#038; Multimedia Design<\/p>\n","protected":false},"author":1,"featured_media":233321,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[98],"tags":[],"class_list":["post-233317","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>De 7 stappen van UI design - Make it Max<\/title>\n<meta name=\"description\" content=\"Een succesvolle UI is essentieel om een gebruiksvriendelijke digitale ervaring te cre\u00ebren. Lees hier de 7 stappen!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"De 7 stappen van UI design - Make it Max\" \/>\n<meta property=\"og:description\" content=\"Een succesvolle UI is essentieel om een gebruiksvriendelijke digitale ervaring te cre\u00ebren. Lees hier de 7 stappen!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/\" \/>\n<meta property=\"og:site_name\" content=\"Make it Max\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-06T09:22:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-07T08:44:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1599\" \/>\n\t<meta property=\"og:image:height\" content=\"1999\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"mosadmin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"mosadmin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/\"},\"author\":{\"name\":\"mosadmin\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/1466180700f0433806888bdb13d7c159\"},\"headline\":\"De 7 stappen van UI design\",\"datePublished\":\"2023-06-06T09:22:05+00:00\",\"dateModified\":\"2023-08-07T08:44:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/\"},\"wordCount\":1797,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg\",\"articleSection\":[\"UI design\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/\",\"url\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/\",\"name\":\"De 7 stappen van UI design - Make it Max\",\"isPartOf\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg\",\"datePublished\":\"2023-06-06T09:22:05+00:00\",\"dateModified\":\"2023-08-07T08:44:49+00:00\",\"description\":\"Een succesvolle UI is essentieel om een gebruiksvriendelijke digitale ervaring te cre\u00ebren. Lees hier de 7 stappen!\",\"breadcrumb\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage\",\"url\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg\",\"contentUrl\":\"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg\",\"width\":1599,\"height\":1999},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/makeitmax.design\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI Design\",\"item\":\"https:\/\/makeitmax.design\/nl\/ui-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"De 7 stappen van UI design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#website\",\"url\":\"https:\/\/makeitmax.design\/nl\/\",\"name\":\"Make it Max\",\"description\":\"For you and your users.\",\"publisher\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/makeitmax.design\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#organization\",\"name\":\"Make it Max\",\"url\":\"https:\/\/makeitmax.design\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png\",\"contentUrl\":\"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png\",\"width\":320,\"height\":180,\"caption\":\"Make it Max\"},\"image\":{\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/makeitmax\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/1466180700f0433806888bdb13d7c159\",\"name\":\"mosadmin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ff904794d3ec3c8d4321fd7fcddb22bd?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ff904794d3ec3c8d4321fd7fcddb22bd?s=96&d=blank&r=g\",\"caption\":\"mosadmin\"},\"sameAs\":[\"http:\/\/makeitmax.design\"],\"url\":\"https:\/\/makeitmax.design\/nl\/author\/mosadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"De 7 stappen van UI design - Make it Max","description":"Een succesvolle UI is essentieel om een gebruiksvriendelijke digitale ervaring te cre\u00ebren. Lees hier de 7 stappen!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/","og_locale":"nl_NL","og_type":"article","og_title":"De 7 stappen van UI design - Make it Max","og_description":"Een succesvolle UI is essentieel om een gebruiksvriendelijke digitale ervaring te cre\u00ebren. Lees hier de 7 stappen!","og_url":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/","og_site_name":"Make it Max","article_published_time":"2023-06-06T09:22:05+00:00","article_modified_time":"2023-08-07T08:44:49+00:00","og_image":[{"width":1599,"height":1999,"url":"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg","type":"image\/jpeg"}],"author":"mosadmin","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"mosadmin","Geschatte leestijd":"9 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#article","isPartOf":{"@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/"},"author":{"name":"mosadmin","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/1466180700f0433806888bdb13d7c159"},"headline":"De 7 stappen van UI design","datePublished":"2023-06-06T09:22:05+00:00","dateModified":"2023-08-07T08:44:49+00:00","mainEntityOfPage":{"@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/"},"wordCount":1797,"commentCount":0,"publisher":{"@id":"https:\/\/makeitmax.design\/nl\/#organization"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage"},"thumbnailUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg","articleSection":["UI design"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/","url":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/","name":"De 7 stappen van UI design - Make it Max","isPartOf":{"@id":"https:\/\/makeitmax.design\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage"},"thumbnailUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg","datePublished":"2023-06-06T09:22:05+00:00","dateModified":"2023-08-07T08:44:49+00:00","description":"Een succesvolle UI is essentieel om een gebruiksvriendelijke digitale ervaring te cre\u00ebren. Lees hier de 7 stappen!","breadcrumb":{"@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#primaryimage","url":"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg","contentUrl":"https:\/\/makeitmax.design\/wp-content\/uploads\/2023\/06\/image2-12.jpg","width":1599,"height":1999},{"@type":"BreadcrumbList","@id":"https:\/\/makeitmax.design\/nl\/ui-design\/ui-design-ontwerpproces\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/makeitmax.design\/nl\/"},{"@type":"ListItem","position":2,"name":"UI Design","item":"https:\/\/makeitmax.design\/nl\/ui-design\/"},{"@type":"ListItem","position":3,"name":"De 7 stappen van UI design"}]},{"@type":"WebSite","@id":"https:\/\/makeitmax.design\/nl\/#website","url":"https:\/\/makeitmax.design\/nl\/","name":"Make it Max","description":"For you and your users.","publisher":{"@id":"https:\/\/makeitmax.design\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/makeitmax.design\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/makeitmax.design\/nl\/#organization","name":"Make it Max","url":"https:\/\/makeitmax.design\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/","url":"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png","contentUrl":"http:\/\/makeitmax.design\/wp-content\/uploads\/2021\/10\/logo-makeitmax-schema-org.png","width":320,"height":180,"caption":"Make it Max"},"image":{"@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/makeitmax\/"]},{"@type":"Person","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/1466180700f0433806888bdb13d7c159","name":"mosadmin","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/makeitmax.design\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ff904794d3ec3c8d4321fd7fcddb22bd?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff904794d3ec3c8d4321fd7fcddb22bd?s=96&d=blank&r=g","caption":"mosadmin"},"sameAs":["http:\/\/makeitmax.design"],"url":"https:\/\/makeitmax.design\/nl\/author\/mosadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/233317"}],"collection":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/comments?post=233317"}],"version-history":[{"count":8,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/233317\/revisions"}],"predecessor-version":[{"id":233667,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/posts\/233317\/revisions\/233667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/media\/233321"}],"wp:attachment":[{"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/media?parent=233317"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/categories?post=233317"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/makeitmax.design\/nl\/wp-json\/wp\/v2\/tags?post=233317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}