Snabbt svar: Din hemsida tappar mobilbesökare när texten är trång, knapparna för små, sidan laddar långsamt, kontaktvägen göms eller en chattruta täcker innehållet. Mer än hälften av besöken sker på mobilen, så upplevelsen måste byggas och testas för små skärmar. Hos FRAMFORM kostar en mobilanpassad femsidig företagssajt 4 999 kr exkl. moms.
En hemsida kan se genomarbetad ut på en stor skärm och ändå vara svår att använda i handen. Mobilen pressar ihop allt: rubriker, knappar, bilder, formulär och chatt måste fungera på mycket mindre yta och ofta med bara en tumme.
Jag heter Azzam Khalaf och driver FRAMFORM, en svensk digital studio. När vi bygger webbplatser behandlar vi inte mobilen som en mindre kopia av datorversionen. Vi bestämmer vad besökaren behöver se först, gör nästa steg möjligt att trycka på och testar flödet på mobil, surfplatta och dator.
Mer än hälften av besöken sker på mobilen
Mer än hälften av besöken sker på mobilen. Det betyder att företagets första intryck ofta möter kunden på en liten skärm, kanske på språng och med begränsat tålamod för att zooma, leta eller stänga lager som ligger i vägen.
Mobilanpassning är därför inte en sista teknisk kontroll. Den påverkar innehållets ordning, rubrikernas längd, bildval, knappstorlek, formulär och hur snabbt besökaren hittar kontakt eller bokning.
På vår sida om webbdesign för små företag beskriver vi hur mobil, surfplatta och dator ingår i produktionen. En mobilanpassad handbyggd webbplats med fem sidor kostar 4 999 kr exkl. moms; hela upplägget finns bland FRAMFORMs publicerade priser.
Fem vanliga mobilfel — och fixen
| Mobilfel | Vad besökaren gör | Fixen |
|---|---|---|
| Texten är tät och för liten | Skummar utan att förstå eller lämnar sidan | Kortare stycken, tydlig typografi och luft mellan delarna |
| Knapparna är små eller ligger för tätt | Trycker fel eller ger upp nästa steg | Stora tryckytor med ett tydligt huvudval per avsnitt |
| Sidan laddar långsamt | Väntar utan att se erbjudandet | Anpassa bilder, ta bort onödiga effekter och prioritera kärninnehållet |
| Kontakt eller bokning är gömd | Börjar leta i menyer eller går vidare | Visa ett tydligt nästa steg nära beslutspunkten och i navigeringen |
| Chattrutan täcker skärmen | Kan inte läsa eller trycka på det som ligger bakom | Testa chattens storlek, placering och stängning särskilt på små skärmar |
Varje fel har samma följd: besökaren måste arbeta för att förstå eller agera. En bra mobilupplevelse tar bort det arbetet utan att ta bort viktig information.
Gör tresekunderstestet i din egen telefon
Öppna hemsidan som om du aldrig hade sett företaget tidigare. Använd inte redigeringsläget och börja inte med en sida du redan kan utantill. Räkna till tre och svara sedan på tre frågor:
- Vad erbjuder företaget? Det ska gå att förstå utan att zooma eller skrolla länge.
- Varför ska jag känna förtroende? Text, form och innehåll ska hänga ihop direkt.
- Vad gör jag nu? Kontakt, bokning eller nästa steg ska vara synligt och möjligt att trycka på.
Prova därefter hela vägen: öppna menyn, tryck på huvudknappen, fyll i formuläret och stäng eventuell chatt. Testa både stående och liggande läge. Be till sist någon som inte känner sidan att göra samma sak utan instruktioner.
Testet kommer från samma princip som vår guide om sju frågor att ställa en webbyrå: en leverantör som säger sig bygga för kunder ska själv kunna visa en tydlig mobilupplevelse.
En mobilupplevelse måste byggas
Responsiv teknik kan flytta kolumner under varandra, men den fattar inte automatiskt rätt beslut. Den vet inte vilken rubrik som ska kortas, om en bild fortfarande förklarar något, om en knapp hamnar efter för mycket text eller om en chattruta täcker kontaktvägen.
Det arbetet kräver prioritering. På mobilen kan allt inte ropa samtidigt. Varje avsnitt behöver en tydlig uppgift, och det viktigaste nästa steget ska komma där besökaren är redo att ta det.
Det är också därför en snygg datorversion inte räcker som kvalitetsbevis. Mobil, surfplatta och dator ska ses som tre verkliga användningslägen, inte som en design och två automatiska kopior.
Laddning och innehåll hör ihop
En långsam mobilupplevelse beror inte bara på servern. Stora bilder, onödiga animationer, många typsnitt och funktioner som laddas innan de behövs kan göra att kärninnehållet kommer för sent.
Börja med det företaget måste säga och det kunden måste kunna göra. Komprimera och anpassa bilder, ta bort effekter som inte förklarar något och kontrollera sidan på en vanlig mobilanslutning. Målet är inte en tom sida utan en tydlig ordning där det viktiga får företräde.
Vad kostar det att fixa mobilen?
Hos FRAMFORM ingår mobil, surfplatta och dator från start när vi bygger en femsidig företagssajt för 4 999 kr exkl. moms. Sidan har 0 kr i månadsavgift och första årets hosting ingår. Den bredare prisbilden finns i artikeln om vad en företagshemsida kostar.
Att bygga om en befintlig hemsida har inget fast pris här, eftersom kostnaden beror på sidans teknik, innehåll och skick. Ibland räcker några tydliga justeringar. I andra fall är det mer ansvarsfullt att bygga om grunden än att lägga nya lager ovanpå gamla problem.
Vi lovar inte att en mobilanpassning automatiskt ger fler kunder eller en viss placering i sökresultat. Om den nuvarande sidan redan klarar testet och leder besökaren rätt behöver du kanske inte bygga om den. Målet är en tydlig och fungerande kundväg, inte förändring för förändringens skull.
Nästa steg
Beskriv var mobilbesökaren fastnar eller skicka länken till sidan du vill förbättra. Då kan vi bedöma om några riktade ändringar räcker eller om grunden behöver byggas om.
Vanliga frågor
Varför tappar hemsidor kunder på mobilen?
Vanliga orsaker är trång text, små knappar, långsam laddning, dold kontaktinformation och lager som täcker innehållet. Problemen uppstår när datorversionen bara krymps i stället för att anpassas. Mobilen behöver en egen tydlig ordning och testning av hela kundvägen.
Hur testar jag min egen hemsida på mobilen?
Öppna sidan i telefonen och räkna till tre. Kontrollera om du direkt förstår erbjudandet, känner förtroende och ser nästa steg. Prova sedan meny, knappar, formulär och eventuell chatt utan att använda kunskap du redan har om sidan.
Vad kostar en mobilanpassad hemsida?
Hos FRAMFORM ingår mobilanpassning från start i en handbyggd femsidig företagssajt för 4 999 kr exkl. moms. Den har 0 kr i månadsavgift och första årets hosting ingår. Priset för att bygga om en befintlig sida beror på dess teknik, innehåll och nuvarande skick.
Bryr sig Google om hur hemsidan fungerar på mobilen?
Ja, mobilupplevelsen är central i modern sök. Det viktigaste är att innehållet går att läsa, sidan går att använda och nästa steg fungerar på en liten skärm. Vi lovar ingen viss placering, eftersom söksynlighet påverkas av fler delar än designen ensam.