Waarom je nu moet inzetten op progressive webapps of PWA's

Apps zijn dood, lang leve apps! Wil je gewapend zijn voor de toekomst, dan moet je nu inzetten op progressive webapps of PWA's. In deze post lees je het hoe en waarom.

Je hebt het afgelopen jaar waarschijnlijk de term 'progressive webapp' of 'PWA' al wel eens horen vallen, zonder te weten wat het precies is en hoe het zowel je business als je klanten kan helpen. Daar hoop ik met deze blog verandering in te brengen.

Ik ben op dit moment een progressive webapp aan het ontwikkelen voor een van de klanten van Intracto en kom dus elke dag in aanraking met de praktijk. Heb je naar aanleiding van deze blog een concrete vraag, contacteer me dan gerust.

 

PWA 

 
 

Wat is een progressive webapp of PWA?

Een progressive webapp of PWA kan je zien als een mobiele applicatie die via het web wordt verspreid, in plaats van via een Google Play Store, Apple Store of Windows Store. Een PWA is kort door de bocht dus een website die zich gedraagt als een mobiele app. De naam webapp zegt het eigenlijk al zelf.

PWA's hebben tegenwoordig ook vrijwel alle functionaliteiten die een mobiele app biedt. Zo kan je een PWA bijvoorbeeld toevoegen aan het startscherm van je smartphone.

 

pwa-2.1

 

Gebruiksvriendelijk en snel

Open je de PWA volgende keer op die manier, dan voelt hij aan als een 'gewone' app. De drempel ligt dus een pak lager dan wanneer je een adres moet gaan intypen of een zware installatie moet gaan uitvoeren zoals bij een gewone app.

 

Nauw contact met de gebruiker

Je hebt misschien al gemerkt dat steeds meer websites je vragen om push-notificaties te mogen sturen. Dat is ook een onderdeel van PWA's, om de betrokkenheid te verhogen. Wanneer een gebruiker zich abonneert op die notificaties kan je hen makkelijk op de hoogte brengen van belangrijke mededelingen.

Praktische voorbeelden zijn bijvoorbeeld nieuwssites die belangrijke evenementen pushen naar gebruikers, vliegvelden die gewijzigde data versturen naar hun klanten of online shops die een berichtje sturen wanneer er een promotie start, of feedback aan een klant vraagt wanneer die een volle winkelwagen achterlaat zonder uit te checken.

 

1490120495Progressive_Web_App_C-01

 

Waarom je nu moet inzetten op progressive webapps

Een PWA belichaamt de 'best practices' van bedrijven als Google, Microsoft en Apple om de belevenis van je bezoekers zoveel mogelijk te optimaliseren ongeacht de hardware, software, geolocatie en connectiviteit. 

 

 

Waarom geen 'gewone' app?

Als je een 'gewone' app wil laten ontwikkelen voor pakweg iOS of Android, sta je voor een tijdsintensief en prijzig traject. Maar het grootste nadeel is wellicht het bereik van de doelgroep. Je moet om te beginnen al twee verschillende apps bouwen en zelfs dan bereik je alleen de mensen die de app ook daadwerkelijk installeren.

 

"De gemiddelde gebruiker installeert 0 tot 1 app per maand"
Bron: comScore MobiLens, Leeftijd 13+, Juni 2017

 

Uit een onderzoek op de Google Play Store is gebleken dat meer dan 75% van de gebruikers een nieuw geïnstalleerde app niet meer gebruikt na 3 dagen. Dat onderzoek is gedaan op 125 miljoen mobiele apparaten en met enkel apps die meer dan 10.000 downloads hadden.

 

Progressive webapps zijn overal beschikbaar

Het grote voordeel van een PWA is dus dat er maar één app gebouwd moet worden die gebruikt kan worden op zowel desktop, tablet als mobiel, ongeacht het merk of type. Gebruikers kunnen een adres intypen en de app meteen gebruiken. Willen ze de app makkelijker opnieuw gebruiken, dan kunnen ze hem toevoegen aan hun startscherm en zich abonneren op notificaties.

 

