Finalização da Venda com Tap to Pay
Atualizado
⌘Ctrlk
Objetivo
Definir os requisitos mínimos para a finalização de uma venda utilizando Tap to Pay durante o processo de checkout, garantindo visualização clara do pedido, opções flexíveis de pagamento e interação segura via NFC.
Diretrizes
Este fluxo deve ser otimizado para ambientes com conectividade instável (suportando cache de pedidos).
A compatibilidade com leitores NFC (Android/iOS) deve ser testada conforme o hardware utilizado.
O tempo entre a confirmação e a leitura via NFC não deve exceder 5 segundos para garantir uma experiência fluida.
Deve exibir imagem, nome, categoria, preço e controles de quantidade para cada produto.
Deve mostrar: número de itens, valor bruto, desconto aplicado e valor total claramente destacado.
Deve estar destacado como a principal chamada para ação e habilitado assim que houver pelo menos um item no carrinho.
Obrigatório: Todos os valores devem ser atualizados dinamicamente conforme as quantidades dos itens mudam.
Recomendado: Utilizar ícones visuais (ex.: sacola, moeda, desconto) para melhorar a escaneabilidade.
Modal de métodos de pagamento Deve exibir todas as opções de pagamento disponíveis com ícones e rótulos claros:
Tap to Pay
Pix
Link de pagamento
Obrigatório: “Tap to Pay” deve estar visível e acessível, com destaque apropriado baseado no uso.
Recomendado: Permitir que o sistema reordene as opções com base na atividade recente do usuário.
O usuário deve selecionar Crédito ou Débito. Se Crédito for selecionado, as opções de parcelamento devem ser exibidas mostrando:
Número de parcelas
Valor por parcela
Valor total
Obrigatório: O botão “Continuar” deve ser habilitado somente após a seleção do tipo de pagamento e, se aplicável, do plano de parcelamento.
Recomendado: Indicar claramente a opção selecionada usando cor, sombra ou ícone de check.
Valor final destacado
Tipo de pagamento (ex.: crédito – à vista)
Ilustração mostrando o gesto de proximidade do cartão ou celular
Indicador ou ícone animado de leitura NFC
Obrigatório: O sistema deve aguardar a detecção NFC com feedback em tempo real.
Recomendado: Exibir alertas visuais e sonoros apropriados para erros (“Cartão não detectado”) e confirmações (“Pagamento aprovado”).
Quando nenhum método de pagamento for selecionado:
Por favor, selecione um método de pagamento para continuar.
Quando a leitura NFC falhar:
Não foi possível detectar o cartão. Ajuste a posição e tente novamente.
A lista de itens deve permanecer editável até que um método de pagamento seja selecionado.
O botão “Método de pagamento” deve permanecer visível/fixo, mesmo durante a rolagem.
O valor total deve ser bloqueado assim que a fase NFC iniciar.
A transação deve poder ser cancelada a qualquer momento antes da confirmação.
Atualizado