Diretrizes de UX para tela de escolha renderizada pelo desenvolvedor

Você pode oferecer sistemas de faturamento alternativos ou links da Web externos junto com o Google Play Faturamento. Embora o Google possa renderizar a tela de escolha, você também tem a opção de renderizar suas próprias telas, desde que siga as diretrizes de UX abaixo e declare sua preferência de renderização no Play Console ao se inscrever. Essa opção também pode ser atualizada a qualquer momento. Os dois caminhos de implementação exigem integração com as APIs de escolha de faturamento para facilitar as telas de informações necessárias e os controles da família. Esta seção descreve os requisitos para renderizar suas próprias telas de escolha e garantir uma experiência consistente e transparente para que os usuários façam escolhas de faturamento informadas.

Uma tela de escolha renderizada pelo desenvolvedor mostrando opções para um sistema de faturamento alternativo e o Faturamento do Google Play.
Figura 1. Tela de escolha de faturamento renderizada pelo desenvolvedor

Transparência de faturamento

Para garantir que os usuários estejam totalmente informados sobre as opções de faturamento antes de fazer uma compra, siga estas diretrizes:

  • Rotulagem: você precisa rotular claramente os sistemas de faturamento alternativos com a entidade autorizada, o nome do app ou o nome do desenvolvedor. Isso garante que os usuários entendam quem é responsável por concluir a compra e fornecer suporte ao cliente.
  • Ícone do app ou logotipo da marca: cada opção de faturamento precisa apresentar o ícone do app ou o logotipo da marca específico. Para a opção de faturamento do Google Play, siga as diretrizes de marca do Google Play's mostrando o ícone do Google Play em cores completas em um plano de fundo neutro claro ou escuro. Para sua própria opção de faturamento, mostre apenas o ícone do app ou o logotipo da marca do desenvolvedor.

  • Formas de pagamento: use o recurso fornecido pela API getBillingChoiceInfoAsync para mostrar as formas de pagamento disponíveis para a opção de faturamento do Google Play, mantendo um tratamento semelhante ao representar formas de pagamento para sua própria opção de faturamento.

    • Logotipos de formas de pagamento: garanta que todos os logotipos de formas de pagamento sejam mostrados de maneira uniforme para cada opção de faturamento.
      • Para o Google Play Faturamento, consulte a API getBillingChoiceInfoAsync para outras opções de organização de formas de pagamento.
      • Se você não conseguir determinar quais formas de pagamento mostrar aos usuários na tela de escolha, poderá optar por não mostrar as formas de pagamento para sua própria opção de faturamento. Nesse caso, ainda é necessário mostrar as formas de pagamento para a opção do Google Play Faturamento.
    • Recuperação em tempo real: é necessário buscar e mostrar as formas de pagamento retornadas pela API a cada vez. Não altere nem armazene esses recursos em cache.
    • Texto complementar: se o número de formas de pagamento disponíveis exceder os logotipos mostrados, inclua um texto adicional para informar o usuário.

    Exemplo:

    Exemplos de layouts diferentes para mostrar logotipos de pagamento, com configurações de uma e várias linhas.
    Figura 2. Logotipos de pagamento

Estilo e proximidade do botão

Os botões do sistema de faturamento alternativo e do Google Play precisam ser apresentados de forma justa e igual para facilitar a escolha do usuário.

  • Representação igual: todos os elementos visuais, incluindo tamanhos de botão, tamanho do texto, estilo da fonte, contraste e dimensões da área de toque, precisam ser representados igualmente. O uso e o tamanho do logotipo nos botões também precisam ser equivalentes.
  • Proximidade: os botões de cada opção de faturamento precisam ser colocados próximos uns dos outros para que os usuários possam comparar e selecionar entre eles.
Dois botões de seleção de faturamento estilizados com dimensões, fonte e tamanho do logotipo idênticos para demonstrar representação visual igual.
Figura 3. Estilo do botão
Uma interface do usuário mostrando dois botões de opção de finalização de compra colocados próximos um do outro para comparação e seleção.
Figura 4. Proximidade do botão

Call-to-action (CTA)

Os rótulos principais dos botões que levam os usuários a cada opção de faturamento precisam ser equivalentes e consistentes. Os desenvolvedores ainda podem apresentar ofertas e benefícios diferenciados para cada opção de faturamento. No entanto, se isso for fornecido, os benefícios de fidelidade do Google Play também precisarão ser mostrados de maneira equivalente.

Exemplo:

Um modelo de botões de call-to-action de finalização de compra neutros e paralelos para o faturamento do desenvolvedor e o faturamento do Google Play.
Figura 5. Call-to-action

Recursos opcionais

Os recursos a seguir podem ser incluídos a seu critério, desde que também sejam mostrados para a opção do Google Play Faturamento.

  • Benefícios de fidelidade: se as informações de fidelidade forem mostradas, elas precisarão ser apresentadas com tratamento igual e para as duas opções de faturamento. Recupere a mensagem de fidelidade para a opção de faturamento do Google Play na API getBillingChoiceInfoAsync a cada vez. Não armazene nem guarde essas informações em cache. Exemplo:

    Um exemplo mostrando os benefícios do programa de fidelidade com igual destaque nas duas opções de faturamento.
    Figura 6. Benefícios de fidelidade

  • Links da Web externos: se você direcionar um usuário para fora do app para concluir uma compra, indique isso claramente. O texto precisa ser visualmente claro e informar explicitamente ao usuário que ele está sendo direcionado para um site com o seguinte texto: "Você será redirecionado para uma página da Web". Exemplo:

    Exemplo de uma opção de faturamento externo que inclui um aviso informando ao usuário que ele será redirecionado para uma página da Web.
    Figura 7. Links da Web externos