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

Uma pesquisa interna com usuários do Chrome mostra que muitas pessoas gostam de instalar aplicativos apps. Há muitos benefícios, como:

  • Fazer com que um app de chat seja iniciado na barra de tarefas ou na base do sistema operacional.
  • Tocar músicas de uma janela de nível superior dedicada, que fica visível ao troca de apps.
  • Organizar a UX do navegador para fazer uma videochamada imersiva.
  • Abrir um app da Web diretamente de um arquivo associado ao sistema operacional explorador de arquivos.

Os desenvolvedores da Web e do Chrome podem ajudar de várias maneiras, incluindo uma nova de promoção do aprendizado de máquina. Esta postagem oferece uma visão geral das maneiras que os usuários possam instalar seu app.

"Feito" apps que atendem aos critérios de instalação

Apps que atendem à capacidade de instalação do Chrome mostram automaticamente um ícone de instalação na barra de endereço do navegador Chrome para computador (destacado em 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 o menu Mais Mais > Salvar e compartilhar > Instale o $appName.

Instale o item de menu do app no menu "Mais" na área de trabalho do Chrome.

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 o app.

Site da Wikipédia para dispositivos móveis.

Adicionar à tela inicial no site da Wikipédia.

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

Essas instalações são chamadas de "elaboradas" já que o desenvolvedor optou por essa UX ao atendendo aos critérios de instalação.

Experiência de instalação personalizada

Os desenvolvedores podem ir além e oferecer uma instalação personalizada do usuário. Essa é a abordagem como Squoosh e SVGcode têm tomadas. Confira os botões Instalar destacados nos exemplos a seguir. De fornecendo 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.

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

Manual instalação de qualquer app

Uma pesquisa do Google mostrou que os usuários também querem instalar qualquer site mesmo que não atendam aos critérios de instalação ou ofereçam uma experiência fluxo de instalação. Um exemplo é Wordle (em inglês). No momento de está faltando o membro icons e o manifesto do app da Web start_url.

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

Nesses casos, o Chrome oferece uma forma manual de instalar uma página como "manual" app, destacados na captura de tela a seguir para computadores. No canto superior direito do do navegador, selecione Mais Mais > Salvar e compartilhar > Instalar página como app. Na de instalação, é possível mudar o nome do app como quiser.

Item de menu "Instalar a página como app" no Chrome para computador.

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

Em um dispositivo móvel, toque em Mais Mais > Adicionar à tela inicial > Instalar o 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 o A equipe do Chrome investiu em uma abordagem impulsionada pelo aprendizado de máquina (ML).

Instalar comando baseado em machine learning

A equipe usa Segmentação do Chrome para prever se um usuário quer instalar uma determinada página com base em coleta de sinais, incluindo características de integridade do site (por exemplo, o de um manifesto válido) e dados de visitas ao site do usuário (por exemplo, o total de visitas ao site nos últimos 14 dias). Esses dados são coletados e usados treinar um modelo de ML para acionar uma caixa de diálogo de instalação em um site que, de outra forma, não teria uma. Se o site atender aos critérios de instalação, ele mostrará os Caixa de diálogo de instalação normal, enquanto outras páginas receberão a instalação manual caixa de diálogo.

Site do Wordle com a caixa de diálogo para instalar esta página como app.

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

Crie um atalho no computador e no dispositivo móvel

Do Chrome 128, Mais Mais > Salvar e compartilhar > Criar atalho cria uma favorito na área de trabalho ou na tela inicial do usuário. Isso abre uma página específica em um nova guia, de acordo com o comportamento do Android, em que você cria um atalho usando Mais Mais > Adicionar à tela inicial > Criar atalho.

O comportamento anterior desse item de menu na área de trabalho foi movido para a Instalar página como aplicativo, que cria uma configuração "manual" conforme descrito antes.

Conclusões

Os usuários adoram voltar para os apps. Às vezes em uma guia do navegador, outras vezes como um uma experiência independente. O Chrome ajuda os usuários a chegar lá das seguintes formas:

  • Isso permite que os desenvolvedores criem experiências de instalação avançadas.
  • Permitir que os usuários instalem apps, mesmo que os desenvolvedores não tenham e a instalação está planejada.
  • Permitir que os usuários criem atalhos para páginas que eles querem acessar novamente.
  • Sugerir apps para instalar de maneira proativa com base no machine learning usando o instalação de alta confiança é o que o usuário quer.

Voltando ao Wordle, trabalho...

Wordle 1.110 6/3

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

Agradecimentos

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