Al geruime tijd zorgde iedereen die zich bezighield met zoekmachineoptimalisatie ervoor dat er een mobiele versie van hun website beschikbaar was, omdat ze anders het Google-algoritme in de war zou kunnen brengen. Maar in tegenstelling tot zoveel andere trends in de SEO-wereld, laat onderzoek zien dat mobiel internetgebruik niet vertraagt, hoewel veel van de zogenaamde mobielvriendelijke websites lastig zijn om te gebruiken. Niet alleen worden mobiele weergaven groter, ze duiken ook op. Onderzoek van statista schat dat de hoeveelheid webverkeer in het jaar 2019 rond de 24,3 Exabyte zal liggen, tegen 4,2 Exabyte in 2015.

Om er zeker van te zijn dat je de ernst ervan begrijpt, is één Exabyte gelijk aan 1 miljard Gigabytes.

Ondanks het bewijs dat bezoekers hun mobiele apparaten gebruiken om op internet te surfen, ontwerpt niet iedereen met de mobiele gebruiker in gedachten. Volgens de Nielsen-Norman Group:

... er wereldwijd meer smartphonegebruikers zijn dan desktop- en laptopgebruikers [maar] de bruikbaarheid van mobiele websites en applicaties loopt nog steeds ver achter op de bruikbaarheid van desktopwebsites.

Natuurlijk wil niet iedereen een mobiele website die net goed genoeg is voor Google. Ze willen dat hun bezoekers een positieve ervaring hebben wanneer ze op hun website terechtkomen, of een website die ze voor een klant hebben ontworpen. Dus passen ze hun ontwerpen dienovereenkomstig aan.

Kies je aanpak

De meeste mensen associëren mobiel internet met responsief webontwerp, omdat dat al een tijdje het buzzword is dat rond verschillende blogs en presentaties wordt gegooid. Responsief webdesign is echter niet de enige strategie en het is niet altijd de beste aanpak. De beste keuze is gebaseerd op hoe u wilt dat uw bezoekers met de inhoud op uw site omgaan.

Responsief webontwerp

Met behulp van mediaquery's om de weergave van de site te wijzigen op basis van de schermgrootte, is dit een vloeiende benadering van ontwerpen voor meerdere apparaten. U ontwerpt één keer en vertrouwt op de CSS om het scherm op basis van het scherm te schalen.

Adaptief ontwerp

Deze benadering is afhankelijk van statische pagina's die zijn ontworpen voor verschillende breekpunten. Wanneer de schermgrootte wordt gedetecteerd, wordt de juiste lay-out weergegeven. Hier moet u verschillende indelingen ontwerpen om rekening te houden met verschillende schermformaten. Meestal worden zes indelingen gemaakt voor de meer algemene breedten: 320, 480, 760, 960, 1200, 1600.

Oorspronkelijke toepassing

Dit is wanneer u een iOS-, Android- of Windows-app maakt die is ontworpen om uw webinhoud te presenteren aan mobiele gebruikers.

Begrijp hoe interacties werken

Je zou moeilijk zijn om een ​​website te vinden die tegenwoordig geen enkele vorm van gebruikersinteractie biedt. Het kan een bedrijfswebsite zijn die informatie verzamelt van potentiële klanten, een ecommerce-site die is gebouwd om te winkelen of een site waarmee bezoekers kunnen inchecken bij een evenement of locatie. In ieder geval zal de gebruiker informatie moeten verstrekken, selecties moeten maken en knoppen moeten indrukken en moet je in de mindset gaan denken dat dingen op een mobiel apparaat anders zijn.

Richt u om te beginnen op belangrijke functies. Dit kan enige herschikking van uw kant vereisen, of misschien moet u bezuinigen op enkele elementen die u wilt opnemen. Niet alleen zal dit helpen om rommel te verminderen, maar het zal ook grotere knoppen en andere elementen toestaan ​​waar grotere vingers moeite mee kunnen hebben. Verminder, indien mogelijk, de noodzaak voor gebruikers om tekst in te voeren. Ze hebben mogelijk een toetsenbord op het scherm om te gebruiken, maar we weten allemaal dat er veel fouten optreden bij het gebruik ervan. Functies zoals autocorrectie of tekstvoorspelling kunnen behoorlijk frustrerend worden. Zorg er ook voor dat er een goede kans is dat een mobiele bezoeker wordt onderbroken of zijn verbinding verliest. Hoe minder ze opnieuw moeten doen als ze een time-out hebben, hoe minder frustratie ze zullen ervaren.

