webdesign trends 2016

Webdesigntrends 2016: navigatie, minimalisme & personalisatie

Innovatieve webdesigns zijn mooi om naar te kijken, maar vreselijk onpraktisch voor de meeste WordPress websites. Vandaag vertel ik je welke webdesign trends volgens mij belangrijk worden in 2016 en ook meer en gemakkelijkere conversies beloven.

De beste webdesign trends 2022

Wil je weten wat hot is in de wereld van webdesign? Hier zijn de belangrijkste webdesign trends 2022 die je beslist moet weten. Veel plezier!

Bij de jaarwisseling wordt regelmatig gekeken naar de webdesign trends van het komende jaar. Minimalisme - als in flat design of material design - zal ook in 2016 een belangrijke rol spelen. Vandaag laat ik je zien hoe je je navigatie, je conversiegebied en je inhoud zo kunt inrichten dat je ook in 2016 volledig aansluit bij de trend en zo ook je conversie optimaliseert. En dat alles zonder te hoeven voldoen aan de specificaties van bepaalde ontwerprichtingen.

Webdesign trend 1: Navigatie

Webdesigntrends 2016: navigatie, minimalisme & personalisatie
Een van de grootste webdesign trends van 2016: de navigatie op je WordPress website.

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

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

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

Webdesign Trend 2: Kaartontwerp

Kaartontwerp is een van de grote webdesign trends in 2016. Een kaartontwerp kan ook de navigatiebalk stroomlijnen en je bezoekers snel naar de delen van je WordPress website leiden waar de conversie plaatsvindt. Met dit ontwerp kun je ook tekst- en beeldelementen bundelen. Bij de uitvoering van dit ontwerp moet je oppassen dat je de gebruiker niet overweldigt door te veel elementen te gebruiken. Zo werd het kaartontwerp prominent doorgevoerd door Pinterest.

Pinterest is het klassieke toepassingsvoorbeeld voor een kaartontwerp.

Webdesign trend 3: minimalisme

Trends in webdesign Minimalisme
Minimalisme is en blijft een grote webdesign-trend.

Een groot woord en een breed toepassingsgebied, ik weet het. Je WordPress website heeft waarschijnlijk al een minimalistische vormgeving, want twee van de belangrijkste webdesign trends van de laatste jaren zijn op dit principe gebaseerd: flat design en material design. Deze stijlen leveren ook belangrijke input voor het ontwerp van het verbouwingsgebied. Dit moet visueel zo slank mogelijk gehouden worden.

Een goede kop, een paar voordelen en een dwingende vraag voor het conversiegedeelte

Enerzijds moet de conversieknop worden gecombineerd met goede inhoud, d.w.z. een begrijpelijke en boeiende kop en een korte beschrijving van de centrale voordelen. Anderzijds 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.

Een uitstekend voorbeeld van een minimalistisch vormgegeven en slim geïllustreerd ombouwgebied. Als de gebruiker naar beneden scrolt, krijgt hij meer gedetailleerde informatie. De conversie is mogelijk met slechts drie klikken.

"*" geeft verplichte velden aan

Toestemming*
Dit veld dient ter validatie en mag niet worden gewijzigd.

Webdesign trend 4: CTA-knoppen

Je moet er ook voor zorgen dat de eigenlijke conversieknop zo prominent mogelijk wordt geplaatst. Als je bijvoorbeeld een pagina hebt met meerdere kolommen tekst, is het een goed idee om de conversieknop in de volle breedte weer te geven en zonder zijbalk of andere onnodige elementen. Alleen de knop, een uitnodigende kop en eventueel een paar kerngegevens en het conversiegebied springt direct in het oog van de gebruiker. Met veel witruimte rond dit gebied en een passende kleurkeuze kun je dit effect zelfs versterken.

Onze conversieknop valt op omdat hij duidelijk afsteekt tegen de rest van de pagina: In plaats van vier rijen is slechts één kolom zichtbaar voor de conversie, die ook visueel wordt gemarkeerd.

Webdesign trend 5: Personalisatie

Personalisatie betekent in deze context twee dingen. Enerzijds de emotionele, menselijke weergave van het eigen bedrijf, team, blog enz. Dit moet bij de bezoeker een positief affect oproepen, d.w.z. een vaag goed gevoel als hij met de pagina interageert. In de meeste gevallen wil ik geen specifieke emotie oproepen, maar het merk (van de blogger, het bedrijf, de site) menselijker maken en dus gemakkelijker te vatten. Ten tweede betekent personalisatie het aanpassen van de gebruikerservaring (UX) aan de voorkeuren van de gebruiker.

Omdat het personaliseren van de UX een speciaal onderwerp is dat ook speciale kennis en vaardigheden vereist - of op zijn minst een bepaald budget - ga ik hier niet in op de creatieve en ontwerpaspecten van de UX . Dit onderwerp zou apart behandeld moeten worden.

Het personaliseren van je eigen merkaanwezigheid is daarentegen relatief eenvoudig - althans in theorie. Als je de juiste motieven kiest, waaronder je eigen medewerkers, je eigen pand of in ieder geval beelden die je eigen (merk)persoonlijkheid goed weergeven, heb je de eerste stap gezet. Als je de mogelijkheid en de middelen hebt, is het ook een goed idee om videomateriaal op te nemen. Met behulp van bewegende beelden kun je sneller het vertrouwen van je potentiële klanten winnen en je eigen bedrijf gemakkelijker en duurzamer illustreren. In WordPress bijvoorbeeld is video-integratie vrij eenvoudig via video-achtergronden.

Dit waren mijn webdesign trends voor 2016 die je site niet alleen stijlvoller en moderner maken, maar ook zorgen voor meer conversies: de navigatie verkleinen en afstemmen op je conversie, minimalisme niet alleen in de inhoudsgebieden van je site, maar vooral in de conversiegebieden en tenslotte het personaliseren van je site met video- en beeldmateriaal.

Deze vrij algemene ontwerprichtlijnen bieden je de mogelijkheid om in 2016 veel met je conversiegebieden te spelen en ze steeds te verbeteren. Het is belangrijk dat je de implementatie vanaf het begin professioneel en authentiek benadert. Het kost werk, maar je klanten zullen je er dankbaar voor zijn.

Jouw vragen over de webdesign trends 2016

Welke vragen heb je voor Torben? Gebruik gerust de commentaarfunctie. Wil je op de hoogte blijven van nieuwe artikelen over WordPress en webdesign? Volg ons dan op Twitter, Facebook, LinkedIn of via onze nieuwsbrief.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *.