CRO Best Practices – Part I (Svenska)

(Clinton Ball)

Vi ska dyka in i CRO Best Practices som förklaras av guru Peep Laja från CXL. Detta är en fortsättning på delning av inlärning från CRO miniprogram Jag tog ett tag tillbaka.

”När du tvivlar på hur du kan lösa en viss designproblem, dra av erfarenheterna från andras användning av bästa praxis. Använd denna upplevelse som input till dina designhypoteser. Utöver det bör resten av dina designval drivas av data. ”CXL

LÅTAR UT HUR DU SAMLAR IN INFORMATION PÅ DIN SIDA FÖR ATT FÅ OMGÅNGAR

Foto av UX Store Unsplash

Webblanketter

De flesta hatar former, men formulär är väsentliga för konvertering.

Formulär kan ha olika” former ”: Registreringsformulär, kassaformulär, betalningsformulär, offertformulär för offert, blanketter för leadgenerering.

Huvudmålet med formulär är att minska friktionen, men få den information vi behöver. Några användbara tips på sätt att göra detta:

Ställ in tydliga förväntningar

  • Låt folk veta hur lång tid det tar att fylla i en långformulär och vara tydliga om varför du samlar in den informationen och vad som fyller i formuläret får användaren.

Minimera antalet formulärfält:

  • Varje ytterligare formulärfält skapar friktion, samla bara in det som är nödvändigt.
  • “ När en 11-fältsversion av formuläret ersattes med en 4-fältsversionen ökade antalet inkomna formulär med 160% och konverteringen ökade med 120%. ”
  • Undvik valfria fält igen, om du inte behöver informationen, fråga inte för det. Expedia hade en valfri fråga med namnet företag och fick 12 miljoner dollar genom att ta bort det här förvirrande fältet.
  • Ibland är symboler inte lika bra som ord (t.ex. obligatoriska fält) men det här är bara antaganden och måste testas.
  • Korta former kontra långa former. Inse vad som är relevant; Om du skapar ett formulär för jobbansökningar kan den längre versionen verka mer trovärdig. Tänk på vem som använder formuläret och varför de använder det.
  • Öka friktionen avsiktligt för att få potentiella kunder av högre kvalitet

3 saker som längre former gör

  • Människor som är mer motiverade fyller i längre formulär. Du får högre kvalitetsledningar.
  • Längre formulär hjälper människor att kvalificera sig – och okvalificerade människor kommer att försvinna.
  • Om du har mer information om ledningen kan du göra bättre leda poäng. Som en byrå i ett försök att rensa bort okvalificerade lutningar lade CXL till i ett fält för förväntad budget och minskade slösad tid på försäljningssamtal.

När du har flerstegsformulär , det är bäst att dela upp formuläret i en flerstegsprocess.

  • Få den viktigaste informationen i den första formen och sedan i den andra delen av processen be om mer specifika detaljer
  • Använd framstegsindikatorer som ett sätt att visa användarna att de är nästan där, det kan hjälpa till att minska friktion och irritation

Börja med enklare fält

  • Du kan få fart genom att be om enkla formulärfält i början.
  • Toppjusterade etiketter fungerar oftast bäst för mindre formulär, när du har längre formulär, försök att lägga till etiketterna till vänster .. speciellt för formulär där du vill ha användare att sakta ner och noggrant fylla i svaren
  • Inbyggda formulärfält är nästan alltid DÅLIGA. Undantag är 1–2 rader. Användare glömmer vad de skriver.
  • Använd vanlig text kontra fetstil eftersom det är lättare för ögonen
  • Använd rullgardinsfält nära slutet av formuläret eftersom de kan orsaka friktion
  • Använd alternativknappar när människor har färre än fem val
  • Ta bort fältet för bekräfta lösenord och använd ett lösenordsfält för att visa.
  • Förvälj vad du kan. Att använda en platsautomatisk upptäckt kan hjälpa till att påskynda formulärets slutförande.

Feedback och felvalidering

  • Använd Google Analytics-händelsespårning för att registrera felmeddelanden på din webbplats
  • UNDVIK felmeddelanden till varje pris, detta orsakar omedelbar nedladdning av webbplatsen
  • Röd bör endast reserveras för felmeddelanden
  • Använd inbyggd formulärvalidering för att hjälpa till med att slutföra och låta människor ange data som de vill

Undvik captchas

  • Bra för skräppost men irriterande för människor.
  • Vi rekommenderar att du använder Honeypot istället.
  • Resultaten från Stanford University visade att captchas är irriterande och svåra för användare att slutföra

Adressfrykt

  • En FUD är en rädsla, osäkerhet eller tvivel. Eliminera dem.
  • Om du ber om känslig information, använd förseglingar i form för att riskera användaren, t.ex. BBB,

Formanalys

De 3 sätten att bedöma vilka formulärfält som orsakar friktion är: Användartestning, sessionuppspelningar och formuläranalysverktyg

Knappar och samtal till åtgärder

Knapparna är varierade och de bör vara tydliga, enkla att förstå när det gäller att svara ”varför?”, och de märks.

  • På varje sida, definierar bara 1 mål .
  • Den mest önskade åtgärden ska sticka ut. Ex. ”Prova det gratis”
  • Ett sätt att få en sekundär CTA (call to action) att fungera med en primär är att differentiera genom färg. Ex. Den ena knappen är grön, den andra är tydlig.
  • Använd färger som skiljer sig från dina webbplatsers primärfärger för att sticka ut. Resultaten är inte avgörande för varför en knapp färgar över en annan, men det är avgörande att du ska få dem att sticka ut.
  • Gör knappen tillräckligt stor för att en användare vill klicka på den och blankstegsknapparna. ska avsluta den här meningen, ”Jag vill …”
  • Du vill att kopian av uppmaningen ska vara: Specifik, förmedla en fördel och utlösa användaren .
  • Designa en hypotes för en CTA: Vad är användarnas motivation, vad kommer användaren att få genom att klicka?
  • Märk CTA kring den åtgärd som användaren utför, t.ex. Användaren klickar ”prenumerera” på ett nyhetsbrev och inte ”skicka”
  • Försena åtagandet. Ex. ”Lägg i kundvagn” kontra ”Köp nu”
  • Bör det finnas omgivande text som hjälper till att minska risken för ångest? Om du tycker att det krävs, lägg till det!
  • När det gäller knappplacering läser de flesta användare i ett F-mönster .
  • Bilder som fokuserar läsarnas uppmärksamhet på produkten eller tjänsten och visar spänning kan vara mer effektiva.
  • Bilder, rubriker och CTA stöder alla varandra och bör fokuseras, igen, på målet för sidan .

Vik och sidlängd

  • Viken är den del av * vilken * sida som människor ser utan att behöva bläddra nedåt.
  • Alla kritiska uppmaningar bör nås från veckan, till exempel kundvagnen, vilken form eller prissättning som helst.
  • Det finns ingen universell vikstorlek eftersom den är enhetsberoende
  • Överst på webbplatsen ska innehålla den viktigaste informationen och arbeta nedåt

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *