Werkt mijn frontend op elk apparaat hetzelfde?
Je frontend hoort op elk apparaat hetzelfde te werken, maar er niet identiek uit te zien. Dat onderscheid bespaart je veel discussie.
Schermen verschillen in grootte en verhouding, browsers tekenen net anders, en je bezoeker kan zelf instellingen hebben aangepast.
Wat wél overal gelijk moet zijn, is wat er kan.
Wat overal gelijk moet zijn
Je menu opent. Je formulier verstuurt. Knoppen zijn te raken. Je tekst is leesbaar.
Dat is de ondergrens en daar mag geen apparaat onderuit zakken. Meer daarover lees je bij accessibility.
Wat mag verschillen
De indeling, de volgorde van blokken op een klein scherm, en een paar pixels in afstanden en lettervormen.
Dat is geen fout maar het gevolg van hoe het web werkt.
Waar het echt misgaat
Bij tekst die over elkaar valt, bij knoppen die buiten beeld staan en bij formulieren die op een telefoon niet in te vullen zijn.
Dat zijn wel fouten, en die vind je alleen door op een echt toestel te kijken. Meer daarover lees je bij pagespeed.
Mijn vuistregels
- Test op een echte telefoon, niet alleen in een verkleind venster.
- Test met een grotere lettergrootte ingesteld.
- Controleer je formulieren en je betaalstap apart.
- Accepteer verschillen van een paar pixels.
Die tweede is verrassend onthullend: veel sites vallen uit elkaar zodra iemand zijn tekst groter zet.
De instellingen van je bezoeker
Een grotere lettergrootte, een donkere weergave, minder beweging, of een schermlezer. Allemaal aanpassingen die je site moet kunnen verdragen.
Meer daarover lees je bij dom.
Hoe je het test zonder alle toestellen
Leen er twee: een iPhone en een Android-toestel dat niet nieuw is. Daarmee dek je het overgrote deel af.
Vraag er twee mensen bij die je site niet kennen. Wat zij niet kunnen vinden, vindt je klant ook niet.
Meer daarover lees je bij wat de frontend is.