Share
Als ontwerpers zijn we getraind en gedwongen om ons te richten op wat ons het meest aangenaam lijkt. We werken er hard aan om de meest verbluffend uitziende sites te creëren, waarin we alles samenbrengen wat we kunnen putten uit de merk- en bedrijfsdoelstellingen van onze klanten of van onze eigen activiteiten.
De realiteit is echter dat hoe perfect een ontwerp ook is, de enige manier om er absoluut zeker van te zijn dat het zijn doelen bereikt, is om er uit te komen en de cijfers te kraken met echte tests..
Q. Heeft de kleur die u hebt gekozen voor de Download gratis proefversie knop ziet er geweldig uit?
EEN. Ja, natuurlijk, want je bent een geweldige webdesigner.
Q. Heeft de kleur die u hebt gekozen voor de Download gratis proefversie knop dwingt mensen om een gratis proefversie te downloaden?
EEN. De waarheid is dat je niet kunt weten tenzij je een aantal alternatieve gekleurde knoppen maakt en de resultaten vergelijkt die je krijgt met echt verkeer.
Elke site heeft een heel ander publiek. En ongeacht hoeveel marktonderzoek u vooraf doet, u kunt onmogelijk de geest van elke gebruiker kennen. Tot die echte mensen beginnen door te komen en echte acties uit te voeren, is het allemaal maar een theorie.
Dat is waar Splitsen testen ook bekend als A / B Testen komt om de hoek kijken. De ontwerpfase van site-productie is de kunst en de A / B-tests zijn de wetenschap.
Voor elke site die een specifiek doel moet bereiken, dat wil zeggen elke bedrijfssite, zijn A / B-testen net zo essentieel voor het proces als cross-browser testen. Ervoor zorgen dat een site zijn doelstellingen bereikt, is net zo goed een onderdeel van het maken van een functionele site als het correct weergeven van alle CSS-weergave.
Desondanks was het in het verleden altijd een beetje zoals het flossen van de wereld van het webontwerp. Je wist dat je het moest doen, maar je ging altijd verslappen omdat het onhandig en soms een beetje pijnlijk was.
U moest ingewikkelde scripts installeren en configureren, meerdere verschillende versies van uw sites op verschillende URL's opslaan en het hele proces was omslachtig en vervelend.
Net als al het andere in de webwereld, evolueren A / B-gesplitste testtools en dingen die vroeger naar de 'te harde mand' werden gedegradeerd, bevinden zich nu in de 'snelle en eenvoudige mand'.
We beschikken nu over een nieuwe generatie A / B-testtools die ervoor zorgen dat elke afzonderlijke site die we maken op elke manier volledig kan worden geoptimaliseerd, waardoor we websites kunnen ontwerpen die er niet alleen geweldig uitzien, maar ook al hun doelstellingen realiseren.
Een van de nieuwe generatie A / B-testtools is Visual Website Optimizer of VWO, van de mensen bij Wingify. VWO doet afstand van de oude A / B-testmethoden voor het verwerken van eindeloze coderegels en uren aan het maken van alternatieve versies van uw site.
In plaats daarvan is het zo simpel:
Plaats een klein stukje JavaScript in het hoofdgedeelte van uw site.
Gebruik de drag & drop-interface Visual Website Optimizer om zoveel alternatieve versies van uw site te maken als u wilt.
Bekijk het verkeer dat doorkomt en gebruik de automatisch gegenereerde diagrammen en heatmaps om precies te zien welke versie van uw site de beste resultaten genereert.
Dit proces neemt het giswerk volledig weg en laat u met absolute zekerheid bepalen welke varianten van uw ontwerpen de meeste leads en de meeste verkopen genereren.
Als u nog nooit A / B-tests hebt uitgevoerd voordat u denkt dat het volledige revisie van de site vereist om een verschil te maken in het genereren van resultaten. In feite zijn het vaak heel kleine veranderingen die tot de grootste verschillen leiden.
Een goede plaats om een idee te krijgen van de kleine veranderingen die een aanzienlijke omzetstijging kunnen opleveren, is de case study gallery van VWO.
De voorbeelden laten zien dat verbeteringen kunnen komen van zoiets eenvoudigs als het wijzigen van de kleur van een link van blauw naar rood voor een stijging van 50% bij klikken:
EEN: Beamax, blauwe link
B: Beamax, rode link 50% meer klikfrequentiesEen lettergrootte wijzigen van 15 px naar 20 px en vetgedrukt voor een toename van 36,54% conversie:
EEN: Royal Discount, lettergrootte 15px en normaal lettertype
B: Royal Discount, lettergrootte 20px vetgedrukt, 36,54 procent meer conversiesOf voeg een paar woorden toe om van een conversieratio van 14,5% naar 18,6% te gaan:
EEN: Soociaal, origineel met 14,5% conversie
B: Soocial, toegevoegd: "Het is gratis" en verhoogd tot 18,6% conversieLaten we dat een beetje in perspectief plaatsen.
Het voorbeeld dat u hierboven ziet waar de tekst vetgedrukt was en in omvang toenam, leidde tot een omzetstijging van 10,21%. Zelfs als de totale omzet van het bedrijf voor een jaar slechts $ 100.000 was (en ik weet zeker dat het veel meer is), zou dat neerkomen op een uitbetaling van $ 10.210 voor twee minuten tweaken, een waardig resultaat in iemands boek.
U hebt hierboven gezien hoe zelfs kleine tweaks echte resultaten kunnen opleveren. Laten we nu eens kijken hoe u dit soort aanpassingen kunt maken met behulp van VWO.
Je kunt deze stappen volgen door je te registreren voor een gratis proefperiode van 30 dagen bij VWO. Deze gratis proef biedt u:
Na het registreren en invoeren van enkele standaard accountgegevens zoals uw bedrijfsnaam en URL, kunt u naar de Installatie code tab in uw admin-gebied om uw JavaScript-integratiefragment te pakken.
Kopieer het fragment en plak het in aan het einde van het hoofdgedeelte van uw site en u bent klaar om te gaan.
U kunt controleren of alles in goede staat verkeert door de URL van uw site in te voeren in de Smart Code Checker op dezelfde pagina en klik op de Controleren knop.
Nu u VWO hebt geïntegreerd met uw site, kunt u een nieuwe campagne instellen. Klik op de grote + pictogram in het menu aan de linkerkant en selecteer vervolgens Website campagnes.
U wordt vervolgens doorgestuurd naar een reeks campagnetypen waaruit u kunt kiezen. Selecteer voor onze doeleinden A / B-test.
Voer in het volgende paneel de URL in van de pagina waarop u A / B-tests wilt uitvoeren.
U wordt dan rechtstreeks naar uw site geleid in de Visual Website Optimizer (VWO), waar u verschillende versies kunt maken om te testen.
Om te demonstreren, heb ik een kleine nieuwsbrief-aanmeldpagina gemaakt voor mensen die dol zijn op video's van schattige puppy's, want wie niet, juist?
Vanaf hier is alles wat u hoeft te doen klikken op het element dat u wilt wijzigen en ziet u een reeks gereedschappen die u in staat stellen om uw alternatieve versies direct in VWO te maken.
Alleen foto's van VWO doen het niet, want je moet het echt live bekijken om te zien hoe snel het is om alternatieve site-versies te maken.
Dit zijn dezelfde typen aanpassingen als in de voorbeelden waarnaar we eerder hebben gekeken, waarbij kleine wijzigingen grote verschillen in resultaten genereerden.
Zoals ik in de video vermeldde, kon ik deze aanpassingen alleen via een gratis proefaccount instellen. Om uit te proberen dezelfde wijzigingen zelf aan te brengen, ga je naar de website van VWO en krijg je 30 dagen volledig functionele toegang gratis.
Naast A / B-testen kunt u met VWO ook multivariate tests maken. Met multivariate testen kunt u meer dan alleen twee varianten van een site vergelijken, dus u kunt het zien als A / B / C / D ... testen.
De resulterende rapporten die worden gegenereerd met uw tests zijn er in verschillende vormen en indelingen. Onder de selectie van beschikbare rapporten krijgt u 'in een oogopslag' samenvattingen die uw conversies, inkomsten, verkeer enzovoort bijhouden:
U krijgt vergelijkende grafieken:
En een van mijn persoonlijke favorieten, heatmaps om bij te houden waar bezoekers klikken:
Hoewel je voor het splitsen van tests naar VWO kunt gaan, kun je ook blijven voor alle andere manieren waarop de toolset kan worden gebruikt en enkele van de extra voordelen die aangeboden worden.
Wat de VWO u geeft, is een manier om variaties op uw site te maken zonder deze te vertragen of om verschillende installaties op verschillende URL's te onderhouden. Gesplitste tests zijn een manier om dit te gebruiken, maar u kunt ook versies gebruiken die specifiek zijn geoptimaliseerd voor allerlei verschillende factoren, zoals locatie, apparaattype, besturingssysteem, browser, zoektermen enzovoort..
U kunt bijvoorbeeld het segmentvolgsysteem van VWO gebruiken om te ontdekken dat mensen op iPhones in New York die via Facebook komen het snelst reageren en de meeste conversies genereren. U kunt vervolgens voor dit segment een aangepaste versie van de site maken, analyseren en aanpassen voor bruikbaarheid en conversies totdat u de meest perfect geoptimaliseerde variant krijgt die mogelijk is.
Een ander aspect van lidmaatschap dat naar mijn mening de prijs van toelating tot zichzelf waard is, is de "Ideefabriek". Nadat u de voor de hand liggende zaken zoals koppen en knopkleuren heeft getest, vraagt u zich misschien af wat u vervolgens kunt doen om door te gaan met optimaliseren. Op dat moment kun je op het tabblad 'Ideeën' in het vwo klikken voor meer informatie over en begeleiding bij meer dan 400 extra manieren waarop je verbeteringen kunt blijven aanbrengen:
U krijgt ook toegang tot een grote bibliotheek met echte casestudy's, zodat u precies kunt zien wat er werkte om de conversies en inkomsten voor andere sites te verhogen. Dit soort dingen kan puur goud zijn als je wat je ontdekt toepast op je eigen projecten.
Om dit in perspectief te plaatsen, herinner ik me een paar jaar terug dat ik een persoon zag die een compendium van iets meer dan 40 gesplitste case studies verkocht voor $ 200, en ze deden dit met veel succes.
Ik begon te tellen hoeveel casestudy's er waren in de VWO-ideeënfabriek. Ik stopte met het klikken op de knop "Meer laden" bij het 120e item.
Ik hoop dat dit je enig inzicht heeft gegeven in wat A / B-testen voor je kan doen en hoe VWO je kan helpen het uit te voeren. VWO heeft een hele reeks functies en je kunt er alles over lezen op hun website.
Of om meteen naar voren te springen en uw sites op de proef te stellen, ontvang 30 dagen lang variaties en bekijk uw resultaten met de volledig functionele gratis proefversie.
Laten we eens kijken hoe goed uw sites presteren!
Accentsconagua