Din webbplats är en mobilwebbplats, och den designades troligen inte som en
Titta på var dina besökare faktiskt kommer ifrån, så ligger siffran oftast någonstans mellan sjuttio och nittiofem procent mobil. För ett lokalt företag ligger den närmare toppen av intervallet, eftersom folk söker efter dig medan de är ute, sitter i bilen eller står i någon annans kök.
Nästan varje webbplats designas fortfarande på en stor skärm. Det glappet är där den mesta skadan uppstår.
Vad som går sönder, konkret
Samma handfull problem, på webbplats efter webbplats:
Toppbildstext som inte går att läsa. En rubrik dimensionerad för en bred skärm blir sex rader i en mobil, placerade över den rörigaste delen av ett foto. Det första en besökare ser är det som fungerar sämst.
Telefonnumret går inte att trycka på. Det är text, eller en bild, eller ligger i sidfoten fyra skärmar ner. I en mobil ska ett telefonnummer vara en tryckning, och det ska synas utan att man scrollar.
Tabeller och prislistor som scrollar i sidled. Själva sidan glider åt vänster och höger, vilket känns trasigt även när innehållet är helt i sin ordning.
Foton som väger fyra megabyte. På en uppkoppling hemma märker ingen det. På mobildata med svag täckning är sidan tom i sex sekunder och besökaren är borta.
Knappar som är för små eller för tätt ihop. En länk som är lätt att klicka på med mus är en chansning med tummen.
En popup som inte går att stänga. Stängknappen ligger utanför skärmen. Den här kostar dig besökaren helt och hållet.
Femminutersgranskningen
Gör det här i din egen mobil, på mobildata i stället för kontorets wifi, för det är det verkliga läget.
- Öppna din startsida och räkna sekunderna tills du kan läsa något.
- Läs rubriken utan att zooma. Går det?
- Hitta ditt telefonnummer utan att scrolla. Tryck på det. Ringer det upp?
- Försök boka eller skicka en förfrågan, hela vägen, med en tumme.
- Vrid telefonen på tvären. Faller något isär?
- Leta efter en prislista eller en tabell. Glider sidan i sidled?
Det som gick fel är det du ska laga först. Det är nästan alltid mer värt än en omdesign.
Varför responsiv inte är samma sak som designad
De flesta verktyg är responsiva, vilket betyder att layouten ordnar om sig för att passa en smal skärm. Det löser mekaniken men inte designen. Omflyttat är inte samma sak som genomtänkt.
En mobilskärm är ett annat medium. Det finns en kolumn, en sak synlig åt gången, och besökaren har oftast bråttom och är ofta distraherad. Det som förtjänar toppen av skärmen i en mobil är sällan detsamma som förtjänar den på en dator. Skrivbordsversionen har råd med en stämningsfull toppbild. Mobilversionen behöver ofta företagets namn, vad du gör, och en knapp som ringer dig.
Det är ett beslut, och det måste fattas medvetet, per enhet. Automatisk omflyttning kan inte fatta det åt dig.
Vad du gör åt saken
Om ditt verktyg låter dig sätta värden per enhet, lägg en timme specifikt på mobilversionen. Mindre rubrik, mer luft runt knapparna, uppmaningen högre upp, det stora fotot beskuret i stället för nedkrympt.
Om ditt verktyg inte låter dig ändra mobilversionen separat är det värt att veta, eftersom det betyder att mobilupplevelsen är en bieffekt av ett skrivbordsbeslut, och mobilen är merparten av din trafik.
Varje element i Instinctor har separata inställningar för dator, surfplatta och mobil, och redigeraren förhandsvisar var och en. Vi byggde det så eftersom skrivbordsversionen av en småföretagswebbplats statistiskt sett är den version nästan ingen ser.
Instinctor-teamet
