👉 13 Optin Design misstag som Ă€ven förarna gör

Ändra ditt WordPress Författarnamn … Please

Vill du förbättra dina e-mail-formulär? Att använda väl utformade optin former är avgörande för att framgångsrikt odla din e-postlista. I den här handboken delar vi 13 optinkonflikter som även proffsen gör (och hur man utformar optinformer som konverterar).

Innan vi dyker in på optin designfel och hur man undviker dem, låt oss kortfattat täcka grunderna för god optin design.

Vad är Good Optin Design?

Här på Jared Ritchey är vi engagerade i att hjälpa dig att öka dina konverteringar så att du kan få fler kunder till ditt företag. Med andra ord är vi inte intresserade av att hjälpa dig att designa optinformer som ser "söta" ut, men konverterar inte.

Med det sagt är det viktigt att du använder bra designprinciper för dina konverteringsfrekvenser. I motsats till vad vissa marknadsförare säger för att försvara "dålig" eller "ful" design, har högkvalitativ design en tendens att konvertera bättre.

Varför? Derrick Weiss of IMPACT Branding & Design sätter det enkelt:

"Design är bara visuell kommunikation. När du har något av värde vill du att människor ska agera och konvertera för att få det värdet. Om din kommunikation är dålig kommer din publik inte att förstå värdet och kommer inte att konvertera. "

Optin design omfattar alla de visuella elementen som kommunicerar värdet av ditt gratis erbjudande (eller blymagnet), och bra optin design kommunicerar det värdet effektivt så att det konverteras.

Okej, nu när du förstår syftet och betydelsen av bra optin design, låt oss ta en titt på de 13 misstag som vi vanligtvis ser till och med proffsen gör …

1. Använd inte flera optintyper

När det gäller att utforma din optin form måste du först bestämma vilken optin typ som ska användas. Det finns många olika typer att välja mellan, till exempel:

  • Sidofältoptins
  • Skjut in rullrutor
  • Inline optins
  • Välkomstportar
  • Flytande barer
  • Lightbox popup

Med alla dessa olika optintyper, vilken ska du välja?

Tja, om du bara använder en eller två optin typer, kommer du helt enkelt inte att kunna fånga upp så många abonnenter som du kan vara. Så det bästa sättet är att använda en mängd olika optintyper på din webbplats.

Du kan till exempel ha ett optin högst upp i sidofältet ovanför veckan, där alla som besöker din blogg kan se den direkt.

Du kan också ha en optinform som glider in efter att någon har rullat ner för att läsa ditt inlägg.

Då kan du få en ljuskälla som dyker upp när användaren klickar på en länk i ditt blogginlägg.

Dessa exempel är bara toppen av isberget. För en komplett guide till olika optintyper, kolla in 14 High Converting Places för att lägga till e-postformulär för att bygga din lista.

2. Ignorera överge besökare

Ett annat vanligt misstag som vi ser visar inte ditt optimeringsformulär för att överge besökare med en avstängningsintentiv popup.

Tyvärr kommer över 70% av besökare som lämnar din webbplats aldrig tillbaka.

Det är därför varje webbplatsen ska ha en optinform som visas när användaren håller på att lämna webbplatsen. Så här ser vi ut.

Det här är din sista chans att be besökare att välja på din e-postlista innan de lämnar din webbplats för alltid, så missa inte denna möjlighet.

För en komplett guide för att avsluta popup-filer, kolla in 40 Exit Popup Hacks som kommer att öka dina abonnenter och intäkter.

3. Inte tillåta användare att inleda

Vid utformning av optin-formulär visar de flesta människor formulärfälten direkt. Det kan dock vara ännu mer effektivt att tillåta användaren att initiera processen innan de ser formfälten.

Det beror på något som kallas Zeigarnik-effekten: Användarna är mycket mer benägna att slutföra en uppgift när de initialt har börjat processen.

Särskilt i kombination med innehållsuppgraderingar ska du använda en 2-stegs optinformsdesign för de högsta konverteringarna.

En 2-stegs optinform utnyttjar Zeigarnik-effekten genom att fråga användaren om de är intresserade av ditt erbjudande innan du ger dem möjlighet att skriva in deras e-postadress.

Här är ett exempel på en 2-stegs optinform som jag byggt med Jared Ritcheys YES / NO-knappar.

Dessa 2-stegs optins konverterar så bra att vissa av våra kunder byter de flesta av sina optins till 2 steg.

4. Använd inte Anpassning

Vilken information har du om dina besökare på webbplatsen? Använder du den informationen för att anpassa dina optimeringsformer?

Den genomsnittliga webbplatsomvandlingsfrekvensen är 2%, men du kan ha en 42% högre konverteringsfrekvens helt enkelt genom att använda personalisering.

