Categorie archief: Mobile

Wat betekent AMP voor responsive design

De komst van AMP heeft zichtbare impact op een groot aantal websites. Dit project, geïnitieerd door Google zorgt voor een verbeterde lees-ervaring op websites die Google keurt als ‘niet goed leesbaar op mobiel’.

In de praktijk betekent dit dat je in je Chrome browser (standaard meegeleverd op alle moderne Android apparaten) onderin een melding krijgt waarmee je een leesbare versie van de website kunt bekijken. Wanneer je dit doet dan haalt AMP de belangrijkste content (titels & paragrafen) tevoorschijn zodat deze beter leesbaar worden. Ook laat het een heleboel stijl-elementen weg. En nog belangrijker voor media-uitgevers: ook de banners worden hiermee niet gespaard.

Dit is problematisch voor media-uitgevers die drijven op advertentie-inkomsten. AMP pagina’s tonen namelijk alleen de content, en geen video’s met pre-rolls.

Daarom is het essentieel dat je de gebruiker een mobiele ervaring biedt. Dit kan door responsive design toe te passen: een techniek waarbij alle schermresoluties een goede weergave geven van de website. Dit is niet iets dat een frontend developer voor een weekje voor je oplost in een sprint: het responsive maken van een grote website is een behoorlijk grote klus. Niet alleen wil je optimaliseren voor het kleinste (mobiele) formaat: ook alle tussenmaten zoals grote smartphones en tablets moeten een eigen weergave krijgen. Hiermee voorkom je dat Google (en AMP) zelf het heft in handen nemen op jouw pagina. Een ‘eigen’ geoptimaliseerde weergave van je pagina kan er zodoende voor zorgen dat je zelf in controle blijft over wat er wél en niet zichtbaar is.

Via de Google Search Console biedt Google ondersteuning. Hier kun je eenvoudig testen of Google jouw pagina mobiel-vriendelijk vindt. Hiermee voorkom je dat Google AMP pagina’s gaat tonen die wellicht essentiële zaken in jouw content weglaten.

Vergeet hierbij niet dat je de gehele user-experience mobiel moet maken. Vaak zie ik op websites nog steeds allerlei mobiel-onvriendelijke maatregelen, zoals enquetes in de vorm van popups die niet weg te klikken zijn, of cookiemeldingen die hinderlijk in het beeld blijven hangen. Nodeloos om te zeggen dat dit niet alleen irritant is voor je bezoeker: je verliest er ook belangrijke conversie mee op de pagina. Google geeft uiteindelijk steeds meer gewicht aan pagina’s die goed werken op mobiel, en houdt ook bij of de gebruikers van jouw website wegklikken. Is dit het geval, dan toont Google jouw pagina in vervolg minder hoog, hoe goed je je SEO ook voor elkaar hebt.

Carmageddon en de NASA

Carmageddon voor AndroidTegenwoordig heeft een gemiddelde smartphone meer rekencapaciteit dan de hele NASA ter beschikking had toen ze de eerste man op de maan lieten landen. De impact daarvan viel mij eigenlijk pas op na het spelen van een spelletje: Carmageddon.

De game, die sinds kort in de Android store staat is een rechtstreekse kopie van het origineel dat uitkwam in 1997. In het spel is het de bedoeling dat je met auto’s de ander kapot beukt, en eventueel wat voetgangers plat, de reden dat het spel destijds in het nieuws kwam. Als je de game nu ziet vraag je je af waar iedereen zich zo druk om maakte, de graphics zijn niet geweldig en het geheel is zeker niet serieus te nemen want het bloed vliegt in het rond en de voetvangers maken allerminst een serieuze indruk om weg te rennen.

Ik weet nog goed dat ik de game voor het eerst zag, ik was 14 jaar, bij een vriendje thuis. Zijn computer was een state- of the art Pentium 200MMX en had 32MB ram. En zelfs op zijn computer waren er haperingen. Dat niet alleen: de game was ook nog eens erg groot voor z’n tijd, dus er moest ook nog eens schijfruimte worden vrijgemaakt. Maar goed: toen het eenmaal draaide en de computers elkaar in een lokaal netwerk ook zagen kon de pret beginnen: moeiteloos beukten we urenlang op elkaar in, daarbij zoveel mogelijk voetgangers rakend.

MultitaskenTerug naar de smartphone, want waarom hebben we allemaal een mini-computer op zak? Niet speciaal om bloederige racegames op te spelen. We hebben de smartphone op zak omdat deze ons verbind met de buitenwereld. Door middel van tweets, Facebook berichten, en WhatsApp blijven we ‘connected’. Vreemd genoeg is dat niet specifiek de reden dat we hele sneller smartphones hebben: de noodzaak om dit allemaal tegelijkertijd te doen, en daarbij ook een YouTube video willen zien is de belangrijkste reden dat de vier grote fabrikanten allemaal in een race zijn geraakt om een ‘snel’ mobieltje te produceren: Samsung, Nokia, LG en natuurlijk Apple vechten elkaar de tent uit om de beste- en dus ook snelste smartphone te produceren. Snelheid zorgt er voor dat er meer transistoren op een kleine oppervlakte moeten ‘schakelen’ (tussen 0 en 1 welteverstaan) en dat er hierdoor meer warmte vrijkomt. Niet alleen dat is een hindernis: ook het batterijverbruik holt achteruit, hetgeen eigenlijk iedere smartphone gebruiker een doorn in het oog is.

En dan zijn er nog de problemen rondom het Internet. Waar mijn Pentium 166MMX gehandicapped bleek op het gebied van snelheid kon hij in ieder geval leunen op een (toendertijd Chello) Internetverbinding die makkelijk 200 kB/s haalde, een snelheid die je nu op straat via 3G misschien theoretisch wel kunt halen, maar in de praktijk eigenlijk bijna nooit. Dat maakt de smartphone ook wel weer een eenzame strijd leveren: prima voor in de huiskamer op het snelle wifi, maar enigszins beperkt in de ‘echte’ wereld door het gebrek aan bandbreedte en batterij. Waneer die twee factoren langzaam op zullen lossen gaan we een heel nieuw tijdperk in, waarvan ik Hangouts van Google misschien nog wel het sterkste voorbeeld vind: draadloos- en moeiteloos videobellen met meerdere mensen tegelijkertijd: dat lijkt me een fantastische toekomst.