Din konverteringsgrad på mobil är en procent. Din konverteringsgrad på dator är fem procent. Mobilbesökare ser samma erbjudande som datorbesökare. Samma produkt. Samma fördelar. Samma allt. Men mobilen konverterar en bråkdel av datorn. Skillnaden är inte erbjudandet. Skillnaden är friktion. Mobilen har mer friktion. Skärmarna är mindre. Det går långsammare att skriva. Formulär är krångliga på pekskärmar. Bilder tar tid att ladda över mobilnät. Kassan kräver ändlös scrollning. Varje steg känns svårare på mobil. Friktionen dödar konverteringar. En besökare på dator fyller i ett formulär på två minuter. Samma formulär på mobil tar sju minuter. Efter tre minuter har hen gett upp. Konverteringsoptimering för mobil tar bort friktionen. Den förenklar formulär. Den gör sidor snabbare. Den formger för beröring. Den tar bort onödiga steg. Målet är inte att få mobilkonverteringen lika hög som datorns. Det är att ta bort den konstgjorda friktion som dödar mobilkonverteringar. Den här artikeln förklarar konverteringsoptimering för mobil och hur du förbättrar konverteringarna på små skärmar.
Därför är mobilkonverteringarna lägre
Mobilkonverteringarna är lägre av goda skäl. Mobilanvändare är distraherade. De sitter på caféer och på tåg. De blir avbrutna. Mobila enheter är långsammare. Näten är långsammare. Enheterna har mindre processorkraft. Mobilupplevelser kräver mer ansträngning. Det är svårare att skriva. Man måste scrolla. Det är svårt att trycka på små ytor. Det är verkliga begränsningar. Mobiloptimering kan inte ta bort dem. Men den kan minimera deras påverkan.
Formuläroptimering för mobil
Formulär är den största friktionspunkten på mobil. Ett formulär med tio fält är hanterbart på dator. På mobil kräver det ändlös scrollning. Förenkla formulär för mobil. Minska fälten från tio till tre. Fråga bara efter det viktigaste. Fråga efter valfri information efter konverteringen. Använd autofyll och förifyllning när det går. Låt mobilens webbläsare fylla i e-post och adress automatiskt. Använd inmatningstyper som visar rätt tangentbord. Ett fält för telefonnummer ska visa ett siffertangentbord. Ett fält för e-post ska visa ett e-posttangentbord. De små ändringarna minskar friktionen.
Hastighetsoptimering för mobil
Mobilnät är långsammare än datornät. Långsamma sidor ger avhopp. Optimera bilderna. Komprimera dem. Servera bilder som är lagom stora för mobilskärmar. Skicka inte en bild på fyra megabyte avsedd för dator till en mobiltelefon. Minifiera koden. Ta bort onödigt JavaScript. Skjut upp laddning av JavaScript som inte är kritiskt tills sidan har laddats. Använd cache ordentligt. Spara statiska filer på enheten så att de inte behöver laddas ner igen. Testa din sidhastighet på mobil. Google PageSpeed Insights visar vad du ska åtgärda.
Optimering av knappar och touch
Knappar måste vara större på mobil. Fingrar är mindre exakta än möss. En knapp som är lätt att klicka på dator kan vara omöjlig på mobil. Gör knappar minst fyrtiofyra gånger fyrtiofyra pixlar. Det är ungefär storleken på ett mänskligt finger. Placera knapparna med avstånd så att de inte trycks på av misstag. Sätt inte två knappar precis bredvid varandra. Ta bort hovereffekter. Hover finns inte på mobil. Hovereffekter förvirrar mobilanvändare. Byt ut dem mot aktiva tillstånd som visar vad som händer när du trycker.
Kassaoptimering för mobil
Kassan är där mobilavhoppen är högst. Förenkla kassan. Kassa på en sida är bättre än kassa på flera sidor på mobil. Minska formulärfälten. Förifyll det du vet. Visa framsteg tydligt. Låt användarna veta hur många steg som återstår. Erbjud gästkassa. Tvinga inte fram kontoskapande före köpet. Erbjud flera betalningssätt. Vissa användare har en digital plånbok i telefonen. Vissa har Google Pay. Vissa använder kreditkort. Att stödja alla minskar friktionen.
Testa mobiloptimering
A/B-testa mobilförändringar. Ett förenklat formulär med tre fält mot ett med tio fält. En större knapp mot en mindre. En kassa på en sida mot en på flera sidor. Mät vilken som konverterar bäst. Inför det som fungerar. Mobilen är så pass annorlunda att förändringar som fungerar på dator kanske inte fungerar på mobil. Testa på riktiga mobila enheter. Att testa i en webbläsare på dator är inte detsamma som att testa på en telefon.
Vanliga frågor
Ska jag skapa en mobilapp i stället för att optimera min mobilwebbplats?
Inte nödvändigtvis. Mobilwebbplatser fungerar för de flesta företag. Appar kräver nedladdning. Nedladdningar är friktion. Användare laddar sällan ner appar om de inte ger betydande värde. Börja med en välinoptimerad mobilwebbplats. Överväg en app bara om användarna skulle ha nytta av offlinefunktioner, pushnotiser eller en bättre upplevelse än webben ger. Med WEMASY webbplatsbyggare kan du sätta upp det direkt på din webbplats.
Hur optimerar jag för olika skärmstorlekar på mobil?
Använd responsiv design. En design som anpassar sig till olika skärmstorlekar. Med CSS media queries kan du använda olika stilar vid olika brytpunkter. Testa på olika enheter och skärmstorlekar. Anta inte att alla mobila enheter är likadana. En telefon och en surfplatta har olika skärmstorlekar. Optimera för båda.
Vilken mobiloptimering har störst effekt?
Att minska antalet formulärfält har oftast störst effekt. Långa formulär är den största friktionspunkten på mobil. Ta bort onödiga fält och se mobilkonverteringen förbättras. Hastighetsoptimering kommer på andra plats. Långsamma sidor ger avhopp. Optimera bilder och ta bort onödig kod.
Kan jag använda samma kassa för mobil och dator?
Du kan dela samma bakgrundssystem men optimera presentationen för varje enhet. Datorkassan kan ha fler fält och fler steg. Mobilkassan ska vara enklare. Använd responsiv design så att en kassa anpassar sig till varje enhet. Eller skapa enhetsspecifika kassor om du har resurserna.
Hur testar jag mobil utan en riktig mobil enhet?
Webbläsarens utvecklarverktyg låter dig simulera mobila enheter. Du kan se hur din webbplats ser ut på olika skärmstorlekar. Men simulering är inte detsamma som riktiga enheter. Riktiga enheter har långsammare nät och andra webbläsare. Testa på riktiga enheter när det går. Låna telefoner och surfplattor av kollegor om du inte har egna.
Vilken förbättring kan man vänta sig av mobiloptimering?
En välinoptimerad mobilupplevelse förbättrar oftast konverteringsgraden med femtio till hundra procent. Bara en förenkling av formuläret kan förbättra mobilkonverteringen med tjugo procent. Hastighetsoptimering kan förbättra den med trettio procent. Kombinera flera optimeringar så ger effekten ränta på ränta.