Hvordan setter PWA brukeropplevelsen i sentrum?

Progressive Web apps har siden 2015 blitt hyllet som det neste store som vil hjelpe selskaper med å levere gode digitale brukeropplevelser. 
Uttrykket Progressive Web Apps beskriver applikasjoner som bruker den nyeste teknologien for å kombinere det beste av web og mobile applikasjoner. Den oppleves som en nettside, men er bygget slik at den føles som en app. Det er en rekke funksjoner som må være tilstede for å kunne kalle en Web App progressiv. De kommer vi tilbake til. Formålet med denne artikkelen er å fortelle litt om hva Progressive Web Apps (heretter PWA) er og deretter se Web App i en brukerorientert kontekst for å forstå hvilke fordeler det kan ha å velge PWA for dine digitale produkter.

Hva er progressive web app (PWA)?

En Progressive Web app er en web applikasjon som oppfyller en rekke kriterier. Det er hovedsakelig begrepet progressive som gjør at disse web appene skiller seg fra andre. Progressive betyr at det fungerer for alle brukere og er uavhengig av nettleser og enhet fordi den er bygget med betydelige fordeler i grensesjiktet mellom mobil, tablet og desktop. Det er en web app som gir deg en appliknende brukeropplevelse, men med en rekke fordeler som kan brukes på alle digitale enheter. Den gir deg friheten til å unngå app butikker og lastes ned på samme måte som en vanlig, responsiv nettside. Den største forskjellen ser man på hurtigheten, funksjonaliteten og ikke minst brukeropplevelsen. Alle sider i dine digitale produkt kan være en PWA. Det kan være en funksjon av nettsiden din, det kan være nettbutikken, bloggen eller podcasten din.

Selv om Google har hatt en vesentlig rolle i utviklingen av PWA er det ikke Android spesifikt, den kan brukes av alle operativsystem. I tillegg er det verdt å nevne at Google belønner deg når du bruker PWA nettopp fordi kravene som stilles er punkter du allerede blir belønnet for i Googles søkeresultat. Sjekklisten for progressive web apps finner du her.

Illustrasjon fra Mabbly

Det beste fra begge verdener

For oss som er opptatt av gode brukeropplevelser kan man si at PWA trekker inn de viktigste fordelene med nettsider og apper, og endrer selve beslutningsgrunnlaget for om man bygger funksjonalitet for nett eller en app. PWA oppfører seg som en mobil app, men har fordelene med å være søkbare i søkemotorer, den kan bli linket til, delt og kan enkelt distribueres via nettet. PWA oppfører seg som nettsider, men har et app grensesnitt når de brukes på mobile enheter, fungerer godt offline, kan sende push-varsler uten at applikasjonen er aktiv, kan installeres og oppdateres automatisk.

Tar tak i helheten i brukeropplevelsen

Det er mange fordeler med å velge progressive web apps hvis man tar brukeropplevelsen i betraktning. Jeg vil presisere at selv om PWA kan forveksles med mobil funksjonalitet grunnet navnet, viser PWA en like klar fordel for desktop. At de tar tak i utfordringen med å utvikle for to verdener kan være et resultat av at vårt bruksmønster på tvers av digitale enheter har endret seg. Vi forventer at tjenester fungerer like godt på alle skjermer og at vi er i sentrum av en sømløs opplevelse når vi prøver ut nye tjenester. De digitale bruksmønstrene skaper tydelige forventninger til gode brukeropplevelser når vi lanserer nye produkter idag.

Nettbruk på mobil har passert nettbruk på maskin. Vi bruker altså mer tid på nettlesere på mobil enn vi gjør på datamaskin. I tillegg er vi smertelig klar over at kun 1 av 4 installerte apper aldri blir brukt fordi det er vanskelig å konvertere brukere, som gjør jobben med å skape engasjement både tidkrevende og kostbar. At PWA kan engasjere brukere via blant annet push-varsler er derfor et pluss.

Når mange av fordelene med å velge native apper nå er tilgjengelig i moderne nettlesere stiller web apps ganske likt i funksjonalitet med apper. GPS, Kamera, mikrofon, lokal lagring og push-varsler er blant noen av de. PWA kan med andre ord hjelpe med langt mer avanserte funksjoner enn statiske innholdssider og det gir oss mange spennende, teknisk kompliserte muligheter! Allikevel er det de tydelige forbedringene i hurtighet og at PWA kravene skaper positive ringvirkninger for opplevelsen som utgjør den største forskjellen for oss brukere.

Offline tilgang gir enorme muligheter

Fra developers.google.com

Ved hjelp av å cache innhold og lagre dette lokalt kan man gjøre tilgjengelig innhold selv når brukeren er offline. Ved hjelp av en service worker sørges det for at minst én av sidene i web appen er tilgjengelig selv når du ikke er tilkoblet. Det er enkelt å finne gode bruksområder hvor offline tilgang kan gi gode brukeropplevelser. Pendler du til jobb og ville ferdigstille presentasjonen i Drive på toget idag tidlig, kjenner du deg kanskje allerede igjen.

Det evige jaget etter dekning..

Å være offline kan skje når du minst forventer det, og det er mange selskaper smertelig klar over. Heldigvis har vi selskaper som Google som legger til rette for å navigere i kart uten dekning og Wikipedia som har innsett at vi er vant til å ha leksikon tilgjengelig offline. Endelig kan du søke deg frem til riktig svar om du skulle være uenig med Trivial Pursuit på hytteturen i Jotunheimen!

Underholdningsbransjen har også forstått nytteverdien av å være tilgjengelig, selv på farta. 2048 er et puslespill som har tatt USA med storm og som kan spilles både offline og uten å måtte installere noe. Et enkelt, men underholdende spill!

Andre aktører som har forstått fordelen av offline funksjonalitet er Starbucks. Kunder kan nå enkelt søke på Starbucks sin meny, sjekke innholdsregisteret i maten og legge til i handlekurven når de er offline. Når kunden kommer online oppdateres lokale priser og brukeren kan gjennomføre kjøpet, eller bruke web appen i kassen. Det er tydelig at dette er i ferd med å bli en ny forventning i e-handelsopplevelser og andre beste praksis case som nevnes er bla. Lancome, Trivago og West Elm.

Mye av innholdet lagres som nevnt lokalt for at offline tilgang skal være mulig. Det gjør at applikasjonen oppleves langt raskere å laste når en bruker vender tilbake. Svært nyttig, og et stort pluss for brukeropplevelsen!

Engasjerte brukere gir økt konvertering

Eksempel på push-varsling på desktop og mobil

Som nevnt blir over 3 av 4 apper aldri brukt etter at de er lastet ned. Push-varsler tillater deg å holde direkte kontakt med målgruppen din. Twitter lanserte en stund tilbake Twitter Lite for å få bukt på et synkende engasjement og gi deres brukermasse på over 80% mobilbrukere en enda bedre opplevelse. Web Appen har levert imponerende tall med en 65% økning i antall sidevisninger per økt og over 75% økning i antall tweets som sendes via tjenesten. Implementeringen av push-varslinger gjør at Twitter hver eneste dag sender ut over 10 millioner push-varsler.

Et annet selskap som har sett en klart høyere konvertering og engasjement er i følge Addy Osmani Tinder sin nye løsning. Osmani viser til en forbedret tid per brukers økt, brukere tilbringer lenger tid til å oppdatere profiler og det sendes langt flere meldinger via nett enn i native appen.

Når størrelse og lasttid betyr noe 📊

Service workeren byr på nye muligheter til forbedret lasttid og størrelse på applikasjonen. Det har mye å si for brukeropplevelsen. Ved å sammenlikne Starbucks sin PWA mot Native app ser man en vesentlig forskjell. Starbucks sin PWA bruker kun 0,4% av størrelsen til native appen, mye på grunnlag av måten den er bygget opp. Et annet selskap som har tatt et klart standpunkt til at PWA er fremtiden, er Patagonia. De slettet sin native app allerede i 2016 fordi de mente at nettsiden deres fungerer mye bedre på alle digitale flater som PWA og fordi den heller ikke krever nedlasting eller oppdatering.

Lasttid er ofte en stor utfordring for digitale nyhetstjenester og dette har en stor påvirkning på opplevelsen når man leser nyhetene. Mange aviser som Washington Post , Forbes og Twitter Lite bruker PWA fordi det ved hjelp av kontinuerlig caching av innhold i bakgrunnen gir brukeren en sømløs opplevelse hva gjelder lasttid og muligheten til å lese nyheter offline.
Forbes hevder på sin side at nyhetssiden nå lastes på 0.8 sekunder, i motsetning til et gjennomsnitt på 4,57 sekunder i nyhetsbransjen i følge Pingdom. Med andre ord en veldig rask, klart sømløs opplevelse.

Appopplevelse uten strevet med app butikker

Med PWA kan man enkelt legge til siden på hjemskjermen slik man gjør med en vanlig app, uten å måtte laste den ned fra en app butikk. Med Android kan man i tillegg spørre brukeren om han ønsker å legge til på hjemskjermen. Dette er ikke tilgjengelig på iOS enda, men ryktene om at Apple vil støtte PWA er ikke uten grunn, hvor vi ser bla. Jonathan Davies er aktiv i mange viktige PWA diskusjoner.

Analyse fra Skilled.co

Mange selskaper opplever høy friksjon på native apper som et resultat av for mange steg for å installere og ta i bruk. Siden vi allerede bruker nettlesere på mobilen i større grad enn vi bruker apper, forkorter man i høyeste grad konverteringen. At alt er like søkbart som en vanlig nettside gjør oppsiden høyere. Sett i perspektiv av Starbucks kan vi anta at få brukere laster ned deres native app med mindre de er trofaste kunder. Få ville nok vurdert å bruke app kapasitet for å ha Wikipedia på mobil når den fungerer like godt på nettleseren. Fjerner man terskelen en app butikk kan skape, kan mye skje.

Det er få flypassasjerer som forholder seg trofast til selskapet de reiser med, med mindre de har handelsfordeler eller er Frequent flyers. Terskelen for å laste ned apper fra Norwegian eller Widerøe kan derfor oppfattes som for høy for mannen i gata. Dette er en av grunnene til at mange flyselskap snuser på mulighetene PWA gir med å unngå nedlasting. Air Berlin har vært en pågangsdriver og gir deres brukere tilgang til offline boarding card og bruker web appen til online check-in prosesser.

Uten utfordringene med app butikk slipper man også en annen høyst relevant problemstilling: oppdatering av apper. PWA oppdaterer automatisk og den oppdaterte web appen blir øyeblikkelig tilgjengelig for alle.

Hva nå, Apple?

Som kjent har ikke iOS støtte for PWA enda, men de fungerer fortsatt godt på iOS. Faktisk så godt at flere selskap ser en økt bruk av tjenester i iOS når de lanserer en PWA. Apple har naturlig nok vært sentral i utviklingen av skillet mellom app og nett og har derfor en rekke grunner til å ikke støtte PWA. Allikevel sender de stadige hint om at de følger med på utviklingen og er med i relevante diskusjoner om service workers. Nylig leverte også iOS et oppdatert webkit for service workers og manifest, vesentlige funksjoner for progressive web apps. Idag er det kun noen funksjoner som ikke virker som i andre operativsystem, i hovedsak offline funksjonalitet og push-varsel. Mobiforge skriver mer om betydningen lanseringen har for fremtiden til PWA for iOS her.


Med to tjenestebaserte verdener (💻 +📱) som fungerer godt hver for seg , hva er vel bedre enn at vi endelig kan skape sømløse opplevelser på tvers av operativsystem og digitale enheter? Debatten mellom native apps versus nettleser har foregått i åresvis, og teknisk sett har jeg liten forutsetning til å uttale meg. Min betraktning av PWA derimot er at det kan gi oss uante muligheter til å endelig fokusere på helheten i den digitale brukeropplevelsen og slippe å skape fragmenterte tjenester for ulike enheter.

Og alle brukere setter vel pris på tjenester som laster på under 1/5 av tiden, som tar opp langt mindre plass på enheten din og som du slipper å laste ned (eller oppdatere!) via en app butikk?!

Like what you read? Give Vibeke Isachsen a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.