Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

50
Conversie Optimalisatie

Transcript of Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Page 1: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Conversie Optimalisatie

Page 2: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Definitie

''De waarde van een bezoeker verhogen''

Page 3: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

A/B testing

''Het doel van A/B testen is niet zozeer het resultaat, maar de learnings die je

eruit haalt''

Dr. Flint McGlaughlin, MECLABS

Page 4: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Welke variant presteert beter?

Create Your Account: 25% minder conversie

Page 5: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Welke variant presteert beter?

Onderste variant: 24% minder downloads

Page 6: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Welke variant presteert beter?

Rode button: 21% meer conversie

Page 7: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

bestelling met betalingsverplichting

• Vanaf juni 2014 is het verplicht om de consument duidelijk te maken dat een bestelling via een webwinkel een betalingsverplichting tot gevolg heeft.

• Dit moet aan de consument duidelijk worden gemaakt via een knop of soortgelijke functie.

Page 8: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Alternatieven• In Duitsland zijn e-commerce bedrijven al langer

verplicht om aan een soortgelijke wetgeving te voldoen. Sinds 2012 moeten Duitse webshops een tekst gelijk aan “Zahlungspflichtig bestellen”, of met een soortgelijk strekking hebben verwerkt in hun bestelbutton.

Page 9: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Alternatieven

Page 10: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Alternatieven• Wat opvalt bij de geanalyseerde Duitse webwinkels

is dat geen de tekst “bestellen”, “nu bestellen”, “bestelling afronden” of dergelijke varianten gebruiken.

• Bij de 8 knoppen wordt het de consument duidelijk gemaakt dat het om een “koop”, een “bestelling met betalingsverplichting” of om een “bestelling voor genoemde prijs” gaat.

Page 11: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Alternatieven• Of al deze alternatieven ook in Nederland voldoende

zijn om de consument te informeren is op dit moment nog niet duidelijk. In Duitsland zijn momenteel nog discussies gaande of de termen “Kopen” of “Nu kopen” wel voldoen aan de nieuwe regelgeving.

Page 12: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Conclusie• Zodra de nieuwe regelgeving op 13 juni 2014 actief

wordt, is het verstandig om in eerste instantie de tekst “bestelling met betalingsverplichting” te gebruiken in de bestelbutton.

Zodra duidelijk is welke alternatieven toelaatbaar zijn kunnen de alternatieven getest worden door middel van A/B testing.

Page 13: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

AdWords landingspagina test

Page 14: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Winnaar!

Page 15: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Muis, scroll- en klikgedrag

Page 16: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Extra inzichten

Page 17: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Myers-Briggs Type Indicator

Page 18: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Denk eraan

– Alle 4 typen bovenaan pagina aanspreken Snelle beslissers eerst

– Niet blindstaren op ''boven-de-vouw'' Wel aandacht langzame beslisser vasthouden

– Weet wie je doelgroep is!Focus op 2/3 typen kan relevant zijn

Page 19: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Tip

– Gesegmenteerd testen

Bijv. herkomst bezoekers > vergelijkingssites (methodisch en humaan)

Page 20: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Web Design

Page 21: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Onderwerpen Web Design

• Eerste indruk• Affiniteit met de bezoeker• Productfotografie• Bestelknop met betalingsverplichting• Design trends 2014

Page 22: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Eerste indruk in 2/10e seconde!

• Uit onderzoek van de Missouri University of Science and Technology blijkt dat bezoekers hun eerste mening vormen in slechts 2/10e van een seconde!

Page 23: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Eerste indruk in 2/10e seconde!

• Dat betekent dat bezoekers hun mening dus vormen op basis van het eerste aanzicht van een website of webshop.

Page 24: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Een goed design is dus belangrijk!

• Nog te veel bedrijven hechten niet zoveel belang aan design. Ze denken dat als ze vertegenwoordigd zijn op het internet, het wel voldoende is.

Teksten en afbeeldingen worden vaak 1 op 1 uit folders overgenomen en de website moet vooral goed aansluiten op de huisstijl.

Page 25: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Een misvatting

• Het onderzoek bevestigt wat veel specialisten al weten… je moet goed over het design nadenken. Het design van de homepage, maar ook het design van de landingspagina’s is zeer dus belangrijk.

Page 26: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Wat dan? Los gaan met design?

• Nee, dat hangt niet samen met goed webdesign. Duidelijkheid en het gebruik van kleuren en afbeeldingen bepalen of iemand de website mooi vindt.

Page 27: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Clean design

