Webdesigntrends 2016: eenvoudige navigatie, minimalisme, personalisatie

Torben Simon Meier Laatst bijgewerkt op 15.01.2020
5 Min.
webdesign trends 2016

Innovatieve webdesigns zijn mooi om naar te kijken, maar vreselijk onpraktisch voor de meeste websites. Vandaag vertel ik je welke designtrends in 2016 belangrijk zullen worden en ook meer en makkelijkere conversies beloven.

Bij de jaarwisseling wordt regelmatig gekeken naar de webdesign-trends van het komende jaar. Minimalisme - zoals in flat design of material design - speelt ook in 2016 een belangrijke rol. Vandaag laat ik je zien hoe je je navigatie, je conversiegebied en je content zo kunt inrichten dat je in 2016 helemaal mee bent met de trend en ook je conversiepercentage kunt optimaliseren. En dat zonder in te gaan op de specificaties van bepaalde ontwerprichtingen.

Web design trend 1: Doelgerichte navigatie

Als je de gebruiker te veel keuzes geeft, wordt hij snel overweldigd. Hoewel mensen gemiddeld 5-7 voorwerpen zonder problemen in hun kortetermijngeheugen kunnen opslaan, is alles wat daarboven ligt voor de gemiddelde gebruiker moeilijk te onthouden. Meer dan 7 navigatiepunten zijn dus onnodig en verminderen de interactie met uw site. Met overbodig bedoel ik in dit geval alle navigatiepunten, waarachter geen conversie schuilgaat of die daarvan afleiden. Dergelijke menu-items kunnen dus uit de navigatie worden verwijderd en bijvoorbeeld worden gecombineerd in een zogenaamde hamburger. De gebruiker kan dan slechts kiezen tussen een paar opties, die alle conversierelevant zijn. De bezoeker kan naar alle andere subpagina's navigeren zoals voorheen, maar moet daarvoor op de hamburger klikken.

Webdesigntrends 2016: eenvoudige navigatie, minimalisme, personalisatie

UBER heeft een voorbeeldige minimalistische navigatie: de gebruiker heeft alleen de mogelijkheid om zich te registreren of om de verdere punten van de navigatie te openen.

Het is belangrijk om echt alleen die pagina's in de hamburger te zetten die niet relevant zijn voor de conversie. Omdat alle navigatiepunten in dit menu - dat oorspronkelijk voor kleine schermen is ontwikkeld - het risico lopen niet te worden gezien en dus minder vaak te worden geraadpleegd.

Kaartontwerp - Visualisatie en compressie

Een kaartontwerp kan ook de navigatiebalk stroomlijnen en uw bezoekers snel en doelgericht naar de delen van uw website leiden waar de conversie plaatsvindt. Dit ontwerp biedt u ook de mogelijkheid om tekst- en beeldelementen te bundelen. Wanneer u dit ontwerp toepast, moet u oppassen dat u de gebruiker niet met te veel overstelpt. Het kaartontwerp werd bijvoorbeeld prominent toegepast door Pinterest.

Webdesigntrends 2016: eenvoudige navigatie, minimalisme, personalisatie

Pinterest is de klassieke use case voor een kaartontwerp.

Webdesign trend 2: Minimalisme

Een groot woord en een breed toepassingsgebied, ik weet het. Uw website heeft hoogstwaarschijnlijk al een minimalistisch ontwerp, omdat twee van de meest prominente webdesigntrends van de afgelopen jaren op dit principe zijn gebaseerd: Flat Design en Material Design. Deze stijlen leveren ook belangrijke input voor het ontwerp van de omschakelingsruimte. Dit moet zo visueel slank mogelijk worden gehouden.

Een goede kop, een paar voordelen, en een dwingende conversie vraag.

Enerzijds moet de conversieknop gecombineerd worden met goede inhoud, d.w.z. een begrijpelijke en pakkende kop en een korte beschrijving van de centrale voordelen. Aan de andere kant zorgen witruimte en een duidelijke lay-out voor de nodige aandacht en een beter begrip van de inhoud. De conversieknop zelf moet dan een thematisch passende, korte vraag of prompt bevatten.

