Mange hjemmesider ser fine ud på desktop.
Men det er ikke nødvendigvis dér, de fleste besøgende møder dem.
Hvis hjemmesiden er besværlig at bruge på en lille skærm, går det hurtigt ud over oplevelsen — og i sidste ende også sandsynligheden for, at den besøgende tager kontakt.
En mobilvenlig hjemmeside handler derfor ikke kun om, hvorvidt designet tilpasser sig skærmen.
Det handler om, hvorvidt siden faktisk er nem at bruge på en telefon.
Her er syv ting, du bør tjekke.
1. Kan teksten læses uden at zoome?
Hvis den besøgende skal knibe øjnene sammen eller zoome ind for at læse teksten, er der allerede et problem.
Brødtekst, knapper, kontaktoplysninger og andre vigtige elementer skal være lette at læse på en mindre skærm.
Det er ofte her, man opdager forskellen mellem et design, der bare skalerer ned, og et design, der faktisk fungerer på mobil.
2. Er knapperne store nok til en finger?
Det, der fungerer fint med en mus, fungerer ikke altid lige godt med en tommelfinger.
Hvis knapper er for små, ligger for tæt eller har for lidt luft omkring sig, bliver siden hurtigt irriterende at bruge.
Det gælder især:
- kontaktknapper
- menupunkter
- formularfelter
- små ikoner
- links, der ligger tæt på hinanden
En mobilvenlig hjemmeside skal være nem at trykke på — ikke noget man rammer ved siden af flere gange.
3. Giver menuen mening på mobil?
En menu kan være overskuelig på desktop og stadig føles rodet på mobil.
Der er mindre plads, og brugeren er ofte mere målrettet.
På mobilen bør det være nemt at finde:
- hvad virksomheden tilbyder
- hvordan man kontakter jer
- de vigtigste undersider
Hvis menuen er lang eller fyldt med mange niveauer, bliver den hurtigt mere besværlig end hjælpsom.
4. Passer billeder og indhold til skærmen?
På mobil bliver store billeder, lange overskrifter og tætte sektioner hurtigt mere markante.
Tjek blandt andet:
- om billeder beskæres pænt
- om tekstblokke bliver for lange
- om der er nok luft mellem sektionerne
- om indholdet kommer i en logisk rækkefølge
En hjemmeside kan godt være teknisk responsive uden nødvendigvis at give en god mobiloplevelse.
5. Er formularerne nemme at udfylde?
En kontaktformular kan godt virke uden at være rar at bruge på mobil.
Hvis felterne er små, formularen er for lang, eller det er uklart, hvad der skal udfyldes, øger det risikoen for, at brugeren opgiver undervejs.
Spørg derfor:
- er felterne store nok?
- er formularen så kort som muligt?
- er det tydeligt, hvad der skal udfyldes?
- er send-knappen nem at finde og bruge?
Hvis du gerne vil have henvendelser fra mobilen, skal det også være nemt at sende dem.
Læs også: Virker din kontaktformular? Sådan opdager du, om henvendelser forsvinder
6. Loader siden hurtigt på mobil?
Mobilvenlighed handler ikke kun om layout.
En langsom hjemmeside føles heller ikke god på telefonen — uanset hvor flot den ser ud.
Tunge billeder, mange scripts og en langsom hostingopsætning kan især mærkes, når brugeren ikke sidder på hurtigt Wi-Fi.
Læs også: Langsom hjemmeside? 7 ting du bør tjekke
7. Er det vigtigste nemt at finde?
På mobil er der mindre plads og ofte mindre tålmodighed.
Derfor bør brugeren hurtigt kunne forstå:
- hvem I er
- hvad I tilbyder
- hvad næste skridt er
Hvis kontaktoplysninger, ydelser eller de vigtigste budskaber er gemt langt nede på siden, bliver oplevelsen unødvendigt tung.
Mobilvenligt design handler derfor også om prioritering.
Test hjemmesiden på din egen telefon
Den bedste test er ofte den mest enkle.
Tag din telefon frem.
Ikke preview i din page builder.
Ikke browserens udviklerværktøjer.
Din telefon.
Åbn hjemmesiden som en kunde ville gøre det.
Brug menuen. Læs teksten. Klik på knapperne. Udfyld formularen. Find kontaktoplysningerne.
Og læg mærke til, om noget føles besværligt.
Hvis du selv bliver utålmodig, er der en god chance for, at dine besøgende også gør det.
Mobilvenlig handler om mere end responsive design
Mange tænker “mobilvenlig” som noget teknisk: at siden automatisk tilpasser sig skærmens bredde.
Men en god mobiloplevelse handler lige så meget om brugervenlighed, prioritering og indhold.
Så spørg ikke kun:
“Er hjemmesiden responsive?”
Spørg også:
“Er den faktisk nem at bruge på en telefon?”