Help uw bezoekers gemakkelijk te navigeren

Voor SEO-doeleinden zijn veel ontwerpers in de loop der jaren getraind om complexe navigatiemenu's in hun werk op te nemen, zodat de spiders van zoekmachines alles kunnen indexeren. Als alles toegankelijk is via het navigatiemenu, zorgt dit er ook voor dat uw bezoekers kunnen vinden waarnaar ze op zoek zijn. Maar voor de mobiele bezoeker maken deze overweldigende menu's navigatie eigenlijk moeilijker, en een correct aangemaakte sitemap stuurt de crawlers van zoekmachines naar waar je ze nodig hebt.

In plaats van lange lijsten met menu-items, houd je de keuzes op maximaal zes, zodat mobiele bezoekers niet hoeven te scrollen om alles te zien terwijl ze proberen een menu open te houden. Vermijd ook de submenu's. Dat kleine + teken dat u verwacht dat gebruikers klikken om de opties uit te vouwen, is echt moeilijk te tikken tenzij ze een stylus gebruiken. Appels UI-ontwerpbeginselen stelt dat de gemiddelde vinger 44 pixels van links naar rechts en omhoog en omlaag vereist. Ontwerp met die ruimte in gedachten.

De trend van de website met één pagina is hier ook iets om te overwegen. Ontworpen met mobiele bezoekers in het achterhoofd, stelt deze techniek de bezoeker in staat om door uw site te bladeren en alles op één lange pagina te vinden. Dit type ontwerp is helemaal weg van de vouw omdat mobiele gebruikers comfortabel door de inhoud vegen om te vinden wat ze nodig hebben.

Geef je doel niet op

Als u aan uw mobiele bezoekers denkt, wordt u gevraagd om een ​​beetje weg te laten. Maar wat je nooit zou moeten opofferen, is de reden dat je een website hebt. Zorg ervoor dat uw branding consistent blijft, als u wilt dat uw logo prominent blijft, gebruik dan de juiste hoeveelheid onroerend goed om het weer te geven. Als uw site zwaar van inhoud is, zorg er dan voor dat uw mobiele gebruikers toegang hebben tot alles. Het verbergen van inhoud van mobiele schermen straft in feite bezoekers omdat ze niet op een volledig scherm staan.

Als webdesigners zijn we gewend aan trends in onze branche. Elk jaar zijn er lijsten die ons introduceren in de nieuwste rages en methodologieën waaraan we aandacht zouden moeten schenken. Ontwerpen voor de mobiele gebruiker is daar niet een van. Het is de realiteit van waar onze industrie naartoe gaat en ze blijven gewoon meer schermgroottes toevoegen om mee te werken, dus er is echt geen standaardoplossing die u kunt gebruiken.

U, uw organisatie, uw klanten en eventuele andere belanghebbenden moeten bepalen wat belangrijk is en uw sites rond die elementen structureren. Maar denk eens na over wat belangrijk is voor uw bezoekers, want dat is wat telt. Gebruikerservaringen zouden nooit moeten gaan over wat we denken dat het beste is of wat we willen zien. We kunnen mensen niet dwingen om een ​​geweldige ervaring te hebben wanneer ze onze pagina's bezoeken. In plaats daarvan moeten we kijken naar wat ze willen, op een manier die voor hen gemakkelijk toegankelijk is.

Dus voordat we op zoek gaan naar controlelijsten of handleidingen die ons vertellen wat een goede gebruikerservaring is, neem de tijd om na te denken over wat we te zeggen hebben en wat onze bezoekers willen horen.

Uitgelichte afbeelding, mobiel webbeeld via Shutterstock.