Webdesigntrends 2016: eenvoudige navigatie, minimalisme, personalisatie

Een uitstekend voorbeeld van een minimalistisch ontworpen en slim geïllustreerde conversieruimte. Als de gebruiker naar beneden scrollt, krijgt hij meer gedetailleerde informatie. De conversie is mogelijk met slechts drie klikken.

Plaats conversie knop prominent

U moet er ook voor zorgen dat de eigenlijke conversieknop zo prominent mogelijk wordt geplaatst. Als u bijvoorbeeld een pagina hebt met verschillende kolommen tekst, dan is het een goed idee om de conversieknop op volle breedte weer te geven en zonder zijbalk of andere onnodige elementen. Alleen de knop, een prikkelende kop en zo nodig een paar belangrijke feiten, en het conversiegebied springt er voor de gebruiker uit. Met veel witruimte rond dit gebied en de juiste kleurkeuze kunt u dit effect zelfs versterken.

Webdesigntrends 2016: eenvoudige navigatie, minimalisme, personalisatie

Onze conversieknop springt in het oog omdat hij zich duidelijk onderscheidt van de rest van de pagina: In plaats van vier rijen is bij de omzetting slechts één kolom zichtbaar, die ook visueel wordt geaccentueerd.

Webdesign trend 3: Personalisering

Personalisering betekent in deze context twee dingen. Ten eerste, de emotionele, menselijke voorstelling van het eigen bedrijf, team, blog enz. Dit moet een positief effect bij de bezoeker oproepen, d.w.z. een vaag goed gevoel bij interactie met de pagina. Hier wil ik in de meeste gevallen nog geen specifieke emotie oproepen, maar gewoon het merk (van de blogger, het bedrijf, de site) menselijker maken en dus gemakkelijker te vatten. Ten tweede betekent personalisering dat de gebruikerservaring (UX) wordt aangepast aan de voorkeuren van de gebruiker.

Aangezien de personalisering van de UX een speciaal onderwerp is, dat ook speciale kennis en vaardigheden vereist - of op zijn minst een bepaald budget - zal ik hier niet ingaan op de creatieve en ontwerpaspecten van de UX. Dit onderwerp zou afzonderlijk moeten worden behandeld.

Het personaliseren van je eigen merkaanwezigheid is daarentegen relatief eenvoudig - althans in theorie. Als u de juiste motieven kiest, bijvoorbeeld uw eigen werknemers, uw eigen bedrijfspand of ten minste afbeeldingen die uw eigen (merk)persoonlijkheid goed weerspiegelen, hebt u de eerste stap gezet. Als u de mogelijkheid en de middelen hebt, is het ook een goed idee om videomateriaal op te nemen. Met bewegende beelden kunt u sneller het vertrouwen van uw potentiële klanten winnen en uw eigen bedrijf op een eenvoudigere en duurzamere manier illustreren. In WordPress , bijvoorbeeld, is een video-integratie heel eenvoudig mogelijk via video-achtergronden.

Conclusie: veel potentieel voor conversietests

Dit zijn mijn webdesigntrends van 2016 geweest die je site niet alleen stijlvoller en moderner zullen maken, maar ook je conversies zullen verhogen: het stroomlijnen van de navigatie en deze afstemmen op je conversie, minimalisme niet alleen in de inhoudsgedeelten van je site, maar vooral in de conversiegedeelten, en tot slot het personaliseren van je site met video en afbeeldingen.
Deze vrij algemene ontwerprichtlijnen geven u in 2016 de kans om veel te spelen met uw conversiegebieden en ze te blijven verbeteren. Het belangrijkste is dat u de implementatie vanaf het begin professioneel en authentiek aanpakt. Het vergt werk, maar uw klanten zullen u er dankbaar voor zijn.

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.