Design de paywalls em aplicativos móveis: deixe as opções de assinatura claras
Um guia prático para criar paywalls em aplicativos móveis, abordando proposta de valor, comparação de planos, condições de teste e renovação, contexto da compra e uma lista de revisão.
Um paywall é um momento de escolha dentro de uma experiência de produto mais ampla. Alguém deve ser capaz de dizer o que um plano pago acrescenta, se ele atende às suas necessidades, quanto será cobrado e o que acontecerá se decidir continuar sem assinar.
O trabalho de design mais forte começa antes do estilo visual. Decida o que a pessoa acabou de tentar fazer, qual benefício de assinatura é relevante naquele momento e quais termos do plano devem ser entendidos antes que a tela de compra do sistema apareça. Em seguida, use uma revisão focada para detectar ambiguidades na oferta, na hierarquia e nas rotas de fuga.
Principais conclusões
- Conecte a oferta a um benefício concreto do produto e à ação que levou a ele.
- Mostre o preço total e o intervalo de cobrança de cada plano, incluindo o que segue uma oferta introdutória.
- Mantenha a comparação de planos, os termos de avaliação, a compra, a restauração, o login e o fechamento compreensíveis como um único fluxo.
- Revise o paywall no contexto e em estados localizados, de acessibilidade e de retorno de assinantes.
Comece com o momento, não com o modelo
Um paywall mostrado depois que alguém toca em um recurso bloqueado tem uma função diferente de um convite de assinatura durante o onboarding. Nomeie o recurso e explique o benefício específico que será disponibilizado. Na onboarding, dê orientação suficiente para mostrar como uma assinatura se relaciona com o produto. Uma solicitação sem contexto pode parecer uma interrupção.
Use o fluxo circundante para definir expectativas. Se as pessoas puderem experimentar primeiro parte do produto, deixe que essa experiência demonstre o valor. Se o acesso for limitado, explique o limite e quando ele será redefinido. As Diretrizes de Interface Humana da Apple recomendam avisos relevantes; O Google Play espera que promoções esclareçam se o aplicativo pode ser usado sem assinatura.
Pessoas que já assinam podem precisar de login ou restauração. Alguém que não está pronto pode precisar de um caminho claro de volta ao produto. Projete-os como caminhos reais e verifique se eles levam a algum lugar útil.
Torne a oferta fácil de comparar
Dê a cada opção um nome curto, uma duração e uma declaração direta de preço. O valor que realmente será cobrado das pessoas deve ser fácil de encontrar; um equivalente menor por mês pode ajudar a comparar os planos, mas não deve substituir o valor total faturado. Se um plano for selecionado por padrão, a seleção deverá ser visível e a justificativa não deverá depender de um emblema vago como Melhor valor.
Uma comparação útil diz o que muda entre os planos: nível de acesso, conteúdo, serviço, duração ou outro benefício significativo. Evite fazer as pessoas inferirem a diferença da cor ou de uma porcentagem de desconto. Se houver um plano, use o espaço para explicar seu valor e termos.
As orientações de compra no aplicativo da Apple exigem opções claras, preço e duração, e o preço total de faturamento. O Google Play alerta contra a apresentação de uma assinatura de longo período principalmente como um detalhamento mensal, quando a cobrança real é devida para o período completo. Trate a cobrança total como informação primária e, em seguida, use detalhes de comparação secundários onde for útil.
| Área de revisão | Apresentação clara | Pergunta a fazer |
|---|---|---|
| Identidade do plano | Nome e duração distinguem cada opção | Alguém pode dizer o que é diferente sem adivinhar? |
| Preço | A cobrança total e o intervalo de faturamento aparecem juntos | O montante devido agora é mais proeminente do que uma repartição equivalente? |
| Oferta introdutória | A duração da oferta, o preço inicial e o próximo preço são indicados | Alguém pode explicar quanto pagará após o término da oferta? |
| Benefícios | O acesso incluído específico está vinculado ao plano | Cada reivindicação corresponde ao que o produto oferece durante a assinatura? |
Explique os períodos de teste e a renovação em linguagem simples
Uma período de teste gratuito é uma oferta cronometrada que pode resultar em uma assinatura paga. Informe a duração, quando será realizado o primeiro pagamento, o valor e o intervalo que se segue e se o plano é renovado automaticamente. Coloque esses detalhes perto do plano e ação relevantes.
Não deixe que o rótulo de um botão contenha toda a explicação. Um rótulo como Iniciar período de teste gratuito descreve a etapa imediata, mas não a cobrança posterior. Combine-o com termos concisos e legíveis. Mantenha o texto legível em tamanhos de exibição comuns, permita que ele cresça com configurações de texto maiores e evite colocar termos essenciais em baixo contraste ou em um layout que possa ficar truncado após a localização.
A janela de compra faz parte do fluxo da plataforma e não substitui uma tela de oferta coerente. A Apple diz para usar a janela de confirmação padrão e não imitá-la. Deixe a escolha e os termos claros antes de passar para a IU do sistema e, em seguida, reflita o estado da assinatura resultante com precisão no aplicativo.
- A duração do teste e a elegibilidade são claras para a oferta exibida.
- A data ou evento que inicia o faturamento é compreensível.
- O preço pós-teste, o período de cobrança e a renovação automática ficam visíveis antes da compra.
- Os mesmos termos permanecem compreensíveis no idioma e moeda do usuário.
Revise todo o fluxo de compra e devolução
Siga a ação principal até a confirmação de compra nativa e, em seguida, inspecione os estados de sucesso, cancelamento, pendente e falha. Confirme se uma compra cancelada não parece concluída. Verifique o que acontece quando o aplicativo é reaberto, quando alguém faz login em outro dispositivo e quando um assinante atual acessa a oferta.
Torne as opções de conta e recuperação fáceis de encontrar. Os assinantes existentes não devem ser convidados a comprar o mesmo acesso novamente quando o login ou a restauração for o próximo passo correto. A Apple recomenda uma maneira para os assinantes existentes fazerem login ou restaurarem compras. O gerenciamento de assinaturas pertence a uma conta previsível ou local de configurações; A Apple também enfatiza facilitar o cancelamento. No Google Play, a divulgação de assinaturas e um método de cancelamento online fazem parte dos requisitos atuais da plataforma. Siga as orientações de implementação atuais da loja para a rota de cobrança relevante.
Compare o paywall com o produto ao seu redor. O tipo, as imagens e a interação devem parecer integrados. Use a biblioteca de paywall do ScreenKits para estudar como as telas capturadas organizam o preço, os benefícios, o idioma do teste e os controles de saída e, em seguida, compare essas observações com o fluxo completo do aplicativo. A galeria é uma referência de design e não uma prova de que um padrão é eficaz ou compatível.
- Um assinante que retorna pode fazer login ou restaurar o acesso sem reiniciar?
- Está claro como descartar a oferta ou continuar com o acesso gratuito disponível?
- Os estados de sucesso, cancelamento e erro da compra explicam o que aconteceu e o que fazer a seguir?
- As pessoas podem encontrar o status e o gerenciamento da assinatura nas configurações da conta?
- A localização, o dimensionamento do texto, o contraste, os leitores de tela e os alvos de toque foram revisados?
Uma lista de verificação prática de revisão de design de paywall
Use esta lista de verificação durante uma crítica de design, revisão de protótipo ou passo a passo de pré-lançamento. Leia cada item da perspectiva de alguém que vê a oferta pela primeira vez e, em seguida, repita a revisão como assinante recorrente. Se um revisor não conseguir responder a uma pergunta na tela e seu fluxo imediato, esclareça a interface antes de confiar no conteúdo de suporte para preencher a lacuna.
| Verificar | Condição de aprovação |
|---|---|
| Contexto | A razão pela qual esta oferta apareceu e o benefício relevante são evidentes. |
| Acesso | A tela indica com precisão o que exige pagamento e o que permanece disponível sem ele. |
| Comparação | Cada opção tem um nome, duração e cobrança total distintos. |
| Período de teste | A duração da oferta, o início do faturamento, o preço subsequente e a renovação são visíveis juntos. |
| Ação | O botão principal descreve a próxima etapa e não oculta os termos materiais. |
| Alternativas | As ações de dispensa, login e restauração podem ser descobertas quando relevantes. |
| Estados | O sucesso, o cancelamento e o fracasso da compra produzem um resultado compreensível. |
| Necessidades de acesso | O texto permanece legível quando ampliado e o conteúdo funciona com tecnologia assistiva. |
| Localização | Preços, moeda, datas e textos se ajustam aos mercados suportados sem truncamento. |
| Gerenciamento | Um assinante pode encontrar o status da assinatura e o caminho de gerenciamento do aplicativo. |
Perguntas comuns
O que um paywall de aplicativo móvel deve incluir?
Explique os benefícios relevantes da assinatura, diferencie cada plano, mostre a cobrança total e o intervalo de cobrança, divulgue os termos de avaliação e renovação quando aplicável e forneça caminhos úteis para assinantes existentes e pessoas que não compram.
Um paywall deve mostrar o equivalente mensal para um plano anual?
Pode ajudar as pessoas a comparar durações, mas deve permanecer secundário em relação ao valor total faturado e ao intervalo de cobrança. Torne a cobrança real inconfundível.
Onde deve aparecer um paywall de assinatura?
Coloque-o em um ponto relevante, como quando alguém escolhe um recurso pago ou atinge um limite de uso gratuito claramente explicado. Explique por que a oferta está sendo exibida e mantenha um caminho claro para qualquer experiência não paga disponível.