Om du till exempel känner till din besökares namn, varför inte adressera dem genom deras namn, så här?

Om du är en Jared Ritchey-användare kan du uppnå detta med hjälp av vårt API för dynamisk textbyte.

Men adressera dina besökare med namnet är bara ett sätt att du kan anpassa dina optins. Du kan också visa specifika optins baserat på:

  • Sidan din användare besöker
  • Hur många sidor har de tittat på
  • Enheten de använder
  • Deras geografiska läge
  • Deras datum och tid
  • Vem hänvisade dem till dig
  • Vilka optins de tidigare har interagerat med
  • Specifika cookies de har i sin webbläsare
  • En URL-specifik ankare-tagg
  • … möjligheterna fortsätter och fortsätter!

För att uppnå någon av dessa metoder för anpassning kan du använda Jared Ritcheys intuitiva Display Rules Engine.

5. För många formulärfält

Ju mindre information du begär i din optimala form, desto bättre. Det beror på att ju mer information du begär, desto mindre sannolikt är någon att följa med sin prenumeration.

Tyvärr, även några professionella marknadsförare får inte detta rätt och använder för många formulärfält i deras optin.

Här är ett exempel på en optinform med för många formfält (från Mace Yampolsky).

Frestelsen att begära mycket information är särskilt bra om du erbjuder ett gratis offert eller samråd. Du kan dock fortfarande förvärva denna information från dina ledningar efter de har ursprungligen valt in med sin e-postadress. På så sätt riskerar du inte att förlora den ledningen helt och hållet.

Lyckligtvis hade affärsägaren från ovanstående exempel fått sin webbplats omkonstruerad, och hans optimala form kopplade till bara några enkla formulärfält. Så här ser det ut nu.

När du klickar på den röda "Request a Free Consultation" -knappen, kommer du att hämtas till en sida med själva optin-formuläret, som visas nedan.

Se hur mycket mindre överväldigande denna optin är för användaren?

6. Svag uppmaning till handling (CTA)

"För att dina CTA ska fungera måste två saker hända. Först måste besökare kunna upptäcka dem utan ansträngning. För det andra måste besökare genast veta vad de gör. "-Tim Ash, Sitetuners

Vad är call-to-action på din optin form? Är det att "prenumerera" eller "anmäla dig till uppdateringar"? Har ett optin form med denna typ av CTA är okej, men bara om du använder den tillsammans med andra optins som har ett starkare erbjudande.

Tänk på det från användarens synvinkel: Hur upphetsad är de att anmäla sig till din e-postlista bara för att få uppdateringar?

Nu, en del av din publik kommer vara glada att få uppdateringar från dig, men de utgör bara en liten andel av din totala besökare på webbplatsen. För att locka de flesta till din e-postlista måste du skapa en oemotståndlig blymagnet eller "opt-in muta". Det här är något värdefullt som du ger bort gratis i utbyte mot besökarens e-postadress.

Men ditt erbjudande kan inte bara vara en ledmagnet. Det måste vara ett erbjudande som dina ideala kunder helt enkelt inte kan motstå. För att säkerställa att det är fallet ska din ledmagnet:

  1. Lös ett verkligt problem – Om din ledmagnet inte löser ett verkligt problem som din kunds avatar har, eller om det inte ger dem något de verkligen vill, fungerar det inte alls.
  2. Löftet en snabb vinst – Din ledmagnet ska lova (och leverera) en snabb vinst för din avatar. Med andra ord bör det hjälpa dem att enkelt uppnå något.
  3. Var superspecifik – Skapa inte en blymagnet om någonting generellt. Ju mer specifika du är till fördel för din blymagnet, desto bättre kommer den att konvertera leads.
  4. Var snabb att smälta – PDF checklistor tenderar att konvertera riktigt bra eftersom de är så snabba och lätta att smälta. e-böcker eller långa rapporter kan få dina utsikter att känna sig överväldigade.
  5. Var högt värde – Din ledmagnet ska ha både högt upplevt värde och högt verkligt värde.
  6. Var genast tillgänglig – Din ledmagnet fungerar bäst om det är något som kan levereras direkt. Folk älskar omedelbar tillfredsställelse.
  7. Visa din kompetens eller unik värde proposition – När någon förbrukar din ledmagnet ska den visa din kompetens eller ditt unika värdeförslag. Detta hjälper till att leda till kunder på vägen.

När du har skapat en blymagnet som följer ovanstående kriterier, har du en mycket stark CTA för din optinform.

För mer information och massor av bra ledmagnetidéer, kolla in 69 Effektiv Lead Magnet-idéer för att odla din e-postlista.

7. Saknar en optimal bild

