Je website is een telefoonwebsite, en zo is hij waarschijnlijk niet ontworpen
Kijk waar je bezoekers werkelijk vandaan komen en het getal ligt meestal ergens tussen de zeventig en vijfennegentig procent mobiel. Voor een lokaal bedrijf zit het dichter bij de bovenkant van die reeks, omdat mensen naar je zoeken terwijl ze onderweg zijn, in de auto zitten of in de keuken van iemand anders staan.
Bijna elke website wordt nog steeds ontworpen op een groot scherm. In dat gat ontstaat de meeste schade.
Wat er precies stukgaat
Steeds hetzelfde handjevol problemen, site na site:
Herotekst die onleesbaar is. Een kop die is gemaakt voor een breed scherm wordt op een telefoon zes regels, over het drukste deel van een foto heen. Het eerste wat een bezoeker ziet, is meteen het onderdeel dat het slechtst werkt.
Het telefoonnummer is niet aan te tikken. Het is tekst, of het is een afbeelding, of het staat vier schermen lager in de voettekst. Op een telefoon hoort een telefoonnummer een tik te zijn, en het hoort zichtbaar te zijn zonder te scrollen.
Tabellen en prijslijsten die opzij schuiven. De pagina zelf schuift naar links en rechts, wat kapot aanvoelt, ook als de inhoud klopt.
Foto's van vier megabyte. Op een thuisverbinding merkt niemand het. Op mobiele data met een zwak signaal blijft de pagina zes seconden leeg en is de bezoeker weg.
Knoppen die te klein zijn of te dicht op elkaar staan. Een link die met een muis makkelijk aan te klikken is, is met een duim een kwestie van geluk.
Een pop-up die niet te sluiten is. De sluitknop valt buiten het scherm. Deze kost je de bezoeker helemaal.
De audit van vijf minuten
Doe dit op je eigen telefoon, op mobiele data in plaats van de wifi op kantoor, want dat is de echte situatie.
- Open je homepage en tel de seconden tot je iets kunt lezen.
- Lees de kop zonder in te zoomen. Lukt dat?
- Zoek je telefoonnummer zonder te scrollen. Tik erop. Belt hij?
- Probeer helemaal tot het einde te boeken of een aanvraag te doen, met één duim.
- Draai de telefoon dwars. Valt er iets uit elkaar?
- Zoek een prijslijst of een tabel. Schuift de pagina opzij?
Wat er misging, is wat je als eerste moet oplossen. Dat is bijna altijd meer waard dan een redesign.
Waarom responsive niet hetzelfde is als ontworpen
De meeste tools zijn responsive, wat betekent dat de opmaak zichzelf herschikt om op een smal scherm te passen. Dat lost de techniek op en niet het ontwerp. Herschikt is niet hetzelfde als doordacht.
Een telefoonscherm is een ander medium. Er is één kolom, er is één ding tegelijk zichtbaar, en de bezoeker heeft meestal haast en is vaak afgeleid. Wat op een telefoon de bovenkant van het scherm verdient, is vaak niet wat dat op een desktop verdient. De desktopversie kan zich een sfeervolle hero veroorloven. De telefoonversie heeft vaak de naam van het bedrijf nodig, wat je doet, en een knop die je belt.
Dat is een keuze, en die moet bewust worden gemaakt, per apparaat. Automatisch herschikken kan die keuze niet voor je maken.
Wat je eraan doet
Kun je met je tool per apparaat waarden instellen, besteed dan een uur specifiek aan de telefoonversie. Kleinere kop, meer ruimte rond de knoppen, de oproep tot actie hoger, de grote foto bijgesneden in plaats van verkleind.
Kun je met je tool de telefoonversie niet apart aanpassen, dan is dat goed om te weten, want dan is de mobiele beleving een bijproduct van een keuze voor de desktop, terwijl mobiel het merendeel van je bezoek is.
Elk element in Instinctor heeft aparte instellingen voor desktop, tablet en telefoon, en de editor toont van elk een voorbeeld. Wij hebben het zo gebouwd omdat de desktopversie van de site van een klein bedrijf statistisch gezien de versie is die bijna niemand ziet.
Het team van Instinctor
