YouTube PWA: portare un'esperienza senza interruzioni agli utenti

Non molti sapevano che Youtube si è reinventato come PWA nel 2019, dopo il successo del lancio di Youtube Music PWA. Con un'altra app Web nell'ecosistema dei siti di Google che diventa un'app Web progressiva, il potenziale di PWA si è rafforzato ancora una volta. Di seguito è riportata l'aspettativa nella capacità di PWA di aumentare le prestazioni e di generare profitti in cambio di siti Web di ogni tipo, in particolare nell'eCommerce. Questa volta, stiamo parlando di Youtube PWA.

Qual è la storia dietro l'adozione da parte di PWA della più grande piattaforma social a video lungo?

In un decennio impressionante, Youtube ha fatto il suo atto di fede, assemblando il suo impero da 1 a 1 miliardo di visualizzazioni. E da allora, insieme a 15 anni di storia, Youtube è diventato il re della piattaforma video online.

Con 2,2 miliardi di utenti mensili che trascorrono ore a consumare contenuti video ogni giorno, Youtube detiene anche il record di secondo motore di ricerca più popolare, dietro a Google. È dove andiamo tutti e troviamo la nostra tribù a cui apparteniamo, uniamoci a un movimento e creiamo un impatto che dura online e offline.

Youtube rende così facile per i creatori di contenuti diffondere ampiamente le loro creazioni a un pubblico estremamente desideroso, questo risponde perché su Youtube c'è tutto per tutti. Dalla creazione e streaming alle recensioni di bellezza, cibo, politica e molto altro ancora. È una vittoria totale sia per gli utenti (creatori e spettatori) che per Google.

Dopo aver introdotto il nuovo termine di Progressive Web App, il team di Google ha svolto un lavoro straordinario nell'informare e guidare altri colleghi sviluppatori e utenti alla padronanza di PWA.

Molti marchi famosi hanno fatto il loro primo salto innovativo con l'aiuto di sviluppatori di Google come Twitter ha lanciato la sua PWA più grande del mondo nel 2018. Poco dopo, Google Foto è stato il successivo reso disponibile come PWA, così come il resto dei servizi di Google, vale a dire Google Drive, Google Travel e Google Maps.

Nel 2019, come spiegato dal team, Youtube vuole offrire ai suoi utenti premium l'accesso come PWA per utilizzare la piattaforma ovunque e in qualsiasi momento, anche con prestazioni di rete deboli. PWA applica moderne funzionalità Web per rendere l'esperienza dell'app Web molto simile a un'app nativa, mentre le pagine nelle schede del browser possono funzionare come app coinvolgenti di alto livello.

Gli utenti su Chrome possono anche provare Youtube PWA se desiderano aggiungere l'app alla schermata iniziale e utilizzarla non più di un'app desktop. A parte questo, le funzionalità chiave come la navigazione offline non sono disponibili in quanto è il minimo possibile per la PWA di Youtube open source.

Secondo vari rapporti, poiché PWA apre spazio a molti nuovi progressi tecnologici, la conversione a PWA aiuta Google a apportare ulteriori miglioramenti significativi a una delle sue piattaforme di punta.

Articoli correlati:

Quanto costa sviluppare un PWA come Starbucks PWA?

Alibaba PWA: vincere con l'app Web progressiva

Pinterest PWA: aumentare le prestazioni mobili nel modo giusto

I risultati di Youtube PWA finora

YouTube PWA migliora la sua esperienza utente premium

Youtube PWA è stato creato per offrire un'esperienza video coinvolgente per la versione premium indipendentemente dalla piattaforma, dal dispositivo, dalla qualità della rete o dal modulo video visualizzato.

Non c'è altro modo per guardare un video di Youtube quando sei fuori connessione se non scarichi l'app Android su Chrome OS. Ma il caso è cambiato per sempre con PWA, gli utenti premium possono sintonizzarsi come ovunque, in qualsiasi momento e con qualsiasi dispositivo abbiano per visualizzare i video offline.

Creazione di un'esperienza app predefinita per un accesso senza interruzioni

Per raggiungere questo obiettivo, gli sviluppatori di Google hanno affermato che c'è molto da imparare e sperimentare, affinché Youtube ottenga una PWA con un'esperienza utente ancora più fluida, inclusa la riproduzione offline sicura per far emergere l'avventura in qualsiasi momento.

In posizione su Youtube c'era un operatore di servizio⁠ per le notifiche push⁠, ma manca di un gestore di recupero⁠. Per quanto riguarda il sito che potrebbe bloccarsi dopo, il team di sviluppatori ha cercato una soluzione alternativa, per creare un addetto ai servizi senza operazioni con la capacità di riconvertire gli utenti a un sito predefinito simile a un browser.

Con queste piccole modifiche costanti, il team di Youtube voleva che gli utenti avessero sempre accesso all'ultima versione, quindi PWA può aiutare a servire direttamente dalla rete di origine e ripristinare la cache solo quando necessario.

Per evitare che l'operatore del servizio dissuada e distragga, esegue la memorizzazione nella cache della rete e utilizza i precaricamenti di navigazione⁠. Tenendo conto delle rotture, il team di sviluppo ha anche istituito un addetto al servizio di monitoraggio⁠.

Sperimentazione con la PWA sui Chromebook

Il team di Youtube ha scelto gli utenti di Chromebook come candidati ideali per i test. Perché sono tutti dotati delle più recenti API in modo da ricevere feedback diretti dagli utenti reali sugli aggiornamenti. Queste corse fungono anche da fase di adattamento della PWA per gli utenti finali, a partire da funzionalità semplici come:

• Nuovi gesti smart touch a supporto delle attività con mouse e tastiera
• Fai avanzare rapidamente la velocità di riproduzione con un doppio tocco
• Cerca a voce
• Integrazione di condivisione web⁠, scorciatoie per app⁠ e acquisizione di link dichiarativi⁠ per abilitare più funzionalità PWA

YouTube TV richiede agli spettatori frequenti di installare l'app Web progressiva

Se visiti tv.youtube.com, saprai che nell'Omnibox di Chrome è presente un pulsante "più". Come qualsiasi altra PWA, i prompt possono essere abilitati per incoraggiare gli utenti a saperne di più su ciò che la PWA può fare. E sai che è più difficile digitare sulla TV, quindi l'installazione dell'app una volta ti farà risparmiare tempo e altro.

Youtube TV PWA lo sa e invita il pubblico familiare con un pulsante blu "Installa app" nell'angolo del dialogo di sistema. Gli utenti hanno sempre la possibilità di ritirare l'invito ma, a lungo termine, meno persone sarebbero disposte a farlo.

All'interno della nuova versione PWA per gli schermi domestici, non vedrai più la barra degli indirizzi insieme all'altra interfaccia utente del browser quando la visualizzazione è posizionata sopra. Oltre a ciò, è disponibile un indicatore di posizione di overflow che segnala il tipo di contenuto in esecuzione.

Argomenti correlati:

Uber PWA: il case study perfetto per l'app Web progressiva

PWA di WordPress: tutto ciò che devi sapere

Twitter PWA: scopri le sue interessanti caratteristiche

Domande frequenti su Youtube PWA

1. Youtube ha una PWA?

Sì. Dopo l'adozione di successo di Youtube Music PWA, Youtube ha rilasciato la sua versione PWA nel 2019 sui Chromebook mentre gli utenti premium possono sperimentare più delle sue funzionalità esclusive come utilizzo offline.

2. Cos'è PWA Youtube?

Youtube PWA utilizza la tecnologia PWA per creare funzionalità predefinite più sane e senza interruzioni per gli utenti. Destinata a rendere più facile per gli spettatori abituali la fruizione di Youtube, la versione PWA richiede agli utenti con un popup di aggiungere il Web di Youtube alla loro schermata iniziale. In questo modo, gli utenti non devono più aggiornare l'app ma sperimenteranno automaticamente gli ultimi miglioramenti di Google.

3. Come si aggiunge una PWA di Youtube?

Normalmente agli utenti di Chrome verrà richiesto da un'icona più nell'Omnibox di fare clic e aggiungere semplicemente la PWA di Youtube alla schermata iniziale e utilizzarla come un'app. Non è uguale alla popolare opzione "Installa" dal menu di overflow in Google Chrome come prima.

Al termine del processo di "installazione", gli utenti vedranno il famoso logo di riproduzione rosso e il nome di Youtube nel launcher dell'app. Ora possono aprire Youtube in una finestra a vista completa senza la vista di una barra degli indirizzi nelle vicinanze. Gli elementi dell'interfaccia utente sono più simili all'esperienza dell'app desktop nativa e la funzione bloccata sullo scaffale consentirà immediatamente l'accesso agli utenti.

4. Youtube Music è una PWA?

Dopo aver creato molti lanci di PWA famosi per grandi marchi, Google ha iniziato a creare e rendere disponibili le proprie app come PWA, incluso YouTube Music PWA. Dopo 15 mesi di prova, l'adozione è un altro successo e, poco dopo, la loro piattaforma di punta Youtube è la prossima.

5. Come funziona Youtube PWA?

In generale, la PWA di Youtube non cambia molto dalla vecchia versione web, la differenza più grande è che inizierai a vedere il popup di richiesta con un link per installare Youtube all'istante. Il modo in cui appare cambierà a seconda del browser Web specifico, ma tutti i browser Web moderni supportano PWA. una volta installato, Youtube verrà eseguito nella sua stessa finestra come un'altra normale app, invece che in una scheda del browser.

Altri esempi di PWA:

Uber PWA: il case study perfetto per l'app Web progressiva

PWA di WordPress: tutto ciò che devi sapere

Twitter PWA: scopri le sue interessanti caratteristiche

Da asporto chiave

L'app Web progressiva è in grado di apportare molti miglioramenti innovativi, ma poiché la PWA di Youtube è un'adozione minima, quindi non vedi tutto ciò che può fare. Oltre all'utilizzo offline e al supporto di funzionalità simili a app come l'installazione della schermata iniziale e le notifiche push, PWA ha anche il potere di accelerare il caricamento del tuo sito in pochi secondi e altro ancora.

Fondamentalmente, PWA ha la capacità di sviluppare miglioramenti tecnici significativamente più numerosi, quindi Google vuole che Youtube sia dotato degli ultimi progressi senza limiti e abbiamo Youtube PWA. Non c'è molto di cui parlare dei cambiamenti, ma l'esperienza nel complesso diventa più fluida e diversificata.

Se vuoi saperne di più su cosa PWA può fare specificamente per il tuo sito web, contatta Tigren per una consulenza gratuita. Siamo una delle agenzie di sviluppo di PWA di alto livello e siamo qui per fornirti lo sviluppo di PWA premium che promette rendimenti elevati e una strategia di prezzo trasparente, insieme a supporto gratuito.

Altri casi di studio PWA:

AliExpress PWA: aumenta il tasso di conversione con l'app Web progressiva

Reddit PWA: come i principali social media utilizzano l'app Web