De flesta optin former kan dra nytta av en lämplig bild. Men många optin design misslyckas att använda bilder effektivt.

För att säkerställa att din bild fungerar med din optiska design ska den:

  1. Var relevant för erbjudandet – Om din bild är helt orelaterad med ditt erbjudande kommer det att bli en störande koppling.
  2. Trigger den önskade känslan – Inte bara bör ämnet på din bild anpassas till ditt erbjudande, men det bör också utlösa önskad känsla hos din målkund.
  3. Rita ögat mot optin – speciellt om din bild innehåller en person, bör synfältet vara mot optinformen, inte borta.
  4. Var hög kvalitet – dina bilder ska se professionella om du vill att besökarna ska lita på dig (bara akta dig för ostabila stockbilder som din publik inte kommer att tro).

Här är ett exempel på en mindre än idealisk bild från Rentify.

Som du kan se ser den här bilden professionell ut, men mannen i bilden tittar bort från optinformen. Detta skulle vara mycket enkelt att fixa genom att helt enkelt vända bilden horisontellt.

Ett bättre exempel är den här bilden från Chemistry.com.

Siktlinjen leder rätt mot optinformen, och kvinnan har ett fräckt uttryck på hennes ansikte som framkallar en lämplig känsla för ett matchmaking-företag.

8. För mycket text

När du utformar dina optimala formulär, motstå uppmaningen att använda mycket text. I själva verket är ju mer kortfattat dina meddelanden, ju mindre sannolikt kommer du att skruva upp det.

Du ser, folk gillar inte att läsa mycket text på en optin form. Text blir överväldigande, riktigt snabb. Det gör också att din design ser ringa ut och obehaglig.

Om du måste Använd lite extra text för att beskriva en lista med förmåner, till exempel hålla fast vid punkterna. Kulor gör din kopia mer skannad.

9. Oklart kopia

När du skriver din kopia, se till att det är helt klart en överblick vad användaren kommer att få när de väljer in.

Ta en titt på det här exemplet från Detox Cleanse Nourish.

Den här optindesignen ser inte alls dåligt ut ur ett visuellt perspektiv, men vid första anblicken är det svårt att avgöra vad erbjudandet är exakt. Bilden visar en bok, men CTA-knappen säger "Registrera nu". Varför skulle du behöva "registrera" för att få en bok?

När jag går till huvudrubriken blir jag ännu mer förvirrad. "Kickstart din fettförlust, öka din energi och lär dig att äta för att ge näring åt din kropp under 24 dagar." Medan de låter som ganska bra fördelar, är jag inte helt säker Vad det är. Är det en utmaning av något slag? Varför finns det fortfarande inget om boken?

Slutligen klargör läsning av underrubriken att jag skulle få tillgång till en medlemsplats, plus e-boken. Problemet är att det tog mig sätt för lång tid att räkna ut det, och de flesta människor kommer helt enkelt inte fortsätta att titta på din optin om det inte är klart för dem en överblick.

Senare designade Detox Cleanse Nourish denna optinsida och stramade upp sin kopia. Låt oss ta en titt på den aktuella iterationen.

Som du kan se är kopian mycket tydligare och kortare. "Lär dig att äta god mat och fortfarande få resultat" är en mycket mer fokuserad CTA än vad de tidigare hade. Knappen lyder nu "Start Now", vilket låter mycket mer övertygande (och mindre förvirrande) än "Registrera nu".

Men för att göra detta optimalt klart skulle jag lägga till en liten förrubrik precis ovanför huvudrubriken som förklarar exakt Vad Erbjudandet är (t.ex. "Gratis medlemskap" eller "Gratis eBook").

För mer tips för att skriva din optinkopia, kolla in vår 63-punkts checklista för att skapa den ultimata Optin-formuläret (med exempel).

10. Dålig färgpalett

"Strategiskt placerade element och tankeväckande färglösningar omvandlar ditt meddelande från vanlig text till en visuell vägkarta. Tankeväckande färgval, i kombination med smart positionerade element, kan berätta för användaren vad som är interaktivt, viktigt och var man ska gå direkt. Det hjälper till att klargöra användarresan och, totalt sett, förbättra upplevelsen. "-Amir Hamdi, Lackmus

När du väljer färgerna för din optin finns det två grundläggande aspekter att ta hänsyn till. Om du inte har dessa två saker, kommer dina färger att fungera mot din optin.

  1. Färg Harmoni
  2. Färgkontrast

Färg Harmoni

För det första, om dina färger kolliderar med varandra, kommer det att göra ditt optimala utseende obehagligt och oprofessionellt.

Därför är det viktigt att hålla färgtoner i åtanke när du skapar färgpalett.

