Waarom mobile-first ontwerp niet langer optioneel is
Door Het AsasWeb-team 2 min lezen
De meeste bezoekers van een bedrijfswebsite komen inmiddels binnen op een telefoon, dus ontwerp eerst voor het kleine scherm en schaal daarna op. Beginnen bij de strengste beperking dwingt tot duidelijkheid over wat ertoe doet, houdt pagina's licht genoeg voor trage verbindingen en levert ontwerpen op die voor aanraking zijn gebouwd, met ruime tikdoelen en zonder afhankelijkheid van hover. Test op een echte middenklasse telefoon, tot een scherm van 320 pixels breed, in plaats van een simulator.
Voor de meeste zakelijke websites komt het merendeel van de bezoekers nu binnen op een telefoon. Als uw site op een groot scherm is ontworpen en pas aan het eind op mobiel is gecontroleerd, krijgen die bezoekers de slechtste versie van uw werk. Mobile-first ontwerp keert die volgorde om, en het resultaat is beter voor iedereen.
Begin met de moeilijkste beperking
Een telefoonscherm dwingt harde keuzes af. Er is geen ruimte voor rommel, dus u beslist wat er echt toe doet: de ene boodschap, de ene actie, de inhoud waarvoor mensen echt zijn gekomen. Wanneer u dan opschaalt naar een tablet of desktop, voegt u ruimte toe aan een ontwerp dat al werkt, in plaats van een desktop-layout in een telefoon te proppen.
Prestaties komen er gratis bij
Ontwerpen voor mobiel betekent ontwerpen voor een tragere verbinding en een minder krachtig apparaat. Die discipline houdt pagina’s licht, wat uw zoekpositie en uw conversiepercentage op elk apparaat helpt, niet alleen op telefoons. U kunt meer lezen in onze notitie over wat een website snel maakt.
Aanraken, niet hoveren
Mobile-first betekent ook ontwerpen voor vingers. Tap-targets hebben ruimte nodig, alles wat op hoveren leunt heeft een tap-vriendelijk alternatief nodig, en formulieren moeten snel met een duim in te vullen zijn. Dit zijn dezelfde dingen die een site makkelijker te gebruiken maken met een toetsenbord of hulptechnologie, dus toegankelijkheid en mobiele kwaliteit versterken elkaar.
Test op een echte telefoon
Een simulator is niet hetzelfde als een middenklassetelefoon op een normale verbinding. Wij testen elke build tot een 320 pixels breed scherm, zonder horizontaal scrollen en met comfortabele tap-targets.
Als uw huidige site worstelt op een telefoon, kost u dat aanvragen. Start een project en we bouwen er een die prachtig werkt op het apparaat dat de meeste van uw klanten echt gebruiken.