Finalização da Venda com Tap to Pay

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.

---

Revisão do Pedido

01 - Lista de itens

Deve exibir imagem, nome, categoria, preço e controles de quantidade para cada produto.

02 - Resumo do preço

Deve mostrar: número de itens, valor bruto, desconto aplicado e valor total claramente destacado.

03 - Botão “Forma de pagamento”

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.

---

Seleção do Método de Pagamento

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.

---

Definição do Tap to Pay

Opções de pagamento

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.

---

Tela de Pagamento via NFC

A tela de instruções NFC deve incluir:

• 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”).

---

Mensagens Obrigatórias

• 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.

---

Comportamentos Esperados

• 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.