Gids 05 · 6 minuten
Werkt mijn website wel goed op een telefoon?
Het korte antwoord
Of je website goed werkt op een telefoon, zie je alleen op je eigen toestel, buiten en met wifi uit. Het verkleinde venster van je browser op de laptop laat dat onvoldoende zien. Let op vier dingen: laadt hij snel op 4G, raak je alles met één duim, valt er nergens iets van de rand, en kun je je telefoonnummer aantikken.
Bij de meeste bedrijven in deze regio komt inmiddels ruim de helft van het bezoek via een telefoon. Bij spoeddiensten en horeca ligt dat nog een stuk hoger, want daar zoeken mensen op het moment zelf, staand op straat met één hand.
Toch wordt bijna elke website beoordeeld achter een groot scherm, op een bureaustoel met wifi, en zo bekijkt bijna geen enkele bezoeker hem.
Wat er op een telefoon anders is
01
Eén duim, en die haalt niet overal
Op een groot toestel kom je met één hand niet bij de bovenrand. Zet je belangrijkste actie daarom ook ergens binnen bereik, onderaan het scherm of nog een keer in de tekst, en dus niet alleen bovenin het menu.
02
Alles moet groot genoeg zijn om te raken
WCAG 2.2 houdt 24 bij 24 pixels aan als ondergrens, met genoeg ruimte eromheen. Prettig wordt het in de praktijk pas bij 44 tot 48 pixels. Een rijtje links dicht op elkaar is de klassieke misser.
03
Tekst kleiner dan 16 pixels is een probleem
Kleine tekst leest slecht, en op een iPhone zoomt het scherm ook automatisch in als je in een invoerveld tikt met een lettergrootte onder de 16. Je formulier staat dan scheef.
04
Buiten is het licht
Grijze tekst op een witte achtergrond leest binnen prima en is in de zon onleesbaar. Daarvoor bestaan de contrasteisen die je ook voor toegankelijkheid nodig hebt.
05
4G is geen wifi
Onderweg, in een parkeergarage of op een bouwplaats zakt de verbinding weg. Dan merk je hoe zwaar je pagina is.
De vijf dingen die ik het vaakst tegenkom
Een telefoonnummer als platte tekst
Een aantikbaar nummer dat direct belt
Wie op straat je nummer vindt, gaat het niet overtypen. Het kost één regel code en levert je de makkelijkste aanvraag op die er is.
Een menu dat het halve scherm vult
Vijf items, en de belangrijkste actie zichtbaar
Een uitklapmenu met veertien items en drie niveaus is op een telefoon niet te overzien. Wat er niet in past, kan er meestal uit.
Een tabel die buiten het scherm valt
Een tabel die zelf schuift, of kaarten onder elkaar
Een pagina die zijwaarts meeschuift voelt kapot. Moet de inhoud breed zijn, laat dan alleen die tabel schuiven en houd de pagina zelf stil.
Een pop-up over het hele scherm
Een regel in de pagina zelf
Valt het kruisje van een pop-up net buiten beeld, dan kan je bezoeker nergens meer heen. Google rekent zulke pop-ups je bovendien aan.
Een formulier met het verkeerde toetsenbord
E-mailveld met @, telefoonveld met cijfers
Dat scheelt drie handelingen per veld. Bij een formulier van vier velden bepaalt dat vaak of iemand het afmaakt.
De test die vijf minuten kost
Doe dit met je eigen toestel. Het venstertje in je browser is hier geen vervanging voor.
- 01
Zet wifi uit
Open je eigen site op 4G en tel hardop tot de tekst er staat. Kom je boven de drie tellen, dan heb je een probleem dat je bezoekers al maanden zien.
- 02
Gebruik alleen je duim
Leg je andere hand op tafel en probeer het menu te openen, een dienst te vinden en het formulier in te vullen. Alles waarvoor je twee handen nodig hebt, kost je aanvragen.
- 03
Schuif zijwaarts
Veeg op elke pagina naar links. Beweegt de pagina mee, dan valt er iets van de rand, bijna altijd een te brede foto of een tabel.
- 04
Ga naar buiten
Echt waar. Loop met je telefoon de zon in en kijk of je je eigen teksten nog kunt lezen. Bij deze test valt het meeste grijs op grijs door de mand.
- 05
Zet je lettergrootte groter
Dat doe je in de instellingen van je telefoon, en een deel van je klanten heeft het altijd zo staan. Valt de opmaak dan uit elkaar, dan zit hij te strak vast.
Zelf doen
Wat je vandaag zelf kunt afwerken
Vink af wat je hebt gedaan. Er wordt niets bewaard, bij een volgend bezoek staat de lijst weer leeg. Dat is een keuze: iets opslaan in je browser om een vinkje te onthouden staat slecht op een site die uitlegt waarom je zo weinig mogelijk van je bezoekers wilt weten.
0 / 6
Of je laat het doen
Website laten maken in Capelle aan den IJssel
Elke site die ik oplever, controleer ik op tien schermbreedtes voordat hij live gaat, zodat er nergens een schuifbalk verschijnt of tekst van de rand valt.
doorlooptijd 2 tot 5 weken · vaste prijs vooraf
Vragen
Wat mensen hier nog over vragen
Staat je vraag er niet bij? Mail me, dan schrijf ik hem erbij. Binnen één werkdag antwoord. Meestal dezelfde dag.
Op je eigen toestel, met wifi uit en buiten. Het verkleinde venster in je browser op de laptop laat zien of de opmaak meebuigt. Het laat niet zien of de site snel genoeg is op 4G, of je alles met één duim raakt en of je teksten in de zon leesbaar zijn, en juist daar gaat het in de praktijk mis.
Minimaal 24 bij 24 pixels, de ondergrens uit WCAG 2.2, met voldoende ruimte eromheen. Rond de 44 tot 48 pixels wordt het pas echt prettig. Let vooral op links die dicht op elkaar staan, daar klikt iedereen mis.
Nee, al jaren niet meer. Eén ontwerp dat meebuigt van 320 tot 2560 pixels breed is beter voor je bezoeker, goedkoper in onderhoud en beter voor je vindbaarheid. Met een aparte mobiele versie houd je twee sites bij, en in de praktijk raakt er dan altijd één achter.
Omdat er iets op staat dat breder is dan het scherm. Meestal is dat een foto met een vaste breedte, een tabel of een blok met een vaste maat in pixels. Veeg op elke pagina naar links om te vinden waar het zit. Bijna altijd is het één element.
Waar dit op gebaseerd is
Volgende stap
Zullen we eens kijken waar bij jou de uren weglekken?
Een gesprek van drie kwartier, bij jou op locatie. Je krijgt sowieso een lijstje mee met wat ik zou aanpakken, of je nu met mij verder gaat of niet.
Binnen één werkdag antwoord. Meestal dezelfde dag. · Je spreekt Kaz, niet een callcenter.