• Wat je steeds vaker ziet, zijn websites en webshops die een “clean” design hebben. De basis is dan een lichte kleur (wit, licht grijs, e.d.) en kleinere elementen, zoals het logo, de titels en afbeeldingen, zorgen voor de kleur.

Het is voor de bezoeker dan gemakkelijker om de informatie te absorberen.

Page 28: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Clean design

Page 29: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Affiniteit met de bezoeker

• De producten en uitstraling van de website dienen te passen bij de doelgroep.

• Een ontwerp dat aansluit op deze doelgroep zal het resultaat van uw website positief beïnvloeden.

Page 30: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Affiniteit met de bezoeker

Page 31: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Doelgroepbepaling voor webwinkels

• De uitstraling van de website zegt dus veel over de aan te spreken doelgroep. Maar toch gebeurt in de praktijk nog vaak dat de webwinkel onvoldoende past bij de doelgroep doordat doelgroepbepaling onvoldoende heeft plaatsgevonden.

Page 32: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Benchmarking

• Bekijk de concurrentie. Leren van buiten is altijd een toevoegende waarde voor de doelgroepbepaling.

• Onderzoek hoe concurrerende bedrijven hun webwinkel hebben opgebouwd en welke looks en feels zij afgeven. Past dit bij de doelgroep die je zelf voor ogen hebt, of niet?

Page 33: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Productfotografie• Eén van de belangrijkste redenen voor mensen

om niet online te bestellen is dat ze geen goed beeld hebben van wat ze krijgen

• Die uitstraling van je webshop is mede afhankelijk van de productafbeeldingen die je gebruikt.

• Slechte productfoto’s kunnen de uitstraling van je webshop maken of breken

Page 34: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Productfotografie

Page 35: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Productfotografie• Naarmate de hoeveelheid visuele informatie op

uw webshop toeneemt zullen de verkopen stijgen. U geeft uw bezoekers immers extra zekerheid over welk product ze kunnen verwachten

• Wanneer het product in verschillende kleuren wordt aangeboden kunt u het beste ook alle beschikbare kleuren tonen.

Page 36: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Design trends 2014

Page 37: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Responsive & retina design

Page 38: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Responsive & retina design

• Waar in 2013 de nadruk vooral lag op het goed weergeven van websites op een kleiner beeldscherm (smartphone, tablet), zal in 2014 de nadruk meer komen te liggen op grotere en retina beeldschermen.

Page 39: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Responsive & retina design

Page 40: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Responsive & retina design

• Coolblue verhoogde de conversie op smartphones met 30 procent

Page 41: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Responsive & retina design • Geleidelijke introductie

• Coolblue koos er ook voor om de responsiveness geleidelijk in te voeren. “We begonnen met de checkout en het winkelmandje”, zegt Vincent Vreugdenhil. “Daar stapten namelijk heel veel smartphonegebruikers uit. Hier viel direct al het meeste te winnen aan conversie. De conversie op smartphones is sinds de eerste release al met 30 procent gestegen

Page 42: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Content en user experience voorop

• Zoekmachines zoals Google richten zich meer en meer op goede content en gebruiksvriendelijkheid van websites.

En daarmee wordt ook in webdesign de aandacht voor content en een goede user experience nóg belangrijker.

Page 43: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Content en user experience voorop

• Alles uit de kast om de bezoeker zo snel mogelijk bij het doel van hun bezoek en de juiste content te krijgen.

Page 44: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Persuasive design

• De kracht van het verleiden.

• Ontwerpen om houding en gedrag van de gebruikers te veranderen door middel van overreding.

Page 45: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Persuasive design

Page 46: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Flat design

Page 47: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Flat design

• De grote trend dit jaar is ‘flat design’. Bij flat design ontbreekt gesuggereerde diepte, het is – zoals de naam al doet vermoeden – plat.

• Effecten als schaduwen en highlights zijn uit den boze. De beeldtaal is tweedimensionaal. Kleurvlakken zijn monochroom: geen subtiele kleurverloopjes die hoogte suggereren

Page 48: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Arial en Verdana worden de nieuwe Comic Sans MS

Page 49: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Arial en Verdana worden de nieuwe Comic Sans MS

• In 2013 was het nog speelkwartier, oefenen, uitproberen wat de mogelijkheden allemaal zijn.

• Dit jaar gaat de webwereld serieus aan de slag met de oneindige mogelijkheden van open webfonts.

Page 50: Conversie Optimalisatie. Definitie ''De waarde van een bezoeker verhogen''

Vragen?

• Roy [email protected]

• Jeroen van [email protected]