2
respostas

Shadowing - App da Amazon - etapas na confirmação da compra

Ao utilizar o app da Amazon, observei que a escolha pela forma de pagamento não é destacada de forma clara dentro das etapas de confirmação da compra, o que ocasionou no método de pagamento não desejado e na sensação de insegurança: Queria pagar com pix mas acabei pagando pelo cartão de crédito, inclusive com o cartão de crédito errado, pois a escolha pela forma de pagamento fica mais abaixo da tela e em texto apenas, não destacada em um botão colorido e claro,exige mais atenção do usuário. É frustrante ter que cancelar um pedido e refaze-lo depois de perceber o erro um tempo depois, por email, isso se perceber! Acredito que uma implementação gráfica melhor projetada pode resolver essa questão ou até mesmo uma tela amigável solicitando ao usuário que confirme os dados da compra.

2 respostas

Olá, Flavio. Como vai?

Excelente observação! A análise que você fez sobre a jornada de checkout no aplicativo da Amazon é um exemplo perfeito e muito real de estudo de caso em UX Design.

Esse problema que você enfrentou é o que chamamos na área de uma quebra na Usabilidade e na Arquitetura de Informação da tela. Grandes plataformas de e-commerce, como a Amazon, costumam adotar um padrão focado na redução extrema da "fricção" para acelerar a compra (a famosa filosofia do "compre com um clique"). No entanto, quando o design prioriza a velocidade em detrimento da clareza, ele pode acabar gerando frustração, erros acidentais e, como você bem pontuou, uma forte sensação de insegurança.

Para agregar valor à sua percepção de UX, vamos analisar o cenário sob a ótica das boas práticas e heurísticas de design:

1. Hierarquia Visual e Heurística de Reconhecimento
Quando a escolha da forma de pagamento é exibida apenas em texto simples e jogada para a parte inferior da tela, a interface falha na Hierarquia Visual. O olho do usuário é naturalmente atraído por elementos grandes, coloridos e contrastantes (como o botão amarelo de "Confirmar Compra"). Se o meio de pagamento ativo não tiver o mesmo peso visual, o usuário assume inconscientemente que está tudo correto, gerando o erro de pagar com o cartão errado.

2. Prevenção de Erros (Heurística de Nielsen)
Uma das regras mais famosas de UX diz que um bom design deve, antes de tudo, evitar que o erro aconteça. O seu insight foi cirúrgico: a implementação de uma tela de confirmação amigável (ou um componente de revisão flutuante antes do clique final) funcionaria como uma trava de segurança.

Como propor uma solução de UX para esse caso?
Pensando em melhorias práticas de interface (UI) e experiência (UX), o fluxo poderia ser otimizado com as seguintes abordagens:

  • Cards de Seleção Visuais: Em vez de texto puro, a forma de pagamento selecionada poderia aparecer dentro de um bloco destacado (card), exibindo a bandeira do cartão de crédito ou o ícone do PIX de forma bem visível.
  • Fricção Positiva: Para métodos de pagamento muito diferentes (como mudar de cartão para PIX), o app poderia abrir um pequeno aviso na tela (Pop-up ou Bottom Sheet) dizendo: "Você está prestes a fechar sua compra utilizando o Cartão Final XXXX. Deseja alterar?". Isso adiciona um segundo de atenção que economiza todo o estresse posterior de cancelamento e estorno.

Anotar essas frustrações do nosso próprio cotidiano como usuários é o melhor exercício para treinar o olhar clínico de um UX Designer. Parabéns pelo senso crítico e por compartilhar sua experiência no fúrum!

Espero que possa ter lhe ajudado!

Ajudou, sim! E pude compreender muito bem! Valeu! :)