Web apps winnen steeds meer terrein. Niet geheel zonder reden: ze zijn super mobielvriendelijk en geweldig voor de gebruikservaring, en dus het ideale platform van nu. Maar hoe zit het dan met de veelgebruikte native app waarvan we er allemaal wel minstens één op onze telefoon hebben staan? Doen die er dan niet meer toe? In dit blog lees je meer over de progressive web app en de native app, en waarom wij zo’n groot voorstander zijn van mobiele websites.
De groei van mobiel
De afgelopen jaren is het gebruik van mobiel ontzettend toegenomen. Hieronder wat feiten:
- In 2020 besteden mensen dagelijks 4 uur en 10 minuten op hun telefoon, een groei van 20% vergeleken met 20191
- 60% van alle Google zoekopdrachten worden gedaan via mobiel, bijna een verdubbeling vergeleken met 5 jaar geleden.2
- In 2022 zal meer dan 50% van de totale advertentie-uitgaven bestaan uit advertenties voor mobiel. Daarmee heeft het desktop advertenties ingehaald.2
- In 2020 werd er meer 40% meer uren besteedt aan streamen via mobiel1
- Elk jaar wordt er 30% meer tijd besteedt in shopping apps. Ook shoppen via social media als Instagram en Pinterest stijgt met een verwachtte uitgave van $2 biljoen in 2024.1
De feiten liegen er niet om: mobiel is na al die jaren nog steeds explosief aan het groeien. Tijd dus om jouw website om te vormen tot een mobielvriendelijk platform.
Wat is een web app?
Een web app is een mobiele website die zich gedraagt als een app. Dit betekent dat een web app net als een native app mobiele functionaliteiten kan gebruiken, en de gebruikers een soortgelijke gebruikservaring geeft als zij met een native app zouden hebben.
Anders dan een native app kun je de web app gewoon bezoeken vanuit de browser. De gebruiker hoeft dus niet eerst een app te installeren op z’n telefoon om er gebruik van te maken. Daarentegen zijn de functionaliteiten waar een web app gebruik van kan maken wel wat beperkter, en doordat een web app volledig afhankelijk is van de browser waarin deze bezocht wordt kan de beschikbaarheid van deze functies ook verschillen per browser.
Progressive web app
Naast de web app is een progressive web app (PWA) ook een veelgehoorde term. Een progressive web app is eigenlijk een gebooste versie van de web app die op elk apparaat, platform, besturingssysteem en browser functioneert. De PWA is veel minder afhankelijk van de browser waarin deze gebruikt wordt en kan daarom van meer mobiele functionaliteiten gebruik maken. Denk bijvoorbeeld aan functies als het sturen van push notificaties en de optie om de ‘app’ aan je beginscherm toe te voegen. Daarnaast is een PWA een stuk sneller dan een responsive web app, omdat data van de PWA na je eerste bezoek direct wordt opgeslagen zal de website de volgende keren een stuk sneller laden. Het opslaan van deze data maakt het ook mogelijk om een PWA offline te gebruiken.
Zelfs Google is de waarde van progressive web apps in gaan zien en is begonnen met het omzetten van diverse apps naar progressive web apps, zoals YouTube Music en YouTube TV. Ook Microsoft is groot voorstander van PWA's door deze toe te staan en aan te bevelen in de Microsoft Store voor Windows. In Windows 11 krijgen PWA's een nog prominentere rol.
Web app vs. native app
Om een weloverwogen besluit te maken van het laten maken van een progressive web app of een native app hebben we hieronder alle verschillen op een rijtje gezet.
|
(Progressive) web app |
App |
|
Geschikt voor alle platformen, apparaten, besturingssystemen en browsers. |
Gebonden aan het besturingssysteem waarvoor de app is geprogrammeerd. Dit kan iOS, Android of beide zijn. Daarnaast moet je de app ook toevoegen aan de verschillende app stores. |
|
Hoeft niet geïnstalleerd te worden door de gebruiker. |
Gebruiker moet om van de app gebruik te kunnen maken eerst naar de app store gaan en de app downloaden voordat hij deze kan gebruiken. |
|
Door Service Workers kan een PWA ook offline gebruikt worden. |
Kan offline gebruikt worden. |
|
Kan beperkt gebruik maken van mobiele functionaliteiten (worden er wel steeds meer): notificaties versturen, NFC gebruiken, camera openen, GPS locatie gebruiken, microfoon gebruiken en andere apps gebruiken. |
Uitgebreide toegang tot mobiele functionaliteiten. Naast de functies van een PWA kan een native app ook NFC betalingen afhandelen, omgevingslicht bepalen en gebruik maken van smart locks. |
|
Langzamer dan een native app doordat de web app moet functioneren op verschillende platformen, besturingssystemen, apparaten en browsers en daardoor niet specifiek voor één systeem gebouwd is.
Nadat de app voor het eerst is ingeladen, zal deze de volgende keren dat het bezocht wordt een stuk sneller laden. |
Sneller dan een PWA, aangezien de app specifiek voor het besturingssysteem is gebouwd en beter ingebouwd is met de telefoon. |
|
Als maker van de app kun jij een update van de app forceren, indien er internet is. De PWA lijkt vanuit de gebruiker z’n kant automatisch te worden geüpdate. |
De gebruikers moeten de update installeren. |
|
Kan aan het homescreen toegevoegd worden. |
Kan aan het homescreen toegevoegd worden. |
|
Website moet bezocht worden via URL, kwaliteit is niet gegarandeerd. Al stelt Google wel dat je een SSL-certificaat moet hebben om een PWA uit te kunnen brengen. |
Door de kwaliteits- en veiligheidseisen van app stores zijn gebruikers zeker van een veilige en kwalitatieve app. |
|
Het toffe aan PWA’s is dat deze 1-op-1 gelijk is aan de website, je bent dus geen extra tijd kwijt aan content management t.o.v. de website. |
Een native app is niet één-op-één gelijk aan de website en dient dus los beheerd te worden. De content moet je dus ook weer ergens beheren, waardoor je dubbel werk hebt. |
|
De progressive web app wordt gewoon geïndexeerd door zoekmachines als Google. Om beter vindbaar te worden kun je SEO en SEA toepassen. |
Native apps worden standaard niet geïndexeerd door zoekmachines. Als je zowel een website als een app met soortgelijke content hebt, dan kun je deze aan elkaar linken om je app zichtbaar te maken in Googles zoekresultaten. Daarnaast laat Google op mobiel een aantal resultaten uit z’n Play Store zien in de zoekresultaten wanneer gezocht wordt naar een bepaald keyword. Ook kun je met App Store Optimization (ASO) technieken ervoor zorgen dat je beter zichtbaar wordt in de app store. |
Wat kies jij?
Uiteindelijk ligt de keuze voor een web of native app natuurlijk bij jou. Bepaal waar jij de app voor wilt inzetten, zodat je weet welke optie het beste hierop aansluit. Maak een afweging of je bepaalde native toepassingen nodig hebt of dat een progressive web app misschien beter op je wensen aansluit waarbij je qua content management weer veel tijdswinst hebt.
Zelf zijn wij groot voorstander van de progressive web app. Meer weten over deze krachtpatser? Ontdek hier alles over progressive web apps.
