Progressive Web App

Progressive Web App.

Een digitaal platform dat zich gedraagt als een app

Mobiel is het meest gebruikte device. Grote kans dat dit ook voor jouw doelgroep geldt. Daarom is het essentieel dat je digitale platform functioneert op elk apparaat. Een responsive website die zich automatisch aanpast aan de schermgrootte is daarom al jaren de standaard: goed voor de gebruikerservaring, het onderhoud is op één plek en je bent vindbaar in Google. Een progressive web app (PWA) is een waardevol kanaal die vergelijkbaar is met een mobiele app, en is daarom mobielvriendelijk, kan mobiele functionaliteiten gebruiken en is zelfs offline te gebruiken. Ontdek hier waarom jij een progressive web app moet hebben.

Meer weten? Plan direct een call in met Monique.

Plan een call

Daarom een progressive web app:

  • Mobielvriendelijk en responsive, en dus te gebruiken op ieder apparaat
  • Je gebruikers hebben overal toegang tot jouw content
  • Zet mobiele functionaliteiten als QR, NFC, notificaties, locatie en camera in
  • Wordt online vindbaar en optimaliseer voor Google
  • Updaten waar en wanneer je wilt, zonder dat je gebruikers er last van hebben
Progressive Web App voor alle apparaten

Wat is een PWA?

Een progressive web app is een mobiele website die zich gedraagt als een app, oftewel hij kan gebruikmaken van mobiele functionaliteiten als NFC, camera, offline gebruik en het versturen van notificaties. Progressive web apps kun je dus gewoon bezoeken via de browser, maar heeft de look and feel van een native app die je kan downloaden in de app store.

Een progressive web app is een verbeterde versie van een ‘standaard’ web app en moet over de volgende elementen beschikken:

  • Progressive
  • Responsive
  • Offline te gebruiken
  • App-achtige interacties
  • Altijd up-to-date
  • Aanzetten tot wedergebruik
  • Installeerbaar
  • Veilig
  • Vindbaar
Progressive web app en een native app wat zijn de verschillen?

PWA vs native:

Laten we eerst naar het verschil tussen een native app en een PWA kijken. Een progressive web app is in de basis dus een website die zich gedraagt als mobiele app. Je kunt er vrijwel alles mee wat je met een native app programma kunt, maar dan via je webbrowser. Een native app is een op zichzelf staand programma op je smartphone. Vergelijk het met een programma op je computer, zoals Adobe Photoshop of Word. Gebruikers moeten deze app zelf installeren en updaten.

Naast dat een PWA direct te gebruiken is vanaf de webbrowser, heb je ook het voordeel dat je niet hoeft te bepalen voor welk besturingssysteem je de app maakt. Waar je bij native apps moet bepalen of je deze voor iOS, Android of beide laat maken, is een progressive web app voor elk platform, device, besturingssysteem en browser beschikbaar. Kortom: een PWA laat je gebruikers zo min mogelijk hordes doorlopen om bij je content te komen. Je verbetert de gebruikersbeleving, waardoor klanten blijer zijn. En een blije gebruiker is weer goed voor je sales.

Meer weten over de verschillen?

Ontdek PWA vs native

Progressive web app voor alle platformen

Een PWA is progressive.

Het grootste nadeel van een traditionele app is dat ze maar voor één platform geschikt zijn. Dat probleem heb je met een PWA niet. Dat komt omdat een PWA progressive is. Dat wil zeggen dat de app eerst de noodzakelijke content van een website laadt, en afhankelijk van de browser en internetverbinding van de gebruiker steeds meer lagen en functionaliteiten toevoegt. Dit maakt een PWA geschikt voor alle platforms, hoewel sommige oudere browsers misschien alleen de noodzakelijke content kunnen bekijken.

Progressive web app is responsive

Responsive webdesign.

Naast dat je de PWA binnen elk platform kunt gebruiken, kun je het ook voor elk device inzetten. De web app past zich automatisch aan, aan het formaat van het scherm van de gebruiker. Dus geen onhandig in- of uitzoomen, onleesbare teksten of linkjes die veel te dicht op elkaar staan. Met een progressive web app heb je een website die altijd goed functioneert op elk device: desktop, laptop, tablet of mobiel.

