\u201cEen vleugje animatie hier<\/span>! Een snufje luipaardprint daar<\/span>!\u201d<\/p>\n\n\n Maar, zoals vaak het geval is met dingen die schitteren, is het gemakkelijk om te overdrijven \u2014 vooral als je creativiteit de functionaliteit van je site vermindert.<\/p>\n\n\n Of je nu een product wilt verkopen of enkele blogberichten wilt delen<\/a><\/span>, je bouwt de website niet echt voor jezelf. Het zijn de bezoekers van jouw site die tevreden moeten zijn met het ontwerp en de gebruikersinterface. Daar speelt User Experience (UX) een rol. Door tijdens het bouwen van je site sterk de focus op UX te houden, zou dit moeten resulteren in hogere conversies en lagere bouncepercentages.<\/p>\n\n\n In dit artikel geef ik je een spoedcursus in UX en leg ik uit wat een UX-ontwerper doet. Vervolgens bespreken we enkele tips om goede UX-design te herkennen wanneer je het tegenkomt. Tot slot laat ik je zien hoe je UX kunt gebruiken om een betere website<\/a> voor je publiek te cre\u00ebren. Voel je vrij om direct naar het gedeelte te gaan dat het meest nuttig voor je is!<\/p>\n\n\n Klaar om over UX-strategie te praten? Begin nu!<\/p>\n\n\n Eenvoudig gezegd is User Experience (UX) hoe de interactie met technologie een gebruiker laat voelen. UX is van toepassing op elke technologie, van een app tot een spelconsole.<\/p>\n\n\n Bij websites draait UX-ontwerp om het optimaliseren van de interactie tussen de menselijke gebruiker en de pagina. Een site die gebouwd is met solide UX-principes zou de gebruiker het gevoel moeten geven dat ze hebben bereikt wat ze wilden doen zonder frustratie.<\/p>\n\n\n Misschien denk je erover om helemaal los te gaan met het visuele ontwerp van de website. Dat kan flitsende animaties en gigantische afbeelding carrousels<\/a> omvatten. Als je je MySpace herinnert, heb je waarschijnlijk nog steeds nachtmerries over geanimeerde glitter en MIDI-versies van Blink-182 liedjes . . . jeetje<\/span>.<\/p>\n\n Maar UX-ontwerp heeft veel minder te maken met hoe een site eruitziet dan met hoe deze wordt gebruikt. Om effectief te zijn, moet je website een complete ervaring zijn \u2014 niet alleen woorden en afbeeldingen op een pagina.<\/p>\n\n\n Gebruikers zullen gegevens vergeten, zoals hoeveel ze hebben betaald voor de producten die ze hebben besteld. Echter, de ervaring van het bestellen moet aangenaam en moeiteloos zijn. Die ervaring blijft hen bij, waardoor de kans groter wordt dat ze steeds weer bij je kopen.<\/p>\n\n\n Als je site een slechte gebruikerservaring biedt, kun je het tegenovergestelde resultaat zien. Gebruikers die gestrest of boos worden bij het gebruik van je site zullen waarschijnlijk naar een site van een van je concurrenten gaan. Ze hebben veel opties en geen reden om terug te keren naar een website die moeilijk te gebruiken is.<\/p>\n\n\n Als je nog steeds niet overtuigd bent dat UX belangrijk is voor je website, zijn hier een paar belangrijke statistieken:<\/p>\n\n\n Dit alles dient om het belang van goed UX-ontwerp te illustreren bij het bouwen van een website.<\/p>\n\n\n\n\n UX is zo essentieel dat er een heel beroep aan gewijd is om het te optimaliseren. De dagelijkse taken van een UX-ontwerper vari\u00ebren afhankelijk van de projecten waaraan ze werken. Het doel is echter meestal hetzelfde. De taak van de UX-ontwerper is om de ervaring van de gebruiker te optimaliseren<\/span> bij het omgaan met digitale technologie, terwijl ook rekening wordt gehouden met het welzijn van het bedrijf.<\/p>\n\n\n Om deze balans te bereiken, volgt de UX-ontwerper een proces dat resulteert in meerdere<\/a><\/span> leveringen<\/a><\/span>.<\/p>\n\n\n Voordat het eigenlijke ontwerp begint, is er veel UX-onderzoek nodig. Daarom kan de ontwerper eerst een of meer doelgroep persona’s<\/a><\/span> cre\u00ebren. Dit stelt de ontwerper in staat om de behoeften van de gebruiker te begrijpen.<\/p>\n\n\n Vervolgens kan de UX-ontwerper een potentieel gebruikersstroomdiagram presenteren om mogelijke manieren te verkennen waarop een gebruiker met de website kan interageren. Daarna kunnen zij die informatie vertalen naar een prototype. Prototypes kunnen zo basis zijn als een <\/a><\/span>wireframe<\/a><\/span>, een ruwe blauwdruk van hoe een uiteindelijke webpagina eruit zou kunnen zien. De ontwerper kan ook een visueel robuuster prototype of zelfs een interactief prototype cre\u00ebren.<\/p>\n\n De verantwoordelijkheden van de UX-ontwerper eindigen niet bij het definitieve ontwerp. Nadat de site gelanceerd is, kunnen zij gebruikstesten uitvoeren of gebruiksanalyses bekijken om potenti\u00eble problemen te identificeren en op te lossen.<\/p>\n\n\n Met andere woorden, ze zijn betrokken bij alle fasen van het maken en lanceren van een website.<\/p>\n\n\n\n\n Als je zelf je UX-design afhandelt, is het jouw verantwoordelijkheid om op te komen voor je publiek terwijl je ervoor zorgt dat je nog steeds krijgt wat je wilt van je site. Om dat te doen, is de eerste stap om te leren hoe je een robuust UX-design kunt herkennen.<\/p>\n\n\n Met dat in gedachten, laten we eens kijken naar enkele voorbeelden van UX in de praktijk. Er zijn vier belangrijke elementen waarop je goed moet letten.<\/p>\n\n\n Een slecht navigatieontwerp kan elke website nutteloos maken. Het navigeren door een site moet soepel en intu\u00eftief zijn. Het navigatiemenu moet ook toegankelijk zijn, ongeacht welk apparaat een bezoeker gebruikt.<\/p>\n\n\n Breadcrumb-navigatie<\/a><\/span> is een manier waarop ontwerpers voorkomen dat gebruikers verdwalen, vooral als een website veel pagina’s heeft.<\/p>\n\n Het is ook belangrijk om aandacht te besteden aan links. Webontwerpers die sterke UX gebruiken, zorgen ervoor dat je links kunt herkennen als je ze ziet. Dit betekent vaak dat ze onderstreept worden en een andere tekstkleur gebruiken. Ze gebruiken ook betekenisvolle ankertekst<\/a><\/span>, zodat je weet waar de link je naartoe neemt<\/a> voordat je erop klikt.<\/p>\n\n\n\n\n Een belangrijk onderdeel van succesvolle UX is begrijpen hoe mensen omgaan met verschillende delen van een website. Zo lezen de meeste mensen webpagina-inhoud niet normaal. Ze scannen het<\/a><\/span> en stoppen dan met lezen als ze iets interessants vinden.<\/p>\n\n\n Inhoud is scanbaar als een gebruiker snel door een blogpost of verkooppagina kan bladeren en een duidelijk idee krijgt van wat er gecommuniceerd wordt.<\/p>\n\n Het kort houden van paragrafen is een manier om scan-vriendelijke inhoud te cre\u00ebren. Deze paragrafen moeten regelmatig worden onderbroken met koppen, lijsten en afbeeldingen. Ontwerpers kunnen ook gebruik maken van pull-quotes, vetgedrukte tekst en soortgelijke elementen.<\/p>\n\n\n\n\n Animatie is een effectieve manier om op te vallen tussen een zee van websites en de aandacht van een gebruiker te trekken<\/a><\/span>. Het voegt een element van plezier toe en kan bijdragen aan het cre\u00ebren van een memorabele ervaring voor de gebruiker.<\/p>\n\n\n Echter, er is een juiste en een verkeerde manier om dit te implementeren.<\/p>\n\n\n Subtiele animatie kan feedback geven<\/a><\/span> terwijl je wacht tot een transactie is voltooid. Een animatie kan ook eindeloos herhaald worden terwijl je moeite hebt om je te concentreren op het lezen van een productbeschrijving. Deze benaderingen cre\u00ebren twee zeer verschillende ervaringen. Het te veel gebruiken van animatie kan ook de UX op mobiele apparaten be\u00efnvloeden.<\/p>\n\n\n Een website optimaliseren voor mobiele gebruikers<\/a><\/span> is een must. Als je zoals de meeste mensen bent, gebruik je gewoonlijk je telefoon<\/a><\/span> om toegang te krijgen tot het internet. Als je een site tegenkomt die moeilijk te gebruiken is op je apparaat, is de kans groot dat je deze gewoon verlaat.<\/p>\n\n\n Naast het kiezen van een responsief thema<\/a><\/span>, kun je extra stappen ondernemen om ervoor te zorgen dat je site goed werkt op alle schermen. Bijvoorbeeld, je kunt je website door Google’s Mobile-Friendly Test Tool<\/a><\/span> halen.<\/p>\n\n Deze tool zal je waarschuwen voor problemen die ervoor zorgen dat je site niet mobielvriendelijk is. Je kunt bijvoorbeeld ontdekken dat een bepaald lettertype te moeilijk te lezen is op een klein scherm, of dat knoppen te klein zijn om gemakkelijk te kunnen tikken.<\/p>\n\n\n\n\n Nu je weet wat goede UX is, hoe pas je het toe op je site?<\/p>\n\n\n Je zult waarschijnlijk geen intensief marktonderzoek doen of prototypen met high-fidelity wireframes. Toch kan het dragen van je UX-ontwerper pet je helpen een site te maken waar zowel jij als je publiek van zullen houden.<\/p>\n\n\n Ten eerste is het belangrijk duidelijk te zijn waarom je een website hebt en wat je wilt dat deze doet. Bijvoorbeeld, ben je:<\/p>\n\n\n Leer vervolgens je ideale gebruiker of potenti\u00eble klant kennen. <\/a>Een gebruikerspersona cre\u00ebren<\/a><\/span> zal je helpen voor te stellen hoe je doelgroep mogelijk interactie heeft met je website. Deze persona kan zo simpel zijn als wie de persoon is, wat ze willen, en wat hen ervan weerhoudt het te krijgen. Het is cruciaal dat je identificeert wat de gebruiker nodig heeft om succesvol te zijn op je site.<\/p>\n\n\n Onthoud dat toegankelijkheid een integraal onderdeel is van UX<\/span>. Je kunt bezoekers hebben die hulpmiddelen gebruiken, dus overweeg toegankelijkheid een prioriteit te maken<\/a><\/span> bij het bouwen van je site.<\/p>\n\n\n Je kunt ook de sites van je concurrenten bekijken<\/a> om te zien wat voor hen werkt. Staat het winkelwagenicoon altijd in de rechterbovenhoek? Misschien moet die van jou dat ook zijn. Je kunt creatief zijn zonder het wiel opnieuw uit te vinden; gebruikers zouden niet moeten hoeven uitvogelen hoe jouw site werkt om hun doelen te bereiken.<\/p>\n\n Uiteindelijk is de prestatie van de website<\/a><\/span> belangrijk voor UX. Trage pagina’s zullen bezoekers doen vertrekken<\/a><\/span> voordat de site de kans heeft gehad om te laden. Er zijn veel manieren om je site te versnellen, hoewel je beste gok is om te beginnen met kwalitatieve hosting<\/a><\/span>.<\/p>\n\n\n\n\n\n\n Op dit punt heb je waarschijnlijk al begrepen dat UX-ontwerp niet iets is dat je in \u00e9\u00e9n keer optimaliseert. Er is veel meer over dit vakgebied dan we in \u00e9\u00e9n artikel kunnen behandelen.<\/p>\n\n Gelukkig zijn er veel kwalitatieve UX-bronnen waarnaar je kunt verwijzen terwijl je je website blijft verbeteren<\/a>:<\/p>\n\n\n Als je deze bronnen combineert met onderzoek en oefening, zou je jezelf in korte tijd goede gebruikerservaring praktijken moeten zien implementeren.<\/p>\n\n\n Je hoeft geen professionele UX-ontwerper te zijn om een website te bouwen waar jouw publiek graag mee interacteert. Het enige dat nodig is, is wat begrip van wat het leven van je bezoekers makkelijker maakt en de bereidheid om een site te bouwen die die ervaring biedt.<\/p>\n\n\n UX beschrijft hoe de ervaring van het interactie met jouw website is voor gebruikers. Het optimaliseren van de UX van je site betekent zorgen dat deze duidelijke navigatie heeft, het cre\u00ebren van inhoud die eenvoudig te scannen is, het testen op responsiviteit, en meer. Er is veel te leren, maar er zijn ook genoeg nuttige bronnen en deskundige ontwerpers die kunnen helpen.<\/p>\n\n\n\n
<\/a>Een Introductie Tot Gebruikerservaring (UX) En Waarom Het Belangrijk Is<\/span><\/h2>\n\n\n
![\"Een](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/6b708057-701f-400a-a361-338e99be9977_dh-what-is-ux-5.jpg\")
<\/figure><\/div>\n\n\n
<\/a>De Rol Van De UX-Ontwerper<\/span><\/h2>\n\n\n
![\"Een](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/b8af0872-4f45-4c9e-875b-b33249d5346f_dh-what-is-ux-1.jpg\")
<\/a>Hoe Herken Je Goed UX-ontwerp<\/span><\/h2>\n\n\n
1. Navigatie<\/h3>\n\n\n
![\"De](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/e9db2b0f-8fd6-4c8e-9a30-2ec3dd58b0a2_dh-what-is-ux-4.jpg\")
<\/figure><\/div>\n\n2. Inhoud<\/h3>\n\n\n
![\"Inhoud](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/ff4a85e0-503f-4fa1-a6df-f6562ea1c60e_dh-what-is-ux-3.jpg\")
<\/figure><\/div>\n\n3. Animatie<\/h3>\n\n\n
4. Responsiviteit<\/h3>\n\n\n
![\"Voorbeeldresultaten](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/3a63f433-6f6b-4615-8e3c-2a4ee5b2cc0f_dh-what-is-ux-2.jpg\")
<\/figure><\/div>\n\n<\/a>Hoe UX Te Gebruiken Om Een Site Voor Je Publiek Te Ontwerpen<\/span><\/h2>\n\n\n
\n
![\"Voorbeeldresultaten](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/97d495ea-4402-48c2-ba2d-08c28adf3cb1_dh-what-is-ux-7.jpg\")
<\/figure><\/div>\n\n![\"Ad](\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\"){kind=spacer}
<\/div>\n\n\n\n\n <\/a>UX Bronnen<\/span><\/h2>\n\n\n
![\"De](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/30b88ca7-c692-4741-b779-c00397bbd7ed_dh-what-is-ux-6.jpg\")
<\/figure><\/div>\n\n\n
Ontwerp Een Geweldige Gebruikerservaring<\/span><\/h2>\n\n\n