De voordelen van PWA's tegenover klassieke apps

  • PWA's zijn progressive: Ze werken dus voor elke gebruiker, ongeacht browserkeuze, verbindingssnelheid of het type apparaat.
  • Responsive: Of je bezoekers nu een desktop, tablet of een gsm gebruiken, de PWA zal zich aanpassen aan het formaat en zo elke gebruiker de beste ervaring geven.
  • Offline: Apps of features die geen constante verbinding nodig hebben, zijn offline te gebruiken.
  • Altijd up-to-date: Gewone apps moeten altijd bijgewerkt worden via de store waarlangs ze geïnstalleerd zijn. Een PWA is altijd up-to-date omdat alleen de website aangepast moet worden. De bezoeker hoeft helemaal niks te doen.
  • Veilig: PWA's gebruiken een beveiligde HTTPS-verbinding zodat alle bezoekersdata veilig uitgewisseld wordt.
  • Scoort in Google: Volgens het W3C-manifest worden alle PWA's als apps geclassificeerd, maar ze zijn beter vindbaar dan gewone apps. Alle schermen hebben een eigen URL en SEO-metadata waardoor het voor de zoekmachines makkelijk is om ze te indexeren.
  • Betrokkenheid: Dankzij push-notificaties kan je altijd in contact blijven met je klanten.
  • Simpele installatie: Je zet een PWA op het startscherm van je mobiele telefoon door een simpele klik tijdens je bezoek aan de website.

 

FI_UsingSmartphone

 

Twee nadelen van PWA's

  • Ondersteuning door Apple: Service Workers, een technisch onderdeel van PWA's, worden pas sinds Safari 11.3 op iOS (gereleased op 29 maart 2018) ondersteund. Er is dus volledige ondersteuning voor iedereen met die versie, maar wie nog met een Safari-versie onder 11.3 zit kan geen PWA's toevoegen aan zijn startscherm of zich abonneren op push-notificaties. In België zit op dit moment (juni 2018) 41% van de iOS-gebruikers op versie 11.3. Dat aantal zal de komende maanden alleen maar groeien.
  • Uitgebreide functies: Niet alle functies van een 'gewone' app werken bij een PWA. Toegang verlenen tot je contacten of je bluetoothverbinding en je schermbeveiliging uitschakelen zijn met een PWA (nog) niet mogelijk. Een duidelijk overzicht van alle mogelijke features kan je vinden op What Web Can Do Today.

 

lancome-scroll 

Er zijn meer mobiele gebruikers dan ooit

Enkele jaren geleden was de grote vraag of een website responsive moest zijn. Het antwoord was uiteraard 'ja', tenzij al je gebruikers desktopgebruikers zijn. Het antwoord op de vraag of je nu moet inzetten op een progressive webapp is zo mogelijk nog makkelijker te voorspellen. Kijk maar naar het succes van mobiele apparaten. Sinds 2016 hebben de mobiele bezoekers de desktopbezoekers wereldwijd ingehaald.

 

internet_usage_2009_2016_ww

 

Er zijn al tientallen onderzoeken waarin aangetoond is dat conversieratio op websites verhoogt wanneer de gebruiker de content sneller voorgeschoteld krijgt. Andere onderzoeken tonen aan dat meer dan 70% van de gebruikers de website verlaten als die niet binnen de 3 seconden geladen is.

 

In de praktijk: PWA's verdubbelen conversie

Veel internationale organisaties zoals Twitter, Uber en Trivago hebben al ingezet op PWA's, met veel positieve resultaten zoals verdubbeling van conversie, meer terugkerende bezoekers en snellere laadtijden

Twitter Lite example PWA

 Lancome example PWA

Best Western example PWA

 

Extra meerwaarde met minder inspanning

Of het nu om een start-up of een grote organisatie gaat, progressive webapps zijn de toekomst en ze zullen dat blijven zolang de markt gedomineerd wordt door mobiele apparaten. Je kan heel wat meerwaarde bereiken met minder inspanning. Met de juiste implementatie en strategie kan je je doelgroep beter bereiken dan ooit tevoren.

Benieuwd hoe een PWA in jouw businessmodel past? Stuur me een mailtje en kom er eens over praten!

Contacteer ons

Meer weten? Contacteer ons!

Sead Memic
Door Sead Memic