Numret ska synas utan att kunden skrollar
Vid akuta ärenden är telefonnumret hela sidan. Ligger det i sidfoten har ni redan förlorat kunden till nästa firma i sökresultatet.
Lägg numret överst, gör det klickbart med en tel-länk och skriv ut när ni svarar. Ett nummer som inte går att trycka på är ett nummer som ska skrivas av för hand, och det gör ingen.
Knappar som är för små eller sitter för tätt
En tumme täcker ungefär en kvadratcentimeter. Knappar under 44 pixlar i höjd blir svåra att träffa, och två knappar med några pixlar emellan gör att fel knapp trycks.
Det syns aldrig i en design på en stor skärm. Det är därför det ska testas i telefonen, inte i webbläsarens mobilvy.
Formulär som kräver för mycket knappande
Varje fritextfält på mobil betyder framplockat tangentbord, halva skärmen borta och tio sekunders knappande. Byt ut det ni kan mot valbara alternativ.
Se också till att fälten är rätt typ. Ett telefonfält ska öppna sifferbordet, ett e-postfält ska visa snabbknappar. Fel fälttyp fördubblar tiden det tar att fylla i.
- Använd rullgardiner för tjänster i stället för fritext
- Sätt rätt inputtyp så att rätt tangentbord öppnas
- Låt adressfält föreslå automatiskt
- Undvik obligatoriska fält kunden inte kan svara på i stunden
Text som är för liten och rader som är för långa
Under 16 pixlar zoomar många telefoner in automatiskt när man klickar i ett fält, vilket kastar om hela layouten. Håll brödtexten på minst 16 pixlar.
Rader som sträcker sig över hela skärmbredden är svåra att läsa. Runt 60–70 tecken per rad fungerar även på små skärmar.
Sidan hoppar medan den laddar
När bilder saknar angiven storlek reserverar webbläsaren ingen plats för dem. Innehållet hoppar till när bilden dyker upp, och kunden trycker på fel sak.
Det mäts som Cumulative Layout Shift och är ett av Googles Core Web Vitals. Lösningen är enkel: ange bredd och höjd på varje bild.
Testa som en stressad kund gör det
Öppna sidan i telefonen, med mobildata i stället för wifi, och försök begära en offert på sextio sekunder. Det är villkoren era kunder faktiskt har.
Notera var ni själva tvekar. De ställena är samma ställen där andra ger upp.
Vanliga frågor
Räcker det att sidan är responsiv?
Nej. Responsiv betyder att innehållet ryms. Det säger ingenting om att numret går att trycka på, att formuläret går att fylla i eller att sidan laddar på mobildata.
Hur snabbt måste sidan vara?
Under två sekunder till att något syns. Efter tre sekunder har en märkbar andel redan lämnat, och de kommer sällan tillbaka.
Ska vi ha en app i stället?
Nej. Ingen laddar ner en app för att begära en offert från en hantverkare. Lägg samma kraft på att göra webbplatsen snabb i mobilen.
Sammanfattning
Mobilen är där era kunder faktiskt är. Sätt numret överst och gör det klickbart, håll knapparna stora nog för en tumme, byt fritext mot valbara alternativ, ange storlek på bilderna och testa hela flödet på mobildata.
Läs mer om att förbättra en befintlig hemsida →
Fungerar er sida i telefonen?
Vi testar den som en kund gör det.
Skicka er adress så går vi igenom sidan i mobil och återkommer med var förfrågningar går förlorade.