Färg harmoni använder specifika regler kombinera färgerna på ett sätt som ser harmoniskt och behagligt för ögat. Dessa regler – till exempel komplementär, triad och analog – använd färghjulet för att bestämma vilka färger som går bra tillsammans.

Lyckligtvis finns det några bra verktyg som kan hjälpa dig att skapa vackra, harmoniska färgscheman, även om du inte är en formgivare. Här är några jag rekommenderar:

  • Adobe Color CC – hjälper dig att utforma färgscheman baserat på analoga, triad, komplementära, monokromatiska, sammansatta och fler färgregler.
  • Coolors – En färgschema generator som låter dig skapa, spara och dela perfekta paletter i sekunder /
  • Colour – Färgpalettinspiration från andra designers.

Färgkontrast

"Färger har bestämda handlingar / stämningar associerade med dem, men det som de flesta inte inser är att det handlar mer om färgens kontrast än själva färgen. Om du kan göra de viktigaste aspekterna av din webbplats, t.ex. din CTA-knapp, sticker ut från sidan, ger den en visuell betydelse och gör det mer sannolikt att locka till klick. "-Donny Wilson, Vital Design

Tillsammans med ett harmoniskt färgschema är en effektiv användning av kontrast avgörande för höga konverteringar på din uppmaning.

Tillbaka till vårt Rentify-exempel från tidigare, notera hur många element på optinsidan har samma orange färg.

Eftersom det finns så mycket apelsin, kommer "Kom igång" -knappen att gå vilse på sidan.

Men om du tittar på Rentifys nuvarande optinsida ser du en bra användning av färgkontrast.
Nu är CTA-knappen i en ljusgrön, vilken kontrasterar snyggt mot den mörkgrå bakgrunden.

För mer information om färger och dina call-to-action, kolla vilken Vilken färgknapp som konverteras bäst? Här är vad forskning visar.

11. Dålig typografi

"Typografi kan hjälpa dig att skapa en visuell hierarki genom att göra de viktigaste elementen utseendet genom storlek, färg eller stil." –Ankit Oberoi, AdPushup

Det finns tusentals typsnitt att välja mellan för din optin, men tyvärr är många av dem dåliga typsnitt och extremt överanvändda.

Här är några typsnitt som du bör undvika att använda för dina optimala mönster till varje pris …

  • Penselskript
  • Papyrus
  • Gill Sans
  • Ransom Note
  • Trajan
  • Comic Sans
  • Franklin Gothic
  • Bradley Hand
  • Kurir

Ett annat vanligt misstag är att kombinera för många olika teckensnitt eller teckensnitt som inte parar väl ihop. Titta istället på professionella designers för typografiinspiration.

100 dagar med teckensnitt har 100 olika idéer för fontparning som du kan använda för dina optins.


Typografiskt projekt för Google Web Fonts är en annan bra webbplats för inspiration, med bara teckensnitt som är fritt tillgängliga från Google Fonts.

12. Optimerar inte för mobil

Speciellt med Googles nya mobila vänliga regler för popup-filer är det absolut nödvändigt att du optimerar dina optin-formulär för mobila enheter.

Om du är en Jared Ritchey-användare är lightbox optins bara skrivbordet som standard.Du kan också skapa mobiloptimerade optin-formulär och ställa in dem att visas i enlighet med Googles regler.

Med hjälp av vår Display Rules Engine kan du ställa in dina mobila popup-fönster först efter 2: e sidvisning, bara efter att användaren rullar ner 80% av sidan eller bara för besökare som är inte kommer till din sida från Google.

För mer mobila vänliga optin-rekommendationer, kolla in vårt inlägg på The New Google Mobile Friendly Rules for Popups.

13. Inte A / B-testning

Även efter att ha följt alla rekommendationerna ovan för att designa dina optin-formulär, bör du fortfarande göra dataförvaltade beslut. Snarare än helt enkelt gissa att något kan fungera, bör du dela upp dina optimala formulär för att se vad verkligen fungerar för din webbplats och din publik.

Du kan se hur lätt det är att skapa delade tester med Jared Ritchey genom att titta på videon nedan.

Det är allt! Vi delade 13 optin designfel som även proffsen gör.

Nu är det din tur. Gör du något av dessa misstag? Om så är fallet, följ våra rekommendationer ovan och du kommer vara bra på väg till en vacker optin-design som omvandlar fler e-postabonnenter och kunder.

Behöver du en lättanvänd optin designbyggare? Vad sägs om massor av professionellt utformade mallar som bevisas öka konverteringarna? Kom igång med Jared Ritchey idag för att bygga högkvalitativa optinformer som konverterar.

Titta pĂ„ videon: Samantha Harvey – snĂ€lla

Like this post? Please share to your friends:
Kommentera

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: