Content

Prefazione

Negli ultimi anni, l'utilizzo dei dispositivi mobili è aumentato al punto che le persone vi trascorrono il doppio del tempo che passano sui computer desktop. Inoltre, in molti paesi gli unici dispositivi utilizzati sono proprio quelli mobili. Questa non è una novità: avrai notato le stesse tendenze nell'analisi del tuo sito.

Questo boom di utilizzo ha generato aspettative. Gli utenti richiedono costantemente esperienze fantastiche sia nelle app native sia sui siti web per dispositivi mobili e si aspettano di poter passare senza problemi dalle une agli altri in base alle loro esigenze. Gli sviluppatori e i designer ora devono creare e gestire app native per più sistemi operativi insieme a un sito web per dispositivi mobili, un processo che richiede una notevole quantità di tempo e moltissimo impegno. E quando, come spesso accade, le esperienze offerte dal sito web e dall'app nativa di un'azienda sono lontane anni luce, gli utenti finiscono per innervosirsi. Ci deve essere sicuramente una soluzione migliore.

In effetti, ora esiste: le applicazioni web progressive. Il concetto di applicazione web progressiva (PWA) è stato introdotto per la prima volta nel 2015. Le PWA sono siti che impiegano tecnologie moderne per offrire esperienze simili a quelle delle app native sul Web. Questo e-book esplora le attuali esperienze sul Web mobile e il motivo per cui le PWA forniscono soluzioni rivoluzionarie per migliorarle. Esamineremo che cosa intendiamo veramente per "PWA", quali sono le funzionalità uniche che offrono agli utenti, come crearne una e in che modo valutare i risultati.

Utilizzo dei dispositivi mobili

I consumatori si aspettano che i dispositivi mobili soddisfino le loro esigenze nelle attività quotidiane come lo shopping, le comunicazioni e l'intrattenimento, ed è compito di designer e sviluppatori fornire esperienze all'altezza di queste richieste. A tale scopo, le esperienze su dispositivo mobile devono essere veloci, installabili, affidabili e coinvolgenti, nonché avvenire in un ambiente sicuro e accessibile.

Negli ultimi anni si è verificato un grande cambiamento nelle piattaforme digitali occupate dagli utenti, che ha fatto sì che i dispositivi mobili siano ormai molto più comuni dei computer desktop. ComScore 1 riporta che, nella maggior parte dei paesi, gli utenti trascorrono sui dispositivi mobili più del doppio dei minuti digitali rispetto agli utenti che utilizzano i computer desktop. Ma i computer desktop sono ancora importanti e continuano a contribuire per almeno il 50% del tempo digitale per i settori commercio al dettaglio, portali, business e finanza, viaggi, auto e istruzione. Tuttavia, i segmenti di pubblico che si affidano ai dispositivi mobili possono usufruire di una copertura più ampia per alcune di queste categorie 2, e i consumatori passeranno spesso alla piattaforma che meglio soddisfa le loro esigenze.

Inoltre, le popolazioni che si sono appena affacciate al digitale, essendo online per la prima volta, hanno contribuito a un passaggio graduale verso l'accesso a Internet unicamente da dispositivo mobile. I consumatori in Asia Pacifico (APAC), in paesi come l'India e l'Indonesia 3, stanno conoscendo il Web solo tramite dispositivo mobile. E i millennial usano i dispositivi mobili più di altre generazioni, nonostante l'adozione stia crescendo significativamente anche tra le generazioni precedenti 4.

La maggior parte del tempo passato sui dispositivi mobili viene trascorsa nelle app native 5, infatti, ComScore segnala che l'80% dei minuti passati sui dispositivi mobili in tutti i mercati viene trascorso nelle app native, rispetto al 20% del Web mobile. Tuttavia, questo tempo è riferito a un numero molto limitato di app native, principalmente quelle di social networking, musica, giochi e intrattenimento. Inoltre, in termini di copertura, il Web mobile tende a conquistare segmenti di pubblico più ampi: secondo ComScore, il Web mobile ha in media 2,2 volte in più di visitatori unici al mese rispetto alle app native 6.

Ricerche sull'esperienza utente: Web mobile e app native

Poiché i consumatori si rivolgono spesso ai siti web per dispositivi mobili per cercare ed esaminare le opzioni disponibili, l'importanza di una presenza sul Web mobile è innegabile. In effetti, i siti web per dispositivi mobili sono il metodo di scoperta principale, come ha spiegato questo partecipante a uno studio di ricerca sugli utenti di Google 7:

“Se sai di voler cercare qualcosa, probabilmente è più facile andare su un sito web per dispositivi mobili e iniziare la ricerca… Ho la sensazione che ci siano più prodotti e contenuti disponibili su un sito web per dispositivi mobili che in un'app.”

Poiché si ritiene che abbiano la migliore copertura, gli utenti cercano spesso informazioni su vari siti web per dispositivi mobili utilizzando i motori di ricerca, un metodo utile per esaminare più opzioni, prezzi e recensioni.

Sebbene i consumatori si rivolgano ai siti web per dispositivi mobili per l'esplorazione e la scoperta, in genere considerano le app native come più facilmente utilizzabili. Le app native vengono create fin dall'inizio con particolare attenzione ai dispositivi mobili e questo è un approccio che tende a migliorare la progettazione in base agli obiettivi degli utenti e in vista di un'esperienza più fluida. Sebbene alcuni siti web per dispositivi mobili siano stati progettati molto bene fin dall'inizio e siano caratterizzati da una migliore usabilità, mentre i siti web meno avanzati possono comparire meno di frequente nei risultati di ricerca, gli utenti continuano a imbattersi in molti siti che offrono un'esperienza negativa. L'esposizione cumulativa a questi siti può portare gli utenti a concludere che le app native siano più efficaci:

“[Le app che mi piacciono] sono progettate per essere veramente facili da usare. Puoi entrare, uscire, fare ciò che vuoi.”

Poiché le app native sono spesso progettate per attività specifiche e create appositamente per offrire solo le funzionalità più importanti, possono anche sembrare più snelle e orientate all'obiettivo rispetto ai siti web per dispositivi mobili:

“Nella mia esperienza, le app hanno meno funzionalità di un sito web. Quindi sono molto semplificate e realizzate tenendo conto del risultato finale [...]. Un'app ha meno funzionalità, perché l'obiettivo è quello di soddisfare la tua richiesta il più velocemente possibile.”

Le app native contengono spesso funzionalità che consentono agli utenti di memorizzare dettagli di pagamento, informazioni sull'account o impostazioni e preferenze, rendendo l'acquisto un'esperienza più facile e veloce. Per questo motivo, possono essere percepite come più personalizzate:

“[Un'app è] progettata per starti vicino. Conserva a portata di mano la tua cronologia degli ordini, in modo che sia facilmente accessibile. Probabilmente ha qualche impostazione di personalizzazione [...].”

Le app native sono anche considerate più facili da trovare e meglio accessibili:

“Perché è lì sul display del mio telefono, so che aspetto ha ed è facile da aprire... Per quanto riguarda un sito, a meno che non lo aggiunga ai preferiti, cosa che a volte dimentico di fare, devo ricordarmi l'indirizzo oppure andare su Google e iniziare a digitarne il nome e vedere...”

I consumatori ritengono anche che le app native offrano loro un'esperienza iniziale più veloce:

“Direi che le app siano quasi sempre più veloci del Web mobile.”

D'altro canto, le app native occupano uno spazio di archiviazione significativo sul dispositivo, il che significa che gli utenti possono installare solo app che intendono utilizzare frequentemente:

“Tendo a non scaricare app, a meno che non decida di utilizzarle molto, più di una volta, con poche e rare eccezioni. Non ho installato molte app a cui non accedo spesso. Quindi, se si tratta di una ricerca una tantum, molto probabilmente andrò sul sito web, cercherò l'informazione e proseguirò. L'app è qualcosa che userò spesso, ripetutamente.”

Sia i siti web per dispositivi mobili sia le app native devono cercare di offrire sempre agli utenti esperienze facili e soddisfacenti. Annunci che interferiscono con l'esperienza utente o notifiche frequenti e non pertinenti che intralciano gli obiettivi dei consumatori possono contribuire a generare esperienze negative. È probabile che gli utenti abbandonino i siti web per dispositivi mobili con annunci fastidiosi e disattivino completamente le notifiche se diventano invadenti:

“Non voglio dover scorrere oltre gli annunci che richiedono moltissimo tempo per caricarsi e riducono le prestazioni del mio telefono. Non voglio sprecare tempo per questo.”

“A mio parere, se si attivano le notifiche per tutto, niente è importante.”

In realtà, gli utenti cambieranno piattaforma a seconda delle esigenze per trovare le informazioni o il servizio che cercano. Uno studio recente 8 ha dimostrato che il 46% delle sessioni di acquisto sui dispositivi mobili include almeno una transizione tra sito web per dispositivi mobili e app nativa. L'esperienza deve quindi essere di alta qualità, veloce, affidabile, sicura e coinvolgente su tutte le piattaforme supportate. Inoltre, alcune app native sfruttano l'integrazione del Web mobile e tecnologie quali le funzionalità Trusted Web Activities (disponibili per Android) consentono di farlo senza alcun problema, offrendo un'esperienza coerente.

In generale, gli utenti ritengono che le app native offrano un'esperienza più semplice ed efficace, siano più personalizzate, rapide da caricare e veloci da usare. Tuttavia, i siti web per dispositivi mobili sono il primo punto di riferimento per cercare informazioni specifiche su un argomento, un servizio o un prodotto. Inoltre, non devono essere scaricati e, grazie ai progressi della tecnologia, possono essere veloci e utilizzabili quanto le app native. L'utilizzo di queste nuove tecnologie dovrebbe permettere di offrire esperienze straordinarie sul Web, soddisfacendo in qualsiasi momento ogni esigenza dell'utente.

Il meglio di entrambi: le applicazioni web progressive

Le applicazioni web progressive (PWA) sono siti web che utilizzano tecnologie web moderne per creare esperienze per il Web mobile più simili a quelle offerte dalle app native. Tramite un link nella schermata Home, gli utenti possono usufruire di funzionalità web che prima non erano facilmente accessibili: consultazione di contenuti offline, ricevimento di notifiche dai brand preferiti, aggiunta di preferiti alla schermata iniziale. Le PWA contribuiscono a migliorare il coinvolgimento degli utenti e consentono di realizzare facilmente conversioni in vari campi (e-commerce, produttività, pubblicazione, giochi o media).

Sebbene il settore mobile sia stato uno dei principali fattori trainanti della tecnologia, il mercato desktop è in crescita. Le PWA consentono di offrire agli utenti di dispositivi mobili, tablet e computer desktop percorsi privi di ostacoli. Pertanto, indipendentemente dalla piattaforma, hanno un ruolo fondamentale.

Esaminiamo in modo più approfondito una PWA e il suo funzionamento.

Le applicazioni web progressive sono uno strumento molto interessante e pragmatico per offrire agli utenti le migliori funzionalità software. Tuttavia, prima di esaminare nel dettaglio le modalità, parliamo rapidamente del motivo per cui vengono utilizzate.

Breve storia della distribuzione di software

Storicamente, il software veniva distribuito sotto forma di applicazioni. Veniva acquistato su floppy disk, CD o schede di memoria, installato e utilizzato. Questo complicato processo faceva sì che il software venisse raramente aggiornato. Il costo della creazione di prodotti fisici e del loro invio per posta era elevato e, quando si verificava un errore, non esisteva una soluzione facile.

Ma il Web ha cambiato le cose. Anziché ordinare supporti fisici, semplicemente si scaricava e installava il software necessario. Con lo sviluppo dei browser e della tecnologia, anche questo processo è stato semplificato: anziché scaricare e installare il software, si digitava un URL o si faceva clic su un link. Finalmente, era stato introdotto il vero e proprio software on demand.

L'avvento degli smartphone ha accelerato ulteriormente le cose. Il formato software in un browser non era ideale per il fattore di forma; digitare URL su un dispositivo mobile era complicato. Le interfacce che abbiamo creato con le tecnologie web (HTML, CSS e JavaScript) erano spesso ottimizzate per le interazioni con mouse e schermi di grandi dimensioni. Ma il problema principale era che l'utente doveva essere online e la connettività mobile tendeva a essere meno affidabile di una connessione cablata su un computer desktop o un laptop.

Le app native su iOS e Android hanno fornito ciò che i siti web per dispositivi mobili non offrivano: la capacità di lavorare offline e un'esperienza ottimizzata per il fattore di forma di uno smartphone. Quindi, abbiamo iniziato a offrire software e media attraverso gli store.

Un'esigenza attuale soddisfatta

Tuttavia, è emerso chiaramente che anche questa non è una soluzione perfetta. Distribuire software agli utenti finali tramite uno store è conveniente per gli sviluppatori e sembra più sicuro, perché se è affidabile può bloccare il software dannoso. Ma significa anche creare diverse versioni di app native per vari sistemi operativi e fattori di forma, cosa che non tutti possono permettersi. Gli sviluppatori fanno affidamento sugli store per pubblicare e distribuire un'app e potrebbero dover condividere con loro i profitti. Il fornitore dello store potrebbe imporre un periodo di valutazione sulle nuove release e alcuni utenti potrebbero non apprezzare il fatto di dover ripetutamente aggiornare le app di grandi dimensioni. Risulta pertanto più difficile pubblicare nuove versioni.

Anche la distribuzione delle soluzioni in store controllati e in un formato nativo comporta molte ipotesi. Gli store non sempre supportano i dispositivi precedenti, quindi presuppongono che gli utenti dispongano di un determinato sistema operativo o della versione più recente di un dispositivo. Gli utenti devono disporre di spazio di archiviazione sufficiente sul dispositivo e, naturalmente, le app native tendono a comportare molti dati e a richiedere pertanto connessioni veloci e illimitate per il download e l'aggiornamento. Ci si aspetta che gli utenti abbiano una carta di credito per effettuare gli acquisti.

Tuttavia, se osserviamo i mercati con la maggior parte di nuovi utenti, possiamo capire quanto siano irrealistiche anche queste ipotesi di base. È quindi fondamentale trovare un modo per coniugare l'immediatezza e la bassa barriera d'ingresso del Web con l'ottimizzazione per il fattore di forma e le funzionalità delle app native.

Applicazioni web progressive alla riscossa

Applicazioni web progressive. Come suggerisce il nome, le PWA sono applicazioni che utilizzano le tecnologie web per offrire il meglio degli ambienti web e nativi. Vengono distribuite in modo progressivo, ovvero non è necessario crearle in formati diversi: viene fornita una soluzione di base come un sito web e vengono aggiunte funzionalità supplementari in corso d'opera.

Per fornire contenuti web è stato utilizzato per qualche tempo il potenziamento progressivo, in quanto è una strategia intelligente. Anziché supporre che gli utenti dispongano di un determinato browser o un particolare hardware, l'obiettivo è fornire una soluzione che funzioni per tutti. Sistemi più aggiornati possono consentire l'introduzione di funzionalità più nuove e complesse, ma le funzioni di base devono essere a disposizione di tutti.

Le PWA vengono fornite tramite un link contenuto in un'email, una chat, un risultato di ricerca, un beacon, un codice QR o un annuncio. La PWA offre un'interfaccia adatta per il dispositivo e il fattore di forma, è immediatamente disponibile e può essere provata dall'utente prima dell'acquisto. Mentre un utente interagisce con la PWA, è possibile controllare le prestazioni del suo dispositivo e caricare più dati in background. È possibile inoltre offrire maggiori funzionalità in seguito: utilizzo offline, notifiche in caso di disponibilità di nuovi dati e varie altre comodità.

Inizialmente, le descrizioni delle PWA sembravano complesse e scoraggianti per gli sviluppatori. Una PWA doveva essere:

• Progressiva: venivano rese disponibili più funzionalità nelle visite successive, in base alle prestazioni del dispositivo di consumo.
• Adattabile: un'interfaccia che si adattava all'ambiente, offrendo un'interazione semplice e immediata.
• Indipendente dalla rete: la PWA funzionava sia online sia offline, oltre che su connessioni instabili.
• Simile a un'app nativa: una PWA doveva funzionare come qualsiasi altra app, a schermo intero e nel suo contesto, senza bisogno di un browser.
• Attuale: gli aggiornamenti avvenivano automaticamente senza un processo di installazione complicato.
• Sicura: i dati venivano forniti su canali sicuri.
• Reperibile: una PWA era disponibile sul Web e negli store.
• Ricoinvolgente: le notifiche venivano inviate anche se la PWA non era aperta.
• Installabile: la PWA veniva visualizzata insieme a tutte le altre app (menu di avvio, icona sulla schermata Home, risultato di ricerca app sul dispositivo...).
• Collegabile: era accessibile tramite un semplice meccanismo di distribuzione, come un link.

Con la continua evoluzione delle PWA, abbiamo iniziato a sviluppare una definizione più assimilabile di applicazione web progressiva. Uno dei framework che potresti avere visto è FIRE: Fast, Integrated, Reliable and Engaging (veloce, integrata, affidabile e coinvolgente).

Riducendo a tre queste caratteristiche, le PWA devono essere:

• Riducendo a tre queste caratteristiche, le PWA devono essere:
• Veloci: il primo contatto con l'interfaccia di una PWA è un'esperienza immediata, reattiva e piacevole.
• Installabili: una PWA si installa come qualsiasi altra app nativa e compare sul desktop o nella schermata Home anziché richiedere un browser.
• Coinvolgenti: la PWA segue le best practice per una UX e una UI di alta qualità e funziona indipendentemente dallo stato della rete o dalle capacità del dispositivo. L'esperienza può essere limitata, ma non viene mai visualizzata una schermata vuota che richiede all'utente di collegarsi a Internet o eseguire l'upgrade.