Din hjemmeside er en telefonhjemmeside, og den blev nok ikke designet som en
Kig på, hvor dine besøgende faktisk kommer fra, og tallet ligger som regel mellem halvfjerds og femoghalvfems procent mobil. For en lokal virksomhed er det tættere på toppen af det interval, for folk søger efter dig, mens de er ude, sidder i en bil eller står i en andens køkken.
Næsten alle hjemmesider bliver stadig designet på en stor skærm. Det spring er der, det meste af skaden sker.
Hvad der konkret går galt
De samme få problemer, side efter side:
Forsidetekst, der ikke kan læses. En overskrift skaleret til en bred skærm bliver til seks linjer på en telefon, oven på den mest travle del af et foto. Det første, en besøgende ser, er det, der fungerer dårligst.
Telefonnummeret kan ikke trykkes. Det er tekst, eller det er et billede, eller det står i bundteksten fire skærme længere nede. På en telefon skal et telefonnummer være et tryk, og det skal kunne ses uden at scrolle.
Tabeller og prislister, der skal scrolles sidelæns. Selve siden glider frem og tilbage, og det føles i stykker, selv når indholdet er fint.
Fotos, der vejer fire megabyte. På en fastnetforbindelse opdager ingen det. På mobildata i et område med dårligt signal er siden tom i seks sekunder, og så er den besøgende væk.
Knapper, der er for små eller sidder for tæt. Et link, der er nemt at klikke på med en mus, er et lykketræf med en tommelfinger.
En pop-up, der ikke kan lukkes. Luk-knappen er uden for skærmen. Den her koster dig den besøgende fuldstændigt.
Fem minutters gennemgang
Gør det på din egen telefon, på mobildata frem for kontorets wifi, for det er den virkelige situation.
- Åbn din forside og tæl sekunderne, indtil du kan læse noget.
- Læs overskriften uden at zoome. Kan du?
- Find dit telefonnummer uden at scrolle. Tryk på det. Ringer det op?
- Prøv at booke eller sende en henvendelse, hele vejen igennem, med én tommelfinger.
- Vend telefonen på siden. Falder noget fra hinanden?
- Find en prisliste eller en tabel. Glider siden sidelæns?
Det, der fejlede, er det, du retter først. Det vil næsten altid være mere værd end et redesign.
Hvorfor responsivt ikke er det samme som designet
De fleste værktøjer er responsive, altså at layoutet flytter rundt på sig selv for at passe til en smal skærm. Det løser mekanikken og ikke designet. Omrokeret er ikke det samme som gennemtænkt.
En telefonskærm er et andet medie. Der er én kolonne, én ting synlig ad gangen, og den besøgende har som regel travlt og bliver ofte forstyrret. Det, der fortjener toppen af skærmen på en telefon, er tit ikke det, der fortjener den på en computer. Computerversionen har råd til et stemningsfuldt forsidebillede. Telefonversionen har ofte brug for virksomhedens navn, hvad du laver, og en knap der ringer til dig.
Det er en beslutning, og den skal træffes bevidst, for hver enhed. Automatisk omrokering kan ikke træffe den for dig.
Hvad du gør ved det
Kan dit værktøj sætte værdier pr. enhed, så brug en time på telefonversionen alene. Mindre overskrift, mere luft omkring knapperne, handlingsknappen højere oppe, det store foto beskåret frem for skrumpet.
Kan dit værktøj ikke ændre telefonversionen særskilt, er det værd at vide, for så er mobiloplevelsen en bivirkning af en beslutning truffet for computeren, og mobil er størstedelen af din trafik.
Hvert eneste Instinctor-element har separate indstillinger for computer, tablet og telefon, og editoren viser dem hver for sig. Vi byggede det sådan, fordi computerversionen af en lille virksomheds side statistisk set er den, næsten ingen ser.
Instinctor-teamet
