Progressive webapps nu ook op de desktop

Wat is een Desktop PWA?

Even herhalen: een progressive webapp of PWA is een normaal te bereiken website die zich responsive gedraagt maar voorzien is van een extra stuk code, onzichtbaar voor de gebruiker, die de website toelaat zich als een app te gedragen op mobiele toestellen.

PWA's zijn responsive, offline beschikbaar, snel, gebruiksvriendelijk en houden de gebruiker betrokken. Desktop PWA's brengen dezelfde mogelijkheden (websites die geïnstalleerd kunnen worden als apps) nu ook naar je laptop of vaste computer.

Heeft jouw bedrijf al een PWA in plaats van een gewone website, dan zal die voortaan ook als Desktop PWA beschikbaar zijn op alle Chrome-browsers vanaf versie 73 (maart 2019).

Enkele voordelen van PWA's

Enkele redenen waarom je beter een PWA uitbrengt dan native apps:

• 1 codebase voor alle platformen
• Veel minder data tijdens download & opslag
• Makkelijkere installatie
• Snellere releasecyclussen

Je leest er meer over in onze whitepaper over PWA's. Hieronder toon ik enkele voorbeelden van Desktop PWA's, van Spotify en Twitter.

Waarom een Desktop PWA bouwen?

Het mobiele platform heeft PWA's op de kaart gezet en de evolutie gestarten. Mobiel surfgedrag is erg snel gegroeid, terwijl de desktopgebruikers redelijk stabiel gebleven zijn. Mobiele gebruikers surfen vooral 's ochtends en 's avonds, waarbij tabletgebruikers voornamelijk een piek in de avond hebben. 

Het surfgedrag van desktopgebruikers is meer verspreid over de dag, wanneer ze aan het werk zijn aan hun bureaus.

Installatie mogelijk op alle platformen

Vanaf begin dit jaar kunnen PWA's op een desktop met Chrome geïnstalleerd worden zoals elke andere applicatie op de desktop. Je gebruikers zijn dus niet langer beperkt tot een installatie op een tablet of ander mobiel toestel. 

Een native look & feel is erg belangrijk voor de gebruikers na installatie, ze willen niet het gevoel hebben in een browservenster aan de slag te zijn. Desktop PWA's openen in een apart venster, met hun eigen voorkeuren. De adresbalk, Favorieten enz. worden niet getoond en de gebruiker heeft meer ruimte om je website/applicatie te bekijken.

Meer dan een bookmark

Een website die je vaak bezoekt zet je al snel in je favorieten. Met een PWA kan je meer doen: je kan hem toevoegen aan je startscherm en hem met een klik op het icoon bezoeken zonder je browser te openen.

Een PWA is sneller en betrouwbaarder dan een klassieke website, door gebruik te maken van zogenaamde Service Workers, die de content vooraf inladen.

Installeren vanuit de adresbalk

Op de desktop is er in de Chrome-versies voor 76 geen indicatie dat een PWA te installeren valt behalve de  menu-optie Installeer, die verborgen zit achter de drie puntjes rechtsboven waar veel gebruikers overheen kijken.

Vanaf Chrome 76 (eind juli 2019) zal een nieuwe optie ingebouwd worden, waarin het voor je gebruikers makkelijker is om te zien of de bezochte pagina te installeren valt. Rechtsboven naast de bookmark/menu-optie komt er een plusje te staan (Installeren). Een desktop-gebruiker zal op deze manier sneller geneigd zijn om PWA's te installeren.

Er zijn 3 verschillende manieren om de installatie van je PWA te promoten:

• Automatische browserpromotie, zoals hierboven
• Via de user interface in de applicatie, bv. een banner of button met een installatie-actie
• Installatie via content, een banner met een installatie-actie die opgenomen wordt in de content van je site.

PWA's meer dan ooit de toekomst

Desktop PWA's en mobiele PWA's zijn in principe hetzelfde, het is vooral de ondersteuning op desktops die grote stappen heeft gezet. Vorig jaar schreven we een blogpost over waarom je nu moet inzetten op PWA's, en zoals we toen al voorspelden hebben PWA's op alle fronten heel wat vooruitgang gemaakt.

Browsersupport op desktops is nu een pak beter en op mobiele browsers worden de nieuwe technologieën snel toegepast. Helaas zijn iOS en Safari nog steeds traag wanneer op het oplossen van bugs en het toevoegen van bepaalde nieuwe features aankomt.

Vanwege het Progressive-principe (progressive enhancement) kunnen we vaststellen dat PWA's mainstream geworden zijn en dat we daarop moeten blijven inzetten.