Share
Som designare är vi utbildade och tvungna att fokusera på vad vi tycker är mest glädjande för ögat. Vi jobbar hårt för att skapa de mest fantastiska webbplatser som samlar allt vi kan dra av våra kunders varumärkes- och affärsmål eller vår egen verksamhet.
Verkligheten är dock att det oavsett hur perfekt en design ser ut, det enda sättet att vara helt säker på att det är att nå sina mål är att komma ut och knyta siffrorna med några riktiga världstester.
Q. Har den färg du valde för Ladda ner gratis test knappen ser fantastiskt ut?
en. Ja, det gör det självklart, för du är en fantastisk webbdesigner.
Q. Har den färg du valde för Ladda ner gratis test knappen tvinga faktiskt människor att ladda ner en gratis testversion?
en. Sanningen är att du inte har något att veta om du inte skapar några alternativa färgade knappar och jämför resultaten du får från riktig trafik.
Varje webbplats har en helt annan publik. Och oavsett hur mycket marknadsundersökning du gör på förhand kan du inte känna till alla användares sinnen. Tills de riktiga människorna börjar komma igenom och utföra verkliga handlingar, är det bara teori.
Det är där Split Testing annars känd som A / B-test kommer i spel. Designfasen för platsproduktion är konsten, och A / B-testningen är vetenskapen.
För alla webbplatser som måste uppnå ett specifikt mål, vilket innebär att varje företags webbplats är A / B-testning så viktigt för processen som cross-browser-testning. Att se till att en webbplats uppnår sina mål är lika mycket en del av att skapa en funktionell webbplats som att alla CSS har rätt att göra.
Trots detta har det tidigare varit lite som tandtrådning i webbdesignvärlden. Du visste att du borde göra det, men du slutade alltid slacking off eftersom det var besvärligt och ibland lite smärtsamt.
Du var tvungen att installera och konfigurera komplicerade skript, skapa flera olika versioner av dina webbplatser lagrade på olika webbadresser, och hela processen var besvärlig och tråkig.
Liksom allt annat i webvärlden utvecklas A / B split testverktyg och saker som brukade förvandlas till "för hårda korg" finns nu i "snabb och enkel korg".
Vi har nu en ny generation av A / B-testverktyg till vårt förfogande som gör att varje enskild webbplats vi skapar kan optimeras optimalt på alla sätt, vilket hjälper oss att designa webbplatser som inte bara ser bra ut utan också uppnår alla sina mål.
En av de nya generationerna av A / B-testverktyg är Visual Website Optimizer, eller VWO, från folk på Wingify. VWO tar bort de gamla A / B-testmetoderna för att hantera oändliga kodkod och timmar med att skapa alternativa versioner av din webbplats.
I stället är det så enkelt:
Släpp ett litet stycke av JavaScript i din webbplatss huvudavsnitt.
Använd Dra och släpp-gränssnittet Visual Website Optimizer för att skapa så många alternativa versioner av din webbplats som du vill.
Klocktrafiken kommer igenom och använd de automatiskt genererade diagrammen och värmekartorna för att se exakt vilken version av din webbplats som genererar de bästa resultaten.
Denna process tar helt ut gissningen och låter dig med absolut säkerhet bestämma vilka variationer av dina mönster som ger flest ledare och mest försäljning.
Om du aldrig har utfört A / B-test innan du kanske tror att det krävs fullständiga översyn av webbplatsen för att göra skillnad i att generera resultat. I själva verket är det ofta mycket små förändringar som leder till de största skillnaderna.
Ett bra ställe att få en uppfattning om de små förändringarna som kan ge betydande ökade intäkter är VWOs fallstudie galleri.
Exemplen där visar att förbättringar kan komma från något så enkelt som att ändra färgen på en länk från blått till rött för en 50% ökning av klick:
EN: Beamax, blå länk
B: Beamax, röd länk 50% fler klickÄndra en teckenstorlek från 15px till 20px och modig för en 36,54% omvandlingsökning:
EN: Royal Rabatt, teckenstorlek 15px och normal typsnitt
B: Royal Rabatt, typsnitt 20px fetstil, 36,54% ökning i omvandlingarEller lägg till ett par ord för att gå från en 14,5% till 18,6% omvandlingsfrekvens:
EN: Soocial, original med 14,5% konvertering
B: Soocial, lagt till "Det är gratis" och ökade till 18,6% konverteringLåt oss nu lägga det i perspektiv lite.
Exemplet som du ser ovan där texten var fet och ökad i storlek ledde till en omsättningsökning på 10,21%. Även om företagets hela intäkter för ett år var bara $ 100 000 (och jag är säker på att det är mycket mer) skulle det innebära en utbetalning på $ 10,210 för två minuters tweaking, ett värdigt resultat i någons bok.
Du har sett ovan hur ens små mindre tweaks kan ge riktiga resultat. Låt oss nu titta på hur du kan skapa tweaks så här med hjälp av VWO.
Du kan följa med dessa steg genom att registrera dig för en 30-dagars gratis provperiod hos VWO. Den här gratis provperioden ger dig:
Efter registrering och inmatning av några grundläggande kontouppgifter som ditt företags namn och webbadress kan du gå till Installationskod fliken i ditt administratörsområde för att få tag i ditt JavaScript-integrationsbit.
Kopiera utklippet och klistra in det i slutet av webbplatsens huvudavsnitt och du är bra att gå.
Du kan verifiera att allt är i fungerande ordning genom att ange webbplatsens webbadress i Smart Code Checker på samma sida och klicka på Kontrollera knapp.
Nu när du har integrerat VWO med din webbplats kan du konfigurera en ny kampanj. Klicka på den stora + ikonen i vänstra menyn och välj sedan Webbkampanjer.
Du kommer då att tas till en rad kampanjtyper du kan välja från. För våra ändamål, välj A / B-test.
I nästa panel anger du webbadressen till den sida du vill köra A / B-tester på.
Därefter tar du direkt till din webbplats i Visual Website Optimizer (VWO), där du kan börja skapa olika versioner av det för att testa.
För att visa att jag har skapat en liten nyhetsbrevs anmälningssida för personer som älskar videor av söta valpar, för vem gör det inte, rätt?
Härifrån är allt du behöver göra genom att klicka på det element du vill ändra och du får se en rad verktyg som dyker upp så att du kan göra dina alternativa versioner direkt inuti VWO.
Fortfarande bilder av VWO ensamma kommer inte att göra det rättvisa, för att du verkligen behöver titta på den som används live för att se hur snabbt det gör att skapa alternativa versioner av webbplatsen.
Dessa är samma typer av tweaks som i de exempel vi tittade på tidigare, där små förändringar genererade stora skillnader i resultat.
Som jag nämnde i videon kunde jag konfigurera dessa tweaks bara genom ett gratis provkonto. För att försöka göra samma ändringar för dig själv, gå över till VWOs webbplats och få 30 dagar helt funktionell tillgång gratis.
Förutom A / B-test kan VWO du också skapa multivariata test. Med multivariat testning kan du jämföra mer än bara två varianter av en webbplats, så du kan tänka på det som A / B / C / D ... testning.
De resulterande rapporterna som genereras av dina tester kommer i olika former och format. Bland de tillgängliga rapporterna får du "överblick" sammanfattningar som spårar dina omvandlingar, intäkter, trafik och så vidare:
Du får jämförande diagram:
Och en av mina personliga favoriter, värmekartor för att spåra var besökare klickar:
Medan du kan gå till VWO för split-testningen, kan du också stanna för alla andra sätt verktyget kan användas och några av de extra förmåner som erbjuds.
Vad VWO ger dig är ett sätt att skapa variationer på din webbplats utan att sakta ner det eller behöva behålla olika installationer på olika webbadresser. Split-testning är ett sätt du kan använda, men du kan även servera versioner som är specifikt optimerade för alla typer av olika faktorer som plats, enhetstyp, operativsystem, webbläsare, söktermer och så vidare.
Du kan till exempel använda VWOs segmentspårningssystem för att upptäcka att personer på iPhones i New York som kommer via Facebook är mest mottagliga och ger de flesta omvandlingar. Du kan sedan skapa en anpassad version av webbplatsen bara för det här segmentet, analysera och tweak det för användbarhet och omvandlingar tills du får den mest optimerade variationen möjligt.
En annan aspekt av medlemskap som enligt min mening är värdet av upptagningspriset är "Idefabriken". När du har testat de uppenbara sakerna som rubriker och knappfärger kanske du undrar vad du kan göra bredvid att du fortsätter optimera. På den tiden kan du slå fliken "Idéer" i VWO för att få fullständiga detaljer och vägledning på över 400 extra sätt som du kan fortsätta göra förbättringar:
Du får också tillgång till ett stort bibliotek och bibliotek med verkliga fallstudier så att du kan se exakt vad som fungerade för att öka omvandlingar och intäkter för andra webbplatser. Denna typ av saker kan vara rent guld när du tillämpar vad du upptäcker för dina egna projekt.
För att sätta detta i perspektiv, minns jag några år tillbaka för att se en person som säljer ett kompendium av drygt 40 split test case studies för $ 200, och de gjorde det så mycket framgångsrikt.
Jag började räkna hur många fallstudier var i VWO-idéfabriken - jag slutade klicka på knappen "Ladda mer" vid 120: e inmatningen.
Jag hoppas att detta har gett dig några insikter om vad A / B-test kan göra för dig och hur VWO kan hjälpa dig att utföra det. VWO har en hel del funktioner, och du kan läsa allt om dem på deras hemsida.
Eller för att hoppa rakt in och börja sätta dina webbplatser på provet, få 30 dagar att skapa variationer och titta på dina resultat med den fullt funktionella gratis provversionen.
Låt oss se hur bra dina webbplatser utför!
Accentsconagua