YouTube PWA: trazendo uma experiência perfeita para os usuários

Poucos sabiam que o Youtube se reinventou como um PWA em 2019, após o lançamento bem-sucedido do Youtube Music PWA. Com outro aplicativo da web no ecossistema de sites do Google se tornando um aplicativo da web progressivo, o potencial do PWA mais uma vez se fortaleceu. A seguir está a expectativa na capacidade do PWA de aumentar o desempenho e gerar lucros em troca de sites de todos os tipos, principalmente no comércio eletrônico. Desta vez, estamos falando do Youtube PWA.

Qual é a história por trás da adoção da PWA da maior plataforma social de vídeo longo?

Ao longo de uma década impressionante, o Youtube deu seu salto de fé, montando seu império de 1 a 1 bilhão de visualizações. E desde então, junto com 15 anos de história, o Youtube vem se fortalecendo como o rei da plataforma de vídeos online.

Com 2,2 bilhões de usuários mensais que passam horas consumindo conteúdo de vídeo todos os dias, o Youtube também detém o recorde de segundo mecanismo de busca mais popular, atrás apenas do Google. É onde todos nós vamos e encontramos nossa própria tribo à qual pertencemos, nos juntamos a um movimento e criamos um impacto que dura online e offline.

O Youtube torna tão fácil para os criadores de conteúdo divulgar amplamente suas criações para um público massivamente ansioso, isso responde por que há tudo no Youtube para todos. De artesanato e streaming a análises de beleza, comida, política e muito mais. É um ganho total para ambos os usuários (criadores e espectadores) e o Google.

Depois de apresentar o novo termo de Progressive Web App, a equipe do Google fez um trabalho incrível ao informar e levar outros desenvolvedores e usuários ao domínio do PWA.

Muitas marcas famosas deram seu primeiro salto inovador com a ajuda de desenvolvedores do Google, como o Twitter lançou o maior PWA do mundo em 2018. Pouco depois, o Google Fotos foi o próximo disponibilizado como PWA, assim como o restante dos serviços do Google, ou seja, Google Drive, Google Travel e Google Maps.

Em 2019, conforme explicado pela equipe, o Youtube quer atender seus usuários premium como um PWA para usar a plataforma em qualquer lugar e a qualquer hora, mesmo sob fraco desempenho da rede. O PWA aplica recursos modernos da Web para tornar a experiência do aplicativo Web muito semelhante a um aplicativo nativo, enquanto as páginas nas guias do navegador podem funcionar como aplicativos imersivos de alto nível.

Os usuários do Chrome também podem experimentar o Youtube PWA se quiserem adicionar o aplicativo à tela inicial e usá-lo não mais do que um aplicativo de desktop. Fora isso, os principais recursos, como a navegação offline, não estão disponíveis, pois isso é o mínimo possível para o PWA do YouTube de código aberto.

De acordo com vários relatórios, como o PWA abre espaço para muitos novos avanços tecnológicos, a conversão para o PWA ajuda o Google a trazer melhorias significativas para uma de suas principais plataformas.

Postagens relacionadas:

Quanto custa desenvolver um PWA como o Starbucks PWA?

Alibaba PWA: vencendo com o Progressive Web App

Pinterest PWA: Aumentando o desempenho móvel da maneira certa

Conquistas do Youtube PWA até agora

O PWA do YouTube aprimora sua experiência de usuário premium

O Youtube PWA foi feito para oferecer uma experiência de vídeo imersiva para a versão premium, independentemente de qual plataforma, dispositivo, qualidade de rede ou formato de vídeo é exibido.

Não há outra maneira de assistir a um vídeo do Youtube quando você estiver sem conexão se não baixar o aplicativo Android no Chrome OS. Mas o caso mudou para sempre com o PWA, os usuários premium podem sintonizar onde, quando e com qualquer dispositivo que tenham para ver vídeos offline.

Criando uma experiência de aplicativo padrão para acesso contínuo

Para conseguir isso, os desenvolvedores do Google disseram que há muito aprendizado e experimentação, para o Youtube obter um PWA com uma experiência de usuário ainda mais suave, incluindo a reprodução offline segura para trazer a aventura a qualquer momento.

Deitado no Youtube estava um service worker⁠ para notificações push⁠, mas falta um manipulador de busca⁠. Com relação ao site que poderia travar depois, a equipe de desenvolvedores procurou uma solução alternativa, para criar um service worker sem operação com a capacidade de converter os usuários de volta para um site padrão semelhante ao navegador.

Com essas pequenas mudanças constantes, a equipe do Youtube queria que os usuários tivessem acesso à versão mais recente o tempo todo, para que o PWA possa ajudar a servir diretamente da rede de origem e armazenar em cache apenas quando necessário.

Para evitar que o service worker impeça e distraia, eles executam o cache de rede e fazem uso de Navigation Preloads⁠. Levando em consideração as quebras, a equipe de desenvolvimento também montou um service worker de monitoramento.

Experimentando o PWA em Chromebooks

A equipe do YouTube escolheu os usuários do Chromebook como os candidatos ideais para testes. Porque todos eles estão equipados com as APIs mais recentes para que recebam feedback direto de usuários reais sobre as atualizações. Essas execuções também atuam como a fase de adaptação do PWA para usuários finais, começando com recursos simples como:

