Partilhar via

Projetar fluxos de compra em um aplicativo de banda larga móvel

  • Artigo

Seu aplicativo de banda larga móvel pode incluir um fluxo de compra para os usuários usarem para comprar planos. Para compras pela primeira vez, dê suporte ao fluxo de compra pela Web. Aqui estão algumas recomendações padrão para o fluxo de compra.

Nota Não use um iframe para hospedar esses fluxos em seu aplicativo.

  1. Mostre aos usuários um detalhamento de dados para que os usuários estimem os dados necessários. Isso pode ajudar o usuário a selecionar o melhor plano de compra.

    Captura de tela da divisão de dados em um aplicativo de banda larga móvel.

  2. Você pode fornecer os detalhes do plano e permitir que eles selecionem um plano antes de encaminhá-los para um fluxo de compra completo.

    Captura de tela dos detalhes do plano e da seleção de revisão de plano em um aplicativo de banda larga móvel.

  3. Se o fluxo de compra contiver formulários, siga estas diretrizes:

    • Permitir rolagem vertical em páginas de formulário.

    • Verifique se todos os campos de formulário estão alinhados à esquerda.

    • Como o aplicativo deve ser compatível com vários fatores forma, recomendamos que você forneça espaçamento amigável entre campos de formulário.

    • Deixe muito espaço em branco para promover a simplicidade.

    • Siga as práticas recomendadas para suporte a formulários. Isso inclui, mas não se limita a, fornecer suporte adequado para campos de endereço, número e crédito cartão.

    • Verifique se o escopo de entrada está definido para campos de formulário para que o teclado virtual apropriado seja exibido para campos, por exemplo, número, texto e assim por diante.

    • Verifique se o formulário tem todos os controles e campos alinhados corretamente.

    • Minimize o número de cliques e campos.

  4. Depois que o usuário inserir suas informações, permita que ele examine o pedido antes de concluir a compra. Se o pedido for feito e a ativação for rápida, continue com a ativação e redirecione o aplicativo para a página de aterrissagem. Se espera-se que a ativação demorou mais, você pode incluir uma página de espaço reservado para o progresso da ativação e usar um controle de progresso para mostrar que a ativação está acontecendo. Para obter mais informações sobre controles de progresso, consulte Início Rápido: adicionando controles de progresso.

Resumo rápido

Design apropriado para páginas de compra:

  • Siga as diretrizes de formulário, que incluem alinhamento à esquerda, espaço em branco, alinhamento de grade adequado e linhas amigáveis de toque.

  • Use um layout simples para melhorar a legibilidade.

  • Use a rolagem vertical para formulários longos para facilitar a tabulação e o uso do teclado virtual.

  • Permitir que os usuários revisem e selecionem planos antes de iniciar o fluxo de compra.

  • Suporte à compra pela Web e compra pela primeira vez.

Design inadequado para as páginas de compra, recarga, recarga e cobrança:

  • Não use a rolagem horizontal para formulários longos.

  • Não preencha todo o espaço em branco.

  • Não use um iframe para hospedar os fluxos.

  • Não faça o usuário esperar muito tempo sem fornecer comentários visuais.

  • Não vincule a sites fora do aplicativo.

Recursos adicionais

Projetando a experiência do usuário de um aplicativo de banda larga móvel