Nieuwsbrief ›
Zoeken ›
Weblog
 
Door: Tim Welzen, 09 oktober 2018, 00:00 uur

Design principes die de conversion rate verhogen

 

Een design kan een website maken of breken. Tegenwoordig ligt de nadruk heel erg op SEO (Search Engine Opitimization). Uiteraard moet de potentiŽle klant op zijn minst de website kunnen vinden. Maar alle SEO effort wordt teniet gedaan als de klant daarna de site onmiddellijk weer verlaat vanwege een slecht design. Voor een optimale conversion rate (percentage bezoekers dat daadwerkelijk iets koopt) is het dus heel belangrijk dat je een aantrekkelijke website hebt. Klanten zullen niet eens verder kijken naar de producten, als de aanblik van de site ze niet bevalt.

Omdat ontwerpen niet ieders sterkste punt is, geven we je hier een aantal tips, gebaseerd op standaard design principes, die je direct kunt toepassen.

1. Lay-out

Een van de basis lay-out principes in grafisch design en fotografie is de rule of thirds. Dit betekent dat je de belangrijkste objecten/het belangrijkste object op de pagina op een van de lijnen, of nog beter, op een van de kruispunten van een raster van 2 horizontale en 2 verticale lijnen plaatst die de pagina in 9 gelijke delen verdeelt. Design principes rule of thirds
Het is bekend dat objecten die op deze kruispunten worden geplaatst de meeste aandacht trekken. Het is dus verstandig om een belangrijke afbeelding of call-to-action button volgens dit principe te plaatsen. De hiŽrarchie en de flow van de inhoud is ook belangrijk. Je ziet daarom dat vaak de F-lay-out wordt toegepast waarbij het bovenste gedeelte, of soms alleen de titel, zwaarder is aangezet en over de volle breedte van het scherm loopt, terwijl de content eronder steeds minder ver naar rechts loopt, als in een hoofdletter F. Dit principe volgt de natuurlijke leesrichting van de gebruiker. Belangrijke zaken horen dus links boven, de wat minder belangrijke items kunnen verder naar rechtsonder worden geplaatst. Design principes F
Verder is het belangrijk om genoeg witruimte toe te passen. Een volgepropte pagina is onaantrekkelijk en schept verwarring: waar moet de klant naar kijken. Bedrijven zoals Apple zijn meesters in het toepassen van deze negative space". De lege ruimte trekt het oog als een magneet naar de inhoud/de afbeelding die er wel toe doet. En vergeet niet dat een webdesign lay-out (een of meerder pagina's) een logisch en visueel geheel moet vormen. De gebruiker moet er als vanzelf doorheen geloodst worden. De navigatie moet uniform zijn en de look and feel van de onderdelen moeten overeenstemmen.

2.Aandachtsspanne

