Mobilupplevelse
Därför är en bra mobilupplevelse så viktig för din hemsida
När företag pratar om sin hemsida utgår de fortfarande ofta från hur den ser ut på en dator. Men många av dina kunder kommer aldrig att uppleva den så. De hittar dig i mobilen – och där behöver sidan inte bara fungera. Den behöver vara bra.
Kunden möter inte samma hemsida som du
En hemsida granskas ofta på en stor skärm. Där finns mycket plats, en tydlig navigation, snygga bilder och animationer. Men så möter många kunder aldrig sidan. De hittar dig i stället i mobilen:
- på väg till jobbet
- i soffan
- efter en rekommendation från en vän
- efter en snabb sökning på Google när de behöver hjälp med något just nu
Det gör mobilversionen till en av de viktigaste delarna av hela hemsidan. Och det räcker inte längre att sidan bara fungerar i mobilen.
Den behöver vara bra där.
Mobilen är ofta kundens första möte med företaget
Tänk dig att någon får höra talas om ditt företag. Det första personen gör är kanske att ta upp telefonen och googla företagsnamnet. Inom några sekunder har de fått ett första intryck. Känns sidan långsam, svårläst, rörig, gammal eller jobbig att navigera, påverkar det också hur företaget uppfattas.
Kunden gör sällan skillnad på de här två tankarna:
Det egentliga problemet
”Deras mobilversion är dåligt optimerad.”
Det kunden tänker
”Det här företaget känns inte särskilt professionellt.”
En bra datorversion räddar inte en dålig mobilversion
Det går att ha en fantastisk hemsida på datorn och samtidigt en ganska dålig hemsida i mobilen. Det är ett vanligt misstag. Sidan byggs först för en stor skärm och anpassas sedan för mobilen genom att rubrikerna görs mindre, sektionerna staplas, bilderna krymps och navigationen läggs bakom en menyikon.
Tekniskt fungerar allt. Men upplevelsen kan fortfarande vara dålig.
Bara mindre Allt från datorn får plats, men i samma ordning – och knappen hamnar längst ned.
Designad för mobilen Erbjudandet först, läsbar text och nästa steg där tummen når.
Vi går igenom fler sådana fallgropar i guiden Mobilanpassad hemsida: 8 vanliga problem att kontrollera.
På mobilen har du mindre tid på dig
Den som sitter framför en dator är kanske beredd att utforska hemsidan lite mer. I mobilen går det ofta betydligt snabbare. Besökaren vill kanske bara veta:
- Vad erbjuder ni?
- Vad kostar det?
- Var finns ni?
- Kan jag boka?
- Hur kontaktar jag er?
Är svaren svåra att hitta är det väldigt enkelt att gå tillbaka till Google och välja nästa företag. Därför blir tydlighet extra viktigt i mobilen.
Det viktigaste måste komma först
På en datorskärm kan kunden se mycket information samtidigt. I mobilen ser personen kanske bara en rubrik, några rader text och en knapp. Det gör prioriteringen viktig.
- Restaurang
- Boka bord · Se menyn · Hitta hit
- Frisör
- Boka tid · Se priser · Hitta salongen
- Tjänsteföretag
- Se tjänster · Se tidigare projekt · Få offert
Den bästa mobilversionen är därför inte alltid den som visar exakt samma innehåll i exakt samma ordning som på datorn.
Det är den som hjälper besökaren snabbast.
Mobil design handlar mycket om enkelhet
På en liten skärm blir små problem snabbt stora. Var för sig känns de kanske obetydliga:
- En knapp som är lite för liten
- En meny med för många alternativ
- Ett formulär med tio fält
- En rubrik som tar upp nästan hela skärmen
- En popup som täcker innehållet
Friktion gör det svårare för kunden att göra det du faktiskt vill: kontakta dig, boka, köpa, ringa eller begära offert.
Knappar måste fungera med fingret
På datorn använder vi en exakt muspekare. I telefonen använder vi tummen. Det låter självklart, men många hemsidor är fortfarande byggda med väldigt små klickytor:
- textlänkar som ligger för nära varandra
- ikoner som är svåra att träffa
- små kryss för att stänga popup-rutor
- rullgardinsmenyer som kräver för mycket precision
Behöver besökaren försöka flera gånger för att trycka på rätt sak har designen gjort något onödigt svårt. Bra mobil design ska kännas självklar.
Hastighet märks extra mycket på mobilen
En tung hemsida kan kännas helt okej på snabbt wifi. Men kunden öppnar den kanske via mobilnätet. Då spelar varje stor bild, video och animation roll. En långsam sida kan ge ett dåligt första intryck innan personen ens har hunnit se innehållet.
Design och prestanda går därför hand i hand. En effekt är bara värdefull om den tillför mer än den kostar i:
- laddningstid
- prestanda
- användarupplevelse
Google lyfter fram både laddning, stabilitet och hur väl sidan fungerar på mobila enheter som delar av en bra sidupplevelse. Vill du se hur din sida klarar grunderna kan du göra en kostnadsfri SEO-koll.
En modern hemsida ska inte bara se snabb ut. Den ska kännas snabb.
Kontakt ska vara enklare på mobilen – inte svårare
Mobilen har faktiskt flera fördelar. Besökaren kan ringa direkt, öppna kartan, skicka ett mejl, boka eller skicka ett formulär – utan att byta enhet. Problemet uppstår när hemsidan inte utnyttjar det.
- Telefonnummer
- Går att trycka på och ringer direkt.
- Adress
- Länkar till en karta med vägbeskrivning.
- Bokning
- En knapp som är lätt att hitta, var på sidan du än är.
- Kontaktformulär
- Kräver inte mer än det som faktiskt behövs.
Att göra ett telefonnummer tryckbart är ofta en enda rad kod:
<a href="tel:+4618123456">018-12 34 56</a>Ju enklare nästa steg är, desto mindre anledning har kunden att skjuta upp det.
Formulär blir snabbt jobbiga på mobilen
På en dator är det relativt enkelt att fylla i många fält. I mobilen betyder varje extra fråga mer scroll, skrivande, tangentbord, val och klick. Fundera därför på vad du verkligen behöver veta vid första kontakten.
Kan vänta till nästa steg
- Företagsnamn
- Organisationsnummer
- Telefonnummer
- Budget
- Deadline
- Adress
- Projektstorlek
Räcker vid första kontakten
- Namn
- E-post
- Vad behöver du hjälp med?
Google bryr sig också om mobilen
Mobilupplevelsen är inte bara viktig för kunden. Google använder mobilversionen av webbplatsens innehåll när sidor indexeras och rankas. Därför är det inte särskilt klokt att behandla mobilversionen som en sekundär version av hemsidan.
- Det viktigaste innehållet bör finnas även i mobilen.
- Sidan ska gå att navigera.
- Google ska kunna förstå samma verksamhet oavsett vilken enhet sidan visas på.
Mer om hur Google hittar och förstår din hemsida finns i guiden Varför syns inte mitt företag på Google?
En dålig mobilupplevelse är svår att upptäcka som företagare
Det här är kanske en av de största utmaningarna. Du besöker antagligen inte hemsidan på samma sätt som en potentiell kund. Du vet redan var tjänsterna finns, hur menyn fungerar, vilken knapp man ska trycka på, vad företaget gör och hur man kontaktar er.
Kunden vet inget av det. En hemsida kan därför kännas självklar för den som arbetar med den varje dag och samtidigt vara förvirrande för någon som besöker den för första gången.
Ett enkelt mobiltest du kan göra själv
Ta fram telefonen och öppna din hemsida. Föreställ dig sedan att du aldrig tidigare har hört talas om företaget. Försök att svara på:
- Förstår jag direkt vad företaget gör?
- Kan jag hitta företagets viktigaste tjänster?
- Kan jag enkelt kontakta företaget?
- Är texten enkel att läsa?
- Är knapparna lätta att trycka på?
- Är navigationen tydlig?
- Känns sidan snabb?
- Finns något som stör eller täcker innehållet?
- Är nästa steg tydligt?
Måste du leta efter något är det troligt att kunden också behöver göra det.
Responsiv design är bara början
I dag bör i princip varje modern hemsida vara responsiv. Men responsiv betyder bara att layouten anpassar sig efter olika skärmstorlekar. Det betyder inte automatiskt att upplevelsen är bra.
Responsiv
”Sidan fungerar på mobilen.”
Genomtänkt
”Sidan är designad för mobilen.”
En bra mobilversion tar hänsyn till
- Innehållets ordning
- Navigationen
- Klickytorna
- Textstorleken
- Formulären
- Hastigheten
- Vad kunden sannolikt vill göra
Det är där skillnaden märks.
Mobilen är inte längre en extraversion av hemsidan
För många företag är mobilversionen den viktigaste versionen. Det är där kunden först hittar företaget – och ofta där hela beslutet tas:
Hittar företaget
Jämför alternativen
Läser recensioner
Kollar priser
Hittar adressen
Bestämmer sig för att ta nästa steg – eller inte
Därför bör mobilupplevelsen inte bli något man tittar på sist i projektet. Den bör vara en del av designen från början.
En hemsida ska inte bara vara snygg på en stor skärm. Den ska fungera när kunden faktiskt behöver den.