• Novos gestos de toque inteligentes em apoio a atividades com mouse e teclado
• Avance rapidamente a velocidade de reprodução com um toque duplo
• Pesquisa por voz
• Integrando Web Share⁠, App Shortcuts⁠ e Declarative Link Capture⁠ para habilitar mais funcionalidades de PWA

YouTube TV solicita que espectadores frequentes instalem o Progressive Web App

Se você visitar tv.youtube.com, saberá que há um botão "mais" na Omnibox do Chrome. Como qualquer outro PWA, os prompts podem ser ativados para incentivar os usuários a saber mais sobre o que o PWA pode fazer. E você sabe que é mais difícil digitar na TV, então instalar o aplicativo uma vez economizará tempo e muito mais.

O Youtube TV PWA sabe disso e eles avisam seu público familiar com um botão azul “Instalar aplicativo” no canto da caixa de diálogo do sistema. Os usuários sempre têm a opção de retirar o convite, mas, a longo prazo, menos pessoas estariam dispostas a fazê-lo.

Dentro da nova versão do PWA para telas baseadas em casa, você não verá mais a barra de endereço junto com a interface do outro navegador quando a visualização for colocada acima. Além disso, um indicador de localização de estouro está disponível sinalizando o tipo de conteúdo que está sendo executado.

Tópicos relacionados:

Uber PWA: o estudo de caso perfeito para o Progressive Web App

WordPress PWA: tudo o que você precisa saber

Twitter PWA: Descubra seus recursos interessantes

Perguntas frequentes sobre o Youtube PWA

1. O Youtube tem um PWA?

Sim. Após a adoção bem-sucedida do Youtube Music PWA, o Youtube lançou sua versão PWA em 2019 nos Chromebooks, enquanto os usuários premium podem experimentar mais de seu recurso exclusivo como uso offline.

2. O que é o PWA Youtube?

O Youtube PWA usa a tecnologia PWA para criar recursos padrão mais saudáveis ​​e contínuos para os usuários. Destinado a tornar mais fácil para os espectadores frequentes desfrutarem do Youtube, a versão PWA solicita aos usuários com um pop-up que adicionem a web do Youtube à tela inicial. Dessa forma, os usuários não precisam mais atualizar o aplicativo, mas experimentarão automaticamente as melhorias mais recentes do Google.

3. Como você adiciona um PWA do Youtube?

Normalmente, os usuários do Chrome serão solicitados por um ícone de adição na Omnibox para clicar e simplesmente adicionar o Youtube PWA à tela inicial e usá-lo como um aplicativo. Não é o mesmo que a popular opção 'Instalar' do menu de estouro no Google Chrome como antes.

Após a conclusão do processo de “instalação”, os usuários verão o famoso logotipo de reprodução em vermelho e o nome do Youtube no inicializador de aplicativos. Eles agora podem abrir o Youtube em uma janela de visualização completa sem a visão de uma barra de endereço em qualquer lugar próximo. Os elementos da interface do usuário estão mais próximos da experiência do aplicativo de desktop nativo, e o recurso fixado na prateleira dará acesso instantaneamente aos usuários.

4. O Youtube Music é um PWA?

Depois de criar muitos lançamentos famosos de PWA para grandes marcas, o Google começou a criar e disponibilizar seus próprios aplicativos como PWA, incluindo o YouTube Music PWA. Após um teste de 15 meses, a adoção é outro sucesso e, pouco depois, sua plataforma principal, o Youtube, é a próxima.

5. Como o Youtube PWA funciona?

Em geral, o Youtube PWA não muda muito da versão antiga da web, a maior diferença é que você começará a ver o pop-up de aviso com um link para instalar o Youtube instantaneamente. A forma como ele aparece será alterada dependendo do navegador da Web, mas todos os navegadores da Web modernos suportam PWA. uma vez instalado, você terá o Youtube executado em sua própria janela como outro aplicativo normal, em vez de uma guia do navegador.

Mais exemplos de PWA:

Uber PWA: o estudo de caso perfeito para o Progressive Web App

WordPress PWA: tudo o que você precisa saber

Twitter PWA: Descubra seus recursos interessantes

Principais conclusões

O Progressive Web App é capaz de muitas melhorias inovadoras, mas como o Youtube PWA é uma adoção mínima, você não vê tudo o que ele pode fazer. Além do uso offline e suporte a recursos semelhantes a aplicativos, como instalação na tela inicial e notificações push, o PWA também tem o poder de acelerar o carregamento do site em questão de segundos e muito mais.

Basicamente, o PWA tem a capacidade de desenvolver melhorias técnicas significativamente mais, então o Google quer que o Youtube seja equipado com os mais recentes avanços sem limite e temos o Youtube PWA. Não há muito o que falar sobre as mudanças, mas a experiência geral fica mais suave e diversificada.

Se você quiser saber mais sobre o que o PWA pode fazer especificamente pelo seu site, entre em contato com a Tigren para uma consulta gratuita. Somos uma das agências de desenvolvimento de PWA de primeira linha e estamos aqui para fornecer a você o desenvolvimento de PWA premium que promete altos retornos e uma estratégia de preços transparente, além de suporte gratuito.

Mais estudos de caso de PWA:

AliExpress PWA: Aumente a taxa de conversão com o Progressive Web App

Reddit PWA: como as principais mídias sociais utilizam o aplicativo da Web