De aandachtspanne van een gemiddelde website bezoeker is tegenwoordig niet erg veel groter dan die van een goudvis (ongeveer 8 seconden), zeker niet op het mobiele platform. Het is dus heel belangrijk om in een zo kort mogelijke tijd de aandacht van de gebruiker te fixeren. Design principes goudvis
Dit begint met de laad tijd van de pagina. Als een potentiŽle klant moet wachten op het laden van een plaatje, ben je hem al kwijt. Investeer daarom in goede webdesign technieken die het mogelijk maken om relatief rijke content toch snel te laten laden. Kies bijvoorbeeld voor "particle backgrounds" (voorbeeld), kleine stukjes javascript die volledig op de achtergrond op de end-user device worden uitgevoerd, i.p.v. traag ladende zware video's. In de zeer kleine tijdspanne die je hebt moet je dus zorgen dat je de aandacht van de gebruiker trekt en vast houdt. Een paar tips, met in acht neming van de eerder beschreven lay-out principes:

  • Plaats een duidelijke to the point header.
  • Gebruik trefwoorden.
  • Gebruik media die de boodschap ondersteunt en de aandacht richt op de belangrijkste call-to-action.
  • Beperk het aantal keuzes op een scherm (en in de menu's)
  • Gebruik interactieve content.
  • Maak call-to-action buttons aantrekkelijk, duidelijk en simpel.
En dit brengt ons bij de golden rule: K.I.S.S.: Keep It Stupid Simple! Het lijkt zo makkelijk gezegd, maar dit is een regel die het meest wordt geschonden. Beperk je tot een boodschap. Dit moet ook weerklinken in het grafische design. Bedenk bij een webdesign altijd: kan het eenvoudiger? Prop de pagina niet vol. Maak een zuiver design waarin je alles verwijdert dat niet absoluut noodzakelijk is om de hoofd boodschap over te brengen. Hierdoor wordt de afleiding geminimaliseerd en het resultaat is veel aantrekkelijker voor de gebruiker, met een gegarandeerd positief effect op de conversion rate.

3. Kleurgebruik

Kleuren roepen emoties op en het is dus belangrijk dat de kleuren op de website het gevoel weergeven dat je wilt oproepen met je product of service. Om de juiste kleurencombinaties te vinden zijn verschillende hulpmiddelen beschikbaar. Coolors is een site waar je gratis color schemes kunt opzoeken. Het helpt je ook om bij een of meerdere kleuren, bijpassende kleuren te zoeken of een alternatief te vinden voor de color scheme die je hebt. Design principes coolor
Als je bepaalde afbeeldingen hebt die naar jouw mening goed passen bij het imago dat je wilt uitstralen, kun je m.b.v. het Adobe Color Wheel automatisch een color scheme genereren dat afgeleid is van de afbeelding. Design principes Adobe wheel
Bij het bepalen van de juiste kleurencombinatie is het ook belangrijk om te kijken of het gebruik van de kleuren een goed contrast geeft. Alle componenten moeten een goed contrast hebben met de achtergrond en de kleuren moeten de tekst goed leesbaar maken.

4. Afbeeldingen

En last but not least: Afbeeldingen. Afbeeldingen zijn de belangrijkste elementen van een website. De meeste consumenten klikken veel eerder op zoekresultaten als deze gecombineerd worden met afbeeldingen. Ook zal bijna niemand contact opnemen met een bedrijf of een online aankoop doen, als het product niet of slecht gepresenteerd wordt. Afbeeldingen moeten een hoge resolutie hebben, die door een goed webdesign, passend gemaakt kunnen worden voor het uiteindelijke device waarmee de potentiŽle klant de website benadert. Verder moeten de afbeeldingen de juiste uitstraling en sfeer hebben die past bij jouw product. Naast een professionele productfoto kun je sfeerafbeeldingen gebruiken. Gebruik bijvoorbeeld een gezicht als je een empathisch gevoel wilt opwekken of natuurfoto's om de nadruk op rust te leggen.
Gebruik echter nooit 13 in een dozijn stockfoto;s. Hiermee geef je de indruk dat je geen aandacht hebt besteed aan je eigen product en niet de moeite hebt genomen om het product uniek te presenteren. De consumenten worden geconfronteerd met een saaie alledaagse website en zullen deze snel verlaten. Presenteer unieke afbeeldingen en vraag desnoods een design professional (webdesign, illustrator, merk designer) om de juiste afbeeldingen voor je te ontwerpen of te selecteren.

Tenslotte

Neem deze adviezen ter hand en kijk nog eens goed naar je eigen website: Volgt deze alle principes of is er ruimte voor verbetering en kun je met de adviezen aan de slag om jouw conversion rate te verhogen?



 
Doorsturen »  Reageer »  Nieuwsbrief »  

 
Over de auteur:
www.elephantdesign.nl
ELEPHANT DESIGN is een web/grafisch design bureau. Wij dragen bij aan het succes van uw onderneming. Een visueel aantrekkelijke website te bekijken op tablet, computer en telefoon en slimme betaalbare online marketing voor het werven van nieuwe klanten.
Webdesign Zuid-Limburg
Webdesign Limburg
 
 
Reacties
 
Rick  |   | 
23-10-2018
 | 
12:00 uur
Allemaal zeer goede punten. Waar ik mij ook vaak en erger zijn onnodige animatie op websites. Ze zijn vaak afleidend of ik moet wachten op de animatie afgelopen totdat ik verder kan
Hugo  |   | 
21-11-2018
 | 
17:38 uur
En ga je dan wachten? En vol ongeduld het formulier invullen?
peter-zzp boekhouder  |   | 
27-12-2018
 | 
09:17 uur
De naam van de url is heel belangrijk. Het moet aantonen wat jij biedt en waar de klant op zoekt. Dan komen de teksten, lay out, de header en de opmaak. Simpel en to the point.

Wil je dat je site wordt gevonden via Google en wil je hoog komen in Google dan moet je ook nog veel en wekelijks SEO-gerichte teksten schrijven en alles verwerken/sharen via social media.
Inspect Element  |   | 
24-05-2019
 | 
13:01 uur
Design is zeker een cruciaal belang voor conversie, maar een website hoeft niet Štijd mooi te zijn.

Het uiterlijk van de website moet vooral overeenkomen met wat het bedrijf doet. Zo was de website die 2 kuub zand leverde voor het ophogen van mijn tuin helemaal niet zo stylish, het straalde wel vertrouwen uit en alle informatie was duidelijk vindbaar.

Maar aan veel andere websites en vooral shops ligt de lat wel hoger

 

Reageren

Naam:
Emailadres:
URL: (niet verplicht) http:// 
 
Reactie/Opmerking:
Ik wil bericht per e-mail ontvangen als er meer reacties op dit artikel verschijnen.
 
Als extra controle, om er zeker van te zijn dat dit een handmatige reactie is, typ onderstaande code over in het tekstveld ernaast. Is het niet te lezen? Klik hier om de
code te wijzigen.
 
Een bedrijfspand verhuren: hier dient u allemaal rekening mee te houden
Naast het feit dat het verhuren van een bedrijfspand lucratief kan zijn, zit je ook aan een aantal regeltjes vast waar aan gehouden dient te worden.
Creditcard kosten
Een creditcard is voor heel veel mensen onmisbaar. Het brengt een zeker comfort met zich mee waar veel mensen die reizen of online aankopen doen aan gewend zijn geraakt
Meer dan 100 checklists
Word Brisk-abonnee en krijg gratis toegang tot meer dan 100 checklists voor ondernemers
Managersonline.nl
Het internetmagazine voor directeuren en managers
BOEKENNIEUWS
Je product? Je klanten? Jij, als briljante ondernemer? Hou toch op: het zijn je medewerkers die het groeisucces van je bedrijf maken of breken. En daarom is ‘personeel’ geen agenda-moetje dat je er even bij doet. Nee, je moet je mensen koesteren. Zorgen dat ze zich met plezier inzetten voor de missie van je onderneming en alles krijgen om optimaal te kunnen samenwerken.
Lees verderMeer boeken