Een app laten bouwen kost een veelvoud van een website. Je bouwt er twee, want iOS en Android werken anders. Je hebt een appwinkel nodig met goedkeuring en updates. En je moet mensen zover krijgen dat ze hem installeren, wat de grootste drempel van allemaal is.
Er bestaat een tussenweg. Een website die genoeg app-eigenschappen heeft om als app te voelen.
Dat heet een PWA. Je zet hem op je beginscherm en hij opent zonder adresbalk, precies als een echte app.
Voor de meeste MKB-bedrijven is het overbodig, en dat zeg ik er eerlijk bij. Maar bij een enkel type dienst is het precies de juiste keuze.
Een website die zich gedraagt als een app, zonder appwinkel.
Wat is een PWA?
PWA staat voor Progressive Web App. Het is geen aparte techniek maar een verzameling eigenschappen die je aan een gewone website toevoegt.
Er zijn drie belangrijke. Je kunt hem op je beginscherm zetten, hij werkt deels offline werken en hij kan meldingen sturen.
Zonder appwinkel
Dat is het grootste praktische voordeel. Er is geen goedkeuring nodig en er gaat geen percentage naar een platform.
Een update publiceer je zoals je een pagina publiceert. Je gebruikers krijgen hem direct, zonder dat ze iets hoeven bij te werken.
Het verschil met een echte app
Een native app heeft volledige toegang tot het toestel. Camera, sensoren, contacten en achtergrondtaken.
Een PWA heeft daar beperkter toegang toe. Op Android is dat verschil klein geworden, op iOS is het groter.
Ook het installeren verloopt anders. Bij een app tik je op een knop in een winkel. Bij een PWA moet je via een menu kiezen voor toevoegen aan beginscherm.
Dat is een drempel die veel mensen niet nemen omdat ze niet weten dat het kan.
Wanneer het zinvol is
Waar ik het zou overwegen
Een dienst die mensen dagelijks of wekelijks gebruiken.
Een klantomgeving waar men inlogt en iets doet.
Situaties met slecht bereik, zoals op een bouwplaats.
Een intern hulpmiddel voor je eigen medewerkers.
Die eerste is de doorslaggevende. Gebruikt iemand je dienst twee keer per jaar, dan zet hij hem niet op zijn beginscherm.
Offline werken
Dat is de meest onderschatte eigenschap. Een PWA kan pagina’s bewaren en tonen zonder verbinding.
Voor een monteur op een dak is dat het verschil tussen bruikbaar en waardeloos. Technisch werkt dat met een slimme vorm van cache.
Wat het kost
Minder dan een app, meer dan een gewone website. Reken op een flinke opslag op je bouwbudget.
De basis is licht: een instellingenbestand en een script. De kosten zitten in wat er offline moet werken en in het testen op verschillende toestellen.
Begin daarom bij de vraag of een goede mobiele website niet volstaat. In negen van de tien gevallen is dat zo. Meer daarover lees je bij mobile first en pagespeed.
Wat je zelf bepaalt aan offline inhoud
Een handleiding of een prijslijst kun je volledig meenemen. Een live voorraadstand niet, want die verandert.
Je bepaalt dus wat er bewaard wordt en hoe lang. En wat er gebeurt zodra iemand weer verbinding krijgt. Dat is precies waar de bouwtijd in gaat zitten.
Meldingen zijn een tweesnijdend zwaard
Je kunt berichten sturen naar het beginscherm van je gebruiker. Dat is krachtig en het is snel irritant.
Vraag toestemming pas op het moment dat iemand er iets aan heeft. Direct bij het eerste bezoek vragen levert vrijwel altijd een weigering op.
Vraag welk probleem het oplost
Is het antwoord dat het modern staat, dan is dat geen reden. Bouw je iets waar niemand om vraagt, dan gebruikt niemand het.
Een goede mobiele website bedient dezelfde mensen zonder installatie en zonder extra onderhoud. Meer daarover lees je bij frontend.
Meer vragen over PWA
Dit zijn de vragen die ik hierover het vaakst krijg. Ik werk ze los uit.
Wat is een PWA?
Wat is het verschil tussen een PWA en een native app?
Wanneer is een PWA zinvol?
Werkt een PWA offline?
Kun je meldingen sturen met een PWA?
Wat kost het maken van een PWA?
Wat is een PWA?
Een native app heeft volledige toegang tot het toestel. Camera, sensoren, contacten en achtergrondtaken.
Een PWA heeft daar beperkter toegang toe. Op Android is dat verschil klein geworden, op iOS is het nog steeds groter.
Ook het installeren verloopt anders. Bij een app tik je op een knop in een winkel. Bij een PWA moet je via een menu kiezen voor toevoegen aan beginscherm.
Dat is een drempel die veel mensen niet nemen, simpelweg omdat ze niet weten dat het kan.
Daar staat tegenover dat je maar een ding bouwt in plaats van drie: een website, een iOS-app en een Android-app. Dat scheelt in bouwkosten en in onderhoud. Meer daarover lees je bij native.
Weeg mee dat je bij een echte app twee versies bouwt en onderhoudt. Dat is niet alleen bouwkosten maar ook jarenlang updates.
Vraag bij een voorstel altijd welke van de twee je krijgt en wat het verschil betekent voor jouw gebruikers.
Wat is het verschil tussen een PWA en een native app?
PWA staat voor Progressive Web App. Het is geen aparte techniek maar een verzameling eigenschappen die je aan een gewone website toevoegt.
De belangrijkste drie: je kunt hem op je beginscherm zetten, hij werkt deels offline en hij kan meldingen sturen.
Zet je hem op je beginscherm, dan opent hij zonder adresbalk. Voor je gebruiker voelt dat als een echte app.
Het grootste praktische voordeel is dat er geen appwinkel aan te pas komt. Geen goedkeuring, geen percentage naar een platform.
Een update publiceer je zoals je een pagina publiceert. Je gebruikers krijgen hem direct, zonder dat ze iets hoeven bij te werken. Dat scheelt gedoe dat je bij een echte app wel hebt.
Bedenk of je gebruikers je dienst vaak genoeg gebruiken om hem op hun beginscherm te willen. Dat is de vraag die alles bepaalt.
Bij twee keer per jaar is het antwoord nee, hoe goed de techniek ook is. Kijk daarvoor in je statistieken hoe vaak mensen terugkomen.
Wanneer is een PWA zinvol?
Bij een dienst die mensen dagelijks of wekelijks gebruiken. Dat is de doorslaggevende vraag.
Gebruikt iemand je dienst twee keer per jaar, dan zet hij hem niet op zijn beginscherm. Dan bouw je iets waar niemand om vraagt.
Ik zou het overwegen bij vier situaties. Een klantomgeving waar men inlogt en iets doet. Situaties met slecht bereik, zoals op een bouwplaats.
Een intern hulpmiddel voor je eigen medewerkers. En een dienst waar mensen echt vaak terugkomen.
Voor de meeste MKB-bedrijven met een bedrijfssite is het overbodig, en dat zeg ik er eerlijk bij. Een goede mobiele website doet hetzelfde werk zonder de extra kosten.
Kijk naar hoe vaak mensen terugkomen voordat je hierover nadenkt. Dat cijfer staat in je statistieken.
Is het merendeel eenmalig bezoek, dan bouw je iets waar niemand om vraagt. Dan is een goede mobiele website de betere keuze. Dat cijfer is eerlijker dan een gevoel over hoe belangrijk je dienst is.
Werkt een PWA offline?
Deels, en dat is de meest onderschatte eigenschap.
Een PWA kan pagina’s bewaren en tonen zonder verbinding. Technisch werkt dat met een slimme vorm van caching die de browser zelf uitvoert.
Je bepaalt zelf wat er offline beschikbaar is. Een handleiding of een prijslijst kun je volledig meenemen, een live voorraadstand niet.
Voor een monteur op een dak of iemand in een kelder is dat het verschil tussen bruikbaar en waardeloos.
Het kost wel bouwtijd om goed te doen. Je moet bepalen wat er bewaard wordt, hoe lang, en wat er gebeurt als iemand weer verbinding krijgt. Meer over die techniek lees je bij cache.
Bepaal vooraf wat er offline beschikbaar moet zijn. Een prijslijst kan mee, een live voorraadstand niet.
Daar gaat de bouwtijd in zitten, dus het is de vraag die je begroting bepaalt. Vraag er expliciet naar in een voorstel. Zonder die keuzes vooraf wordt het een project zonder duidelijk einde.
Wat kost het maken van een PWA?
Minder dan een app, meer dan een gewone website. Reken op een flinke opslag op je bouwbudget.
De basis is licht: een instellingenbestand en een script. Dat is werk van uren en levert de installeerbaarheid al op.
De kosten zitten in wat er offline moet werken en in het testen op verschillende toestellen. Dat laatste wordt altijd onderschat.
Begin daarom bij de vraag of een goede mobiele website niet volstaat. In negen van de tien gevallen is dat zo.
Vraag bij een voorstel altijd welk probleem het oplost. Is het antwoord dat het modern staat, dan is dat geen reden. Meer daarover lees je bij mobile first.
Vraag bij een voorstel welk probleem het oplost. Is het antwoord dat het modern staat, dan is dat geen reden.
Begin bij de vraag of een goede mobiele website niet volstaat. In negen van de tien gevallen is dat zo. Zo voorkom je dat je bouwt voor een probleem dat niemand heeft.
Twijfel je of jouw dienst baat heeft bij een app of dat een goede mobiele website volstaat? Beschrijf je situatie via het formulier hieronder. Ik kijk hoe vaak je klanten terugkomen en of installeren realistisch is. Vermeld je plaats, dan weet ik meteen waar je zit.
Waar kan ik je mee helpen?
Ook bekend als: Progressive Web App, webapp, installeerbare website