Je hebt het wellicht niet door, maar de meeste websites werken prima op je smartphone of tablet. Dat is geen toeval: daar is over nagedacht door de ontwikkelaars. Met de opkomst van de smartphone en tablets zijn er steeds meer mensen die mobiel een bezoekje brengen aan een website. We surfen dan ook minder op de desktop of laptop. Om deze reden zijn ontwikkelaars rekening gaan houden met het gebruik van tablets.
De verschuiving naar mobiel gebruik
De belangrijkste reden waarom iedere website tegenwoordig goed werkt op je smartphone en tablet, is doordat ontwikkelaars rekening houden met ‘mobile friendly’ ontwikkelen. Verreweg de meeste mensen gebruiken tegenwoordig hun telefoon of tablet om te internetten. We hebben onze smartphone altijd in onze broekzak, en onze tablet heel vaak bij de hand. Dit was 10 tot 15 jaar geleden nog anders.
Bedrijven en organisaties hebben wel gemerkt dat er een enorme verschuiving van desktop naar mobiel gebruik is geweest. Als een website niet goed werkt op een klein scherm, bijvoorbeeld doordat de teksten klein zijn en je de knopjes niet aan kunt klikken, haken bezoekers snel af. Dan gaan ze naar de website van een concurrent wiens website wel prettig werkt. Websites die niet mobile-friendly zijn, kunnen dus slecht zijn voor de zaken.
Responsive webdesign steeds belangrijker
Het ontwikkelen van websites die meebewegen met de grootte van het scherm, noemen we ‘responsive webdesign’. Je hoeft als ontwikkelaar niet voor ieder apparaat een aparte website te bouwen, maar bouwt één website die slim genoeg is om zich aan te passen. Dat is niet alleen handig voor de gebruiker, maar ook voor zoekmachines. We weten van de grootste zoekmachine ter wereld, Google, dat er een mobile-first indexering wordt gehanteerd. Met andere woorden: Google geeft een score aan de weergave van de mobiele versie van de website. Mede op basis daarvan bepaalt de zoekmachine hoe hoog een website in de zoekresultaten komt. Een mobielvriendelijke website is dus simpelweg beter vindbaar.
Om zo’n website te bouwen, wordt er gebruikgemaakt van flexibele bouwblokken. Vroeger werden websites vastgezet met vaste waarden in pixels. Dat werkt prima op een desktop, maar tegenwoordig internetten we vooral op kleinere schermen van bijvoorbeeld een tablet. Daarom gebruiken ontwikkelaars nu relatieve eenheden, zoals percentages. Zo zeggen ontwikkelaars niet langer: “Dit vak moet 800 pixels breed zijn”, maar definieert de ontwikkelaar het vak als “80 procent van de schermbreedte”. Op die manier schaalt het vak automatisch mee, of je nu op een groot of klein scherm aan het surfen bent.
Casino’s ontwikkelen hun website met tabletgebruik in gedachten
Een van de eerste markten die het ontwikkelen voor kleine schermen van smartphones en tablets omarmde, was de gokindustrie. Tegenwoordig heeft een casino zonder registratie alle pagina’s omgezet naar mobielvriendelijke pagina’s. Dat betekent dat de website – ondanks het grote aanbod van spellen – toch goed te doorzoeken is. De spellen zijn netjes opgedeeld in categorieën en je vindt meteen alle informatie die je zoekt. Denk bijvoorbeeld aan instructies over hoe je een spel speelt of de pagina om contact op te nemen met de klantenservice.
Dat geldt tevens voor de spellen zelf. Vroeger waren de games ontwikkeld met een platform genaamd Flash. Flash werkte prima op de desktop of laptop, maar was niet te gebruiken op smartphones. Alle games die je nu in het casino vindt, zijn mobile friendly en ontwikkeld met HTML5. Daarmee heb je geen aparte plugins meer nodig en worden alle spellen correct weergegeven, hoe groot of klein je scherm ook is.
Geoptimaliseerd voor snelheid
Overigens heeft het mobile friendly ontwikkelen van websites ook een positief effect op de gebruikerservaring. Niet alleen kun je de teksten goed lezen en kun je gemakkelijk op knoppen klikken, het is ook goed voor de snelheid. Responsive websites zijn zo ontworpen, dat onnodige, zware bestanden niet laden op een klein scherm. Hoe sneller de website laadt en hoe minder data er verwerkt hoeft te worden, hoe minder kracht er van de processor, het werkgeheugen en de internetverbinding van je tablet nodig is. Dat heeft een positief effect op je batterijduur, maar op deze manier laden websites ook snel op goedkopere toestellen met een ouder besturingssysteem en minder goede specificaties.
Uiteindelijk is de gebruiker het belangrijkst
Zo’n responsive website is qua snelheid ook weer goed voor de score die een website in Google krijgt. Maar uiteindelijk is de gebruiker het belangrijkst. We willen altijd snel toegang tot informatie en verwachten dat een website zich aanpast aan ons, niet andersom. Door gebruik te maken van de Mobile First-benadering zorgen webbouwers ervoor dat de ervaring op je tablet minstens net zo goed is als op de desktop of laptop.