Mobile-first-ontwerp is van cruciaal belang voor uitgevers die meer verdienen dan hun concurrenten, aangezien het aantal smartphonegebruikers in de wereld voortdurend toeneemt.
Het aantal mensen dat smartphones gebruikt om online inhoud te zoeken, is de afgelopen jaren aanzienlijk toegenomen. Volgens CNBC is In 3.7 zullen ongeveer 72.6 miljard mensen (2025%) alleen via hun smartphone toegang hebben tot internet.
Dit betekent dat uitgevers hun ranking kunnen verliezen als hun websites niet optimaal zijn geoptimaliseerd voor mobiele telefoons. Bovendien, met de recente lancering van Google's Kernwebvitaliteit, pagina-ervaring gaat nu een doorslaggevende factor zijn voor mobiele pagina's om hoog in de zoekresultaten te scoren.
Een van de manieren om mobiele gebruikers een hoge gebruikerservaring te bieden, is door gebruik te maken van de mobiel eerste ontwerp aanpak wanneer u een website maakt. In dit bericht wordt uitgebreid ingegaan op het mobile first-ontwerp, het belang ervan en de best practices die uitgevers kunnen volgen.
Wat is Mobile First-ontwerp?
Mobile first design is een strategie waarbij a ontwerp of prototype moet eerst worden gemaakt voor het kleinste scherm, dat wil zeggen mobiele telefoons, en vervolgens voor grotere schermen, zoals tablets, laptops en pc's.
Het concept ontstond in 2010 toen Eric Schmidt, destijds CEO van Google, voorstelde dat ontwerpers de 'mobile first'-methode zouden moeten gaan volgen bij het ontwerpen van producten. Smartphones begonnen aan populariteit te winnen en werden in de daaropvolgende jaren toegankelijk voor de massa in zowel ontwikkelde als ontwikkelingslanden, waardoor de ‘mobile first’-benadering belangrijk werd voor bedrijven om hun gebruikersbetrokkenheid.
Met Mobile First-ontwerpen kunnen ontwerpers op hoog niveau creëren adaptieve en responsieve websites. Maar wat is het belang van responsieve webontwerpen? Het antwoord ligt in het feit dat consumenten tegenwoordig meerdere apparaten tegelijk gebruiken om te browsen. Als u dus niet profiteert van het ontwerp en de uitstraling van uw website op een smartphone, loopt u verkeer en inkomsten mis. Een responsive webdesign wordt dan absoluut noodzakelijk, omdat de website hierdoor automatisch past op verschillende apparaten met verschillende schermformaten.
Lees ook: Wat zijn responsieve display-advertenties?
Gebruikers zullen op een veel betere manier met de inhoud op de website kunnen omgaan als ze niet voortdurend hoeven in te zoomen, uit te zoomen of te ver naar beneden te scrollen voor relevante onderdelen. Dit is precies wat een responsive webdesign mogelijk maakt voor verschillende schermformaten.
Mobile first-ontwerp werkt volgens het principe van 'progressieve vooruitgang' in tegenstelling tot 'sierlijke degradatie.
Progressieve vooruitgang betekent in feite dat je begint met het ontwerpen van een product voor het moeilijkste apparaat, namelijk mobiele telefoons. Wanneer een product of website is ontworpen voor kleinere schermen, zoals die van smartphones, bevat de versie elementen die absoluut noodzakelijk zijn. Dit betekent dat de meest elementaire functies en kenmerken van het product gemakkelijk te navigeren zijn voor de gebruiker.
De ontwerper gaat vervolgens verder met het toevoegen van andere functies terwijl hij ontwerpen maakt voor grotere schermen, zoals laptops en tablets. De versie voor dergelijke apparaten zal geavanceerder, interactiever en ingewikkelder zijn om een betere gebruikerservaring te bieden.
In tegenstelling tot progressieve vooruitgang volgt sierlijke degradatie de top-downbenadering, wat betekent dat de websiteversie eerst wordt gemaakt voor geavanceerde browsers zoals pc's. De versie voor mobiel wordt dan aangemaakt na het verwijderen van elementen die niet nodig zijn. Het probleem met deze aanpak is dat het voor de ontwerper moeilijk kan worden om functies te onderscheiden die voor lagere browsers moeten worden weggelaten. De mobiele versie kan daarom geen verbeterde pagina-ervaring bieden.
Belang van Mobile First-aanpak voor uitgevers
Het is nu vastgesteld dat mobile first-ontwerpen de gebruikerservaring verbeteren, en het is vooral om deze reden dat uitgevers deze aanpak moeten overwegen. De volgende punten gaan hier dieper op in.
- Mobielvriendelijkheid is nu een belangrijke prestatiemaatstaf voor het meten van pagina-ervaring. Tot nu, AMP werd gebruikt voor de Top Stories-functie van Google, maar met de komst van Web Vitals zal pagina-ervaring deze vervangen.
- Het gebruik van de mobile first-strategie zal er verder voor zorgen dat dit wordt geminimaliseerd paginalatentie. Deze aanpak zorgt ervoor dat kenmerken en functies worden geoptimaliseerd voor mobiele browsers, waardoor de laadtijd van de pagina wordt verkort.
- Mobile first design is ook de behoefte van het moment geworden vanwege het snel stijgende aantal smartphonegebruikers. Momenteel, dat is januari 2021, 3.8 miljard mensen over de hele wereld gebruiken smartphones. In dit scenario kunnen uitgevers niet verder zonder hun websites uit te rusten voor mobiele telefoons.
- Tenslotte Inkomsten genereren via mobiel internet heeft zijn eigen voordelen. Uitgevers kunnen hiervan profiteren targeting op verschillende apparaten door mobielvriendelijke websites te maken.
Beste praktijken om te overwegen
Minder en relevante inhoud
De meest relevante inhoud van uw website moet meteen zichtbaar zijn. Idealiter wordt diepgaande inhoud beschouwd als het belangrijkste aspect van een website. Maar mobiele gebruikers kijken naar kleinere schermen en daarom moeten ze voorzien worden van beknopte inhoud die absoluut noodzakelijk is.
Houd de website eenvoudig
Een eenvoudig mobiel webontwerp is de sleutel tot het beheersen van mobiele inkomsten. Zorg ervoor dat gebruikers gemakkelijk door de pagina kunnen navigeren. Dit kan worden gedaan door de zoekfunctie op een plek te plaatsen waar deze gemakkelijk zichtbaar is, door een duidelijke optie te bieden om door de verschillende functies van de website te navigeren, door te controleren welke lettergrootte de leesbaarheid vergroot, en door de website in feite zoveel mogelijk overzichtelijk te maken.
Gebruik ideale advertentieformaten
Wanneer u een mobielvriendelijke website maakt, kunnen advertenties opdringerig overkomen, wat de betrokkenheid van gebruikers kan belemmeren. Om ervoor te zorgen dat dit niet gebeurt, moet u advertentieplaatsingen en advertentie-indelingen kiezen die de aandacht niet van de inhoud afleiden. Hieronder vindt u enkele advertentie-indelingen die kunnen worden gebruikt voor mobiele websites:
- Mobiele native advertenties sluit naadloos aan bij de inhoud van uw website en vormt daarom geen belemmering.
- Mobile banneradvertenties zijn een populaire keuze geweest onder uitgevers en om de juiste redenen. Ze zijn eenvoudig te implementeren, verhogen de conversiepercentages en verbeteren de gebruikerservaring.
Lees ook: De beste formaten en formaten voor mobiele advertenties om de advertentie-inkomsten te verhogen
- Videoadvertenties kan een creatieve toevoeging aan uw voorraad zijn en de klikfrequenties verder verhogen. Omdat de aandachtsspanne van internetgebruikers snel afneemt, kunnen videoadvertenties een oplossing zijn om de betrokkenheid van gebruikers te vergroten.
Vergeet call-to-action (CTA) niet
Uitgevers moeten er rekening mee houden dat ze CTA's moeten gebruiken die zijn geoptimaliseerd voor mobiele telefoons. Zorg ervoor dat uw bestemmingspagina's net zo responsief zijn als uw primaire pagina. Controleer de laadsnelheid van al uw bestemmingspagina's en los eventuele latentieproblemen op die u kunt tegenkomen. Zorg er bovendien voor dat CTA’s gemakkelijk klikbaar zijn, omdat gebruikers het vervelend vinden om op veel te kleine knoppen te klikken.
Test zoveel als je kunt
Het is belangrijk om alles te testen voordat u de website implementeert, om eventuele knikken op te sporen die u tegenkomt. Uw mobiele website moet worden getest op snelheid, ongeacht of landingspagina's wel of niet worden geopend en of uw website is geoptimaliseerd voor verschillende mobiele modellen. Als u al deze problemen controleert en oplost, verbetert u de pagina-ervaring voor uw website.
Conclusie
Inmiddels hebben uitgevers misschien begrepen dat het volgen van de ‘mobile first’-benadering zal helpen hun websites hoger te rangschikken door de gebruikerservaring te verbeteren. Voor uitgevers die nog niet veel aandacht hebben besteed aan de mobiele versies van hun sites, is dit het beste moment om aan de slag te gaan.
De veranderende prioriteiten van Google voor de ranking maken het belangrijk voor uitgevers om de optimalisatie van websites voor mobiele apparaten te overwegen en daadwerkelijk in praktijk te brengen. Mobile first-ontwerpen zullen uitgevers helpen bij het leveren van een verbeterde gebruikerservaring. Ons advies aan uitgevers is om de best practices te volgen om de mobielvriendelijkheid van hun websites te vergroten.
Shubham is een digitale marketeer met rijke ervaring in de advertentietechnologie-industrie. Hij heeft ruime ervaring in de programmatische industrie, waar hij de bedrijfsstrategie en schaalfuncties aanstuurt, inclusief maar niet beperkt tot groei en marketing, operations, procesoptimalisatie en verkoop.
