Progressive Web Apps: voordelen en praktijkervaringen - Emerce
Ben van Steenbergen
Best practice - 3 juni 2021 - 06:22
Een Progressive Web App is een van de nieuwste ontwikkelingen op het gebied van online apps en e-commerce. Met een PWA combineer je de functionaliteiten van een native app met die van een webshop. Dankzij die combinatie creëer je een onderscheidende gebruikerservaring, waarmee je je nu en in de toekomst kunt onderscheiden als webshop.
Veel webshops worden inmiddels mobile first ontwikkeld. Dan is het natuurlijk zonde als een shop niet alle mogelijkheden van een smartphone kan benutten. Denk aan push-notificaties, camera-activatie, locatiebepaling of het gebruik van Face-ID of vingerafdrukherkenning. Gelukkig ondersteunen veel webbrowsers inmiddels de mogelijkheid om je website als een app te ontwikkelen: een progressive web app (PWA). Een PWA herkent het type apparaat dat de webshop bezoekt, waarna smartphone-functionaliteiten worden geactiveerd. Met alle bijkomende mogelijkheden.
Sterke binding door personalisatie met PWA's
Een voorbeeld: kledingmerk Rico Moda zocht een manier om de hechte band met haar klanten ook online door te vertalen. Dit deed zij door op basis van een PWA een rijke 'Mijn Account'-omgeving te introduceren. Op deze manier willen ze de binding met de klant ook online vergroten.
Dankzij de PWA kan Rico Moda de webshop precies configureren naar wensen van de klant. Deze kan favoriete merken instellen, die door de hele shop worden doorgevoerd. Kies je bepaalde items, dan krijg je op basis daarvan ook weer aanbevelingen of maatsuggesties. Zo wordt de hele webshop-ervaring een gepersonaliseerde reis. Door al die toegevoegde waarde, verleid je klanten eerder in de customer journey in te loggen. Om de drempel nog verder te verlagen, is inloggen in de account-omgeving gekoppeld aan de functionaliteiten van een smartphone: inloggen kan dus makkelijk met touch ID of Face-ID.
Zware webshops soepel te gebruiken
PWA leent zich ook goed voor grote, complexe en internationale webshops. Motorgear-shop Chrome Burner heeft tienduizenden producten en heeft als internationale speler een webshop die in meerdere valuta en talen uitgevoerd is. Het bedrijf zocht een manier om klanten te inspireren door een app-achtige ervaring. Maar ze wilde ook gewoon een laagdrempelige, snelle en makkelijke webshop, waar klanten kunnen filteren en segmenteren. En die een look and feel heeft die voor de situatie van elke bezoeker uniek is.
Een snelle gebruikservaring is voor Chrome Burner ook essentieel. Bij een PWA zijn frontend en back-end van je shop gescheiden: alle complexe informatie aan de achterkant speelt geen rol voor de lichtgewicht voorkant. Daardoor krijgen klanten ook bij mindere internetverbinding een goede performing webshop.
Inspiratie en social experience voor unieke gebruikservaring
Kwaliteitsmerk Barts richt zich vooral op retailverkoop. Hun webshop hoeft niet sterk converterend te zijn, maar wordt vooral gebruikt om klanten te inspireren en een fijne ervaring te bieden. Ze gebruiken de PWA om klanten uit te leggen hoe een product gemaakt wordt, hoe ze kledingstukken kunnen dragen: in een Instagram-achtige set-up met veel video en fotografie blenden ze alle mogelijkheden om content mooi neer te zetten. Dat combineren ze met een webshopfunctie om een unieke gebruikerservaring te bieden.
PWA's versus native apps
Een groot voordeel van progressive web apps ten opzichte van native apps, is dat je een PWA niet voor diverse besturingssystemen (Apple en Android) hoeft te ontwikkelen. Je hebt dus lagere ontwikkelings- én onderhoudskosten. Ook zijn PWA's sneller en laagdrempeliger te ontwikkelen: je app hoeft namelijk niet door een verificatieproces van de AppStore heen. Nieuwe versies downloaden is ook verleden tijd.
Daarnaast is PWA-initiatiefnemer Google groot fan van PWA's. Ze worden daarom niet alleen geïndexeerd: dankzij de snelheid en gebruiksvriendelijkheid van je shop rank je al snel beter. En natuurlijk vinden je klanten dat ook heel fijn. Dat leidt weer tot meer sessies en conversies.
Uiteindelijk zijn de opties die een PWA je bieden om met je webshop een unieke gebruikerservaring neer te zetten, de grote kans. Met de opkomst van marketplaces en steeds sterkere concurrentie op de e-commercemarkt red je het straks niet meer met technische optimalisaties alleen. Waar je het dan op wint, is juist dit onderscheidend vermogen, deze gebruikerservaringen. Die toegevoegde waarde wordt en blijft de reden waarom mensen bij je blijven kopen.
Mewer weten over PWA's? De presentatie De opkomst (en toekomst?) van Progressive Web Apps (PWA) is na registratie gratis te bekijken.
Over de auteur: Ben van Steenbergen is Managing Partner bij Itonomy.
Interessant onderwerp, bedankt voor je artikel.
Je noemt in het begin een aantal app functionaliteiten zoals push-notificaties, camera-activatie, locatiebepaling en het gebruik van Face-ID of vingerafdrukherkenning. Het is me niet duidelijk of deze functionaliteiten nu ook al kunnen werken in een PWA?
Ben van Steenbergen - Itonomy BV
Bedankt voor je reactie. De functies zoals hierboven benoemd zijn inderdaad al beschikbaar om te gebruiken op het web. Voor een overzicht van de mogelijkheden kun je even kijken op onze site https://pwa.itonomy.nl.
Maak zeker even account bij https://www.ricomoda.com aan. Daar kun je fingerprint/face-id nu al gebruiken. Of bij de https://www.butcherofblue.com kun je in de zoekbalk een "barcode scanner" activeren om je product te scannen.
Er wordt vaak gedacht dat dit nog niet breed ondersteund wordt maar dat is onterecht. Alle bekende browsers ondersteunen dit, zowel op android als IOS.
Veel succes en dank voor je bericht.
Koen van der Veer - PlotProjects.com
Op jullie website zie ik staan dat locatie tracking ook mogelijk is ('welkom in onze winkel'). Aangezien wij locatie / geofencing software aanbieden aan apps en revelmatig de vraag krijgen of we ook PWA aanbieden, hetgeen momenten niet het geval is, ben ik benieuwd hoe het precies werkt. Ik zal je even opzoeken op LinkedIn.
Digital Design 16-12-'20
20 webdesign trends voor het nieuwe normaal van 2021 [volgens 10 experts]
Wat worden de webdesign trends in 2021? Gaat er veel veranderen, of houden we vast aan tradities? Bekijk alle trends, tips en verwachtingen van 10 experts.
Web performance 5-5-'20
De Progressive Web App: alles wat je moet weten
Een Progressive Web App (PWA) is een webapplicatie die beschikt over functionaliteiten die voorheen alleen waren weggelegd voor native desktop- of mobiele applicaties.
Mobile 17-3-'20
Als je zelf een app gaat (laten) ontwikkelen dan is het belangrijk goed te letten op de technologie waarmee de app ontwikkeld wordt.