Progressive web app werkt ook offline

PWA werkt ook offline.

Zonder internet is het lastig of zelfs onmogelijk om een website te bezoeken. Native apps kunnen daarentegen vaak nog wel gebruikt worden als je geen of slechte verbinding hebt. Met PWA’s kan dat nu ook! Service Workers zorgen ervoor dat een PWA ook offline te gebruiken is. De Service Worker maakt het mogelijk om de data van een PWA van tevoren op te slaan, zodat de app ook beschikbaar blijft als je geen internetverbinding hebt.

App-achtige interacties.

De gebruiker van je progressive web app moet het gevoel hebben alsof hij in een mobielvriendelijke native app bevindt, om hem zo de beste online ervaring te bieden. Om dat voor elkaar te krijgen kun je app-achtige features erin verwerken als het swipen om het menu in- en uit te klappen of door afbeeldingen heen te scrollen, geanimeerde overgangen en het weergeven van laad icoontjes zodat de gebruiker weet wat er gebeurt. 

Lift mee op mobiele functionaliteiten.

Smartphones worden steeds slimmer. Met een PWA kun je gebruikmaken van alle nieuwste technieken in een smartphone. Denk dan bijvoorbeeld aan GPS, de camera, QR scanner en een NFC-chip.

Progressive web app

Altijd up-to-date.

Bij traditionele apps moeten gebruikers zelf de app updaten. Dat probleem heb je bij een progressive web app niet. Ontwikkelaars kunnen nieuwe updates en functionaliteiten gewoon toevoegen aan de PWA. De volgende keer dat je gebruiker de app opent, zal hij aangenaam verrast zijn door de nieuwe functies, zonder het installeren van een update. Bij veiligheidsissues ben je dus ook niet afhankelijk van het feit of een gebruiker wel of niet besluit een update te installeren.

Stuur notificaties met je PWA

Aanzetten tot wedergebruik.

Met een progressive web app kun je ervoor zorgen dat je bezoekers blijven terugkeren door meldingen te sturen. Zo kun je notificaties versturen wanneer je een nieuw nieuwsartikel online heb gezet, een chat wordt beantwoord of een item weer beschikbaar is. Zo zorg je ervoor dat er volop gebruik wordt gemaakt van jouw mobiele website en daarmee sneller interessante leads aantrekt.

Installeer een PWA en voeg deze toe aan je homescherm

Toevoegen aan je homescherm.

Net als een native app, kunnen gebruikers ook een progressive web app eenvoudig toevoegen aan het homescherm van hun smartphone. Zo zorg je ervoor dat je bezoekers nog makkelijker op jouw website kunnen komen en haal je zo dus nog meer extra hindernissen voor gebruik weg.

Progressive web apps zijn veilig

PWAs zijn veilig.

Standaard zijn al onze digitale platformen veilig. Dat geldt dus ook voor de Sterce PWA’s! Met het voor PWA’s verplichte SSL certificaat (te herkennen aan het slotje voor de URL) zijn je gebruikers zeker van een veilig website bezoek en het MODX CMS zorgt ervoor dat alleen de juiste gebruikers de achterkant van je PWA kunnen bekijken, bewerken en beheren.

SEO PWA

Geoptimaliseerd voor zoekmachines.

In tegenstelling tot de content in native apps, zijn PWA’s goed te indexeren door zoekmachines. Dat zorgt ervoor dat gebruikers die zoeken naar jouw content, of specifieke eigenschappen van je PWA, dat gewoon via Google en andere zoekmachines kunnen vinden. Daarnaast zijn PWA’s ook een stuk makkelijker te delen, want een PWA heeft z’n eigen URL.

Je start maken met mobiel?

Bij Sterc denken we het liefst mobile-first en creëren we voor onze klanten responsive digitale platforms en web apps. Zelf ontdekken wat wij voor jou kunnen betekenen? Neem contact met ons op, of plan direct een call in met Monique. Zij vertelt je er graag alles over!

Selecteer een taal.