Os usuários geralmente instalam apps, principalmente os de plataforma, por meio de app stores ou fazendo o download e a instalação de um pacote. Hoje, até mesmo a experiência no computador está mudando para oferecer apps em lojas centralizadas.
Para apps da Web, o modelo é diferente: os usuários não precisam visitar um repositório de apps centralizado para instalar um app da Web. Por design, nem todas as experiências da Web são instaláveis. A instalação de um app pode ser diferente entre plataformas e navegadores. Os navegadores até têm menus e superfícies diferentes para instalar o app. Quando o usuário clica nessa opção de instalação, a caixa de diálogo padrão não inclui informações extras, conforme mostrado abaixo:
A criação de apps da Web que podem ser instalados e oferecem as mesmas interações que os apps de plataforma exige trabalho técnico para permitir essas experiências, além de boas orientações para que os usuários aproveitem esse fluxo de instalação diferente.
Com a interface de instalação mais completa, os desenvolvedores da Web têm uma nova oportunidade de fornecer aos usuários um contexto específico sobre o app no momento da instalação. Essa interface está disponível para dispositivos móveis a partir do Chrome 94 e para computadores a partir do Chrome 108. Embora o Chrome continue oferecendo as caixas de diálogo de instalação simples para apps instaláveis, essa interface maior dá aos desenvolvedores espaço para destacar o app da Web. Além disso, ela torna o processo de instalação mais familiar, porque é semelhante às caixas de diálogo das app stores.
Como ativar a interface de instalação mais completa
Para mostrar a caixa de diálogo da interface de instalação mais completa, os desenvolvedores precisam adicionar pelo menos uma captura de tela para o formato correspondente na matriz screenshots. O campo description não é obrigatório, mas é recomendado. A caixa de diálogo de conteúdo é criada com o conteúdo desses dois campos, tornando a experiência mais semelhante à instalação da app store. Isso ajuda os usuários a identificar que estão adicionando um app ao dispositivo, e com mais espaço disponível, os desenvolvedores podem fornecer um contexto específico aos usuários no momento da instalação.
Por exemplo, os desenvolvedores podem usar o campo description para destacar os recursos do app que incentivam o usuário a mantê-lo nos dispositivos. Com o screenshots, eles podem apresentar a aparência do app da Web como um recurso independente, com todo o acesso fácil que os apps da plataforma têm.
Para conferir uma especificação detalhada e um guia para adicionar esses recursos ao seu app, acesse o padrão de interface de instalação mais rica.
O estilo mais antigo de solicitação de instalação oferecia poucas informações e contexto. Isso não correspondia às expectativas dos usuários sobre o que significava a instalação e poderia deixá-los confusos sobre o que aconteceu. Muitas recusaram a solicitação de instalação, o que também foi ruim para as empresas que as criaram.
Com instalações mais ricas, você pode criar experiências semelhantes às dos sistemas operacionais.
Você pode criar o seu seguindo o exemplo do arquivo de manifesto do app Squoosh e testar a caixa de diálogo em: https://squoosh.app/.
Feedback Estamos considerando outras opções para instalações mais completas, incluindo categorias e classificações de apps. Para tomar essa decisão, precisamos do seu feedback. Conte sobre o design Há algo na interface do Richer Installs que não funciona como você esperava? Ou há dados específicos que você precisa para implementar sua ideia? Tem alguma dúvida ou comentário? Preencha este formulário.
Foto de Kaboompics .com no Pexels