Como o Chrome ajuda os usuários a instalar os apps que eles valorizam

A pesquisa interna de usuários do Chrome mostra que muitas pessoas valorizam a instalação de apps da Web. Há muitos benefícios, como:

  • Um app de chat que é iniciado na barra de tarefas ou no dock do sistema operacional.
  • Tocar músicas em uma janela de nível superior dedicada que fica visível ao trocar de app.
  • Redução da poluição visual da UX do navegador para uma videochamada imersiva.
  • Abrir um app da Web diretamente de um arquivo associado ao explorador de arquivos do sistema operacional.

Há várias maneiras de o Chrome e os desenvolvedores da Web ajudarem, incluindo um novo recurso de promoção de aprendizado de máquina. Esta postagem oferece uma visão geral das maneiras de instalação do app pelos usuários.

Apps "criados" que atendem aos critérios de instalabilidade

Os apps que atendem aos critérios de instalação do Chrome mostram automaticamente um ícone de instalação na barra de endereço do navegador Chrome para computador (destacado na captura de tela a seguir). O usuário pode clicar para instalar o app.

Ícone de instalação na barra de endereço do navegador Chrome para computador.

Outra forma de instalar é usar a opção Mais   Mais   > Salvar e compartilhar > Instalar $appName.

Instale o item de menu do app no menu "Mais" no Chrome para computador.

Em dispositivos móveis, os usuários podem instalar o app usando o comando de instalação exibido ou Mais   Mais   > Adicionar à tela inicial > Instalar app.

Site da Wikipédia em um dispositivo móvel.

Adição à tela inicial no site da Wikipedia.

Caixa de diálogo para instalar o app no site da Wikipédia.

Essas instalações são chamadas de "personalizadas" porque o desenvolvedor ativou essa UX cumprindo os critérios de instalabilidade.

Experiência de instalação personalizada

Os desenvolvedores podem ir além e oferecer uma experiência de instalação personalizada. Essa é a abordagem seguida por apps como Squoosh e SVGcode. Confira os botões Instalar destacados nos exemplos a seguir. Ao fornecer capturas de tela, os desenvolvedores podem criar uma experiência de instalação ainda mais rica.

App Squoosh e o botão de instalação.

Solicitação de instalação do app Squoosh com capturas de tela.

App SVGcode e o botão de instalação.

Instalação "manual" de qualquer app

Pesquisas do Google mostraram que os usuários também querem instalar qualquer experiência da Web, mesmo que não atendam aos critérios de instalação ou ofereçam um fluxo personalizado. Um exemplo é o Wordle. No momento da redação deste artigo, o manifesto do app da Web não tem o membro icons e o start_url.

{  
    "name": "Wordle",  
    "short_name": "Wordle",  
    "theme_color": "#FFFFFF",  
    "background_color": "#FFFFFF",  
    "display": "minimal-ui"  
}  

Para esses casos, o Chrome oferece uma maneira manual de instalar uma página como um app "manual", destacado na captura de tela a seguir para computadores. No canto superior direito da janela do navegador, selecione Mais   Mais   > Salvar e compartilhar > Instalar esta página como um app. Na tela de instalação, é possível mudar o nome do app.

Instalar a página como item de menu do app no Chrome para computador.

Instale esta página como uma caixa de diálogo no Chrome para computador.

Em dispositivos móveis, toque em Mais   Mais   > Adicionar à tela inicial > Instalar app.

Site do IMDB no Chrome para dispositivos móveis.

Site do IMDB com o item de menu "Adicionar à tela inicial" no Chrome para dispositivos móveis.

Site do IMDB com caixa de diálogo para instalar o app.

Embora isso funcione, ele não é necessariamente detectável na prática. É por isso que a equipe do Chrome investiu em uma abordagem orientada por machine learning (ML).

Instalar o comando com base no aprendizado de máquina

No Android, a equipe usa a segmentação do Chrome para prever se um usuário vai querer instalar uma determinada página com base em uma coleção de indicadores, incluindo características de integridade do site (por exemplo, a existência de um manifesto válido) e dados de visita do usuário ao site (por exemplo, a contagem total de visitas ao site nos últimos 14 dias). Esses dados são coletados e usados para treinar um modelo de ML que aciona uma caixa de diálogo de instalação se houver uma alta probabilidade de o usuário fazer isso. Se o site atender aos critérios de instalação, a caixa de diálogo de instalação normal será mostrada, enquanto outras páginas receberão a caixa de diálogo de instalação manual.

Site do Wordle com a caixa de diálogo "Instalar esta página como um app".

Os resultados iniciais mostram que os usuários aceitam os comandos de instalação acionados por ML, e a equipe planeja usar as experiências adquiridas até agora para ajustar ainda mais o modelo e ajudar os usuários a instalar os apps que eles querem.

Criar um atalho em computadores e dispositivos móveis

No Chrome 128, a opção Mais   Mais > Salvar e compartilhar > Criar atalho cria um favorito na área de trabalho ou na tela inicial do usuário. Isso inicia uma página específica em uma nova guia, correspondendo ao comportamento do Android, em que você cria um atalho usando Mais   Mais   > Adicionar à tela inicial > Criar atalho.

O comportamento anterior desse item de menu no computador foi movido para a opção Instalar página como app, que cria um app "manual", conforme descrito anteriormente.

Conclusões

Os usuários adoram voltar para os apps. Às vezes, em uma guia do navegador, às vezes como uma experiência independente. O Chrome ajuda os usuários a fazer isso:

  • Permitir que os desenvolvedores criem experiências de instalação ricas.
  • Permitir que os usuários instalem apps, mesmo que os desenvolvedores não tenham planejado a instalação.
  • Permitir que os usuários criem atalhos para páginas que querem visitar novamente.
  • Sugerir proativamente apps para instalação com base no machine learning com alta confiança é o que o usuário quer.

E agora, de volta ao Wordle, quer dizer, ao trabalho…

Wordle 1.110 3/6

⬛⬛⬛🟨⬛
⬛🟨⬛🟨🟩
🟩🟩🟩🟩🟩

Agradecimentos

Este documento foi revisado por Finnur Breki Thorarinsson, Ella Ge e Rachel Andrew.