Desktop

Os pontos necessários para corrigir são os mesmos observados em mobile:

Carrinho/Minha Sacola

No texto relativo ao preço anterior (”De”) é possível melhorar a acessibilidade (Tela 1) - ajustando a nota de contraste e aumentando o tamanho da fonte.

A barra de evolução não é clicável nas etapas já percorridas pelo usuário (Tela 1).

Quando há mais de uma unidade de determinado produto, o usuário não consegue visualizar os valores unitário e total daquele item - não há diferenciação, pois o valor unitário permanece mesmo com 4 unidades adicionadas, por exemplo, como podemos observar na tela 2.

No texto de informação de prazo e preço de envio é possível melhorar a acessibilidade (Tela 2) - ajustando a nota de contraste e aumentando o tamanho da fonte.

Caso o usuário queira alterar o CEP digitado, pode não ser intuitivo clicar no CEP inserido para digitar outro (Tela 2), o ideal é que tenha um botão para este fim.

O feedback de cupom inválido passa quase de maneira imperceptível pelo usuário (Tela 3) - por causa de sua localização e cor.

Caso o usuário opte pela retirada do produto, as informações exibidas podem causar confusão (Tela 4), pois o checkbox está pré-selecionado apenas com o tempo de retirada e o valor (gratuito). Idealmente, esse elemento deveria englobar todas as informações importantes, incluindo o nome do local, especialmente considerando a possibilidade de haver mais de um ponto de retirada disponível. Além disso, não há a exibição do CEP nessa aba.

Na área de retirada, todas as opções de locais disponíveis só aparecem quando clicadas no endereço já pré-selecionado (Tela 5).

Tela 1 Tela 2

⁠

Tela 3 Tela 4

⁠

Tela 5

⁠

Checkout

No componente “Informações de contato”, a barra de evolução mostra o título “Identificação” (Tela 6). Idealmente, os nomes das etapas devem ser padronizados.

O campo “Destinatário” é de preenchimento obrigatório, porém não possui asterisco (Tela 7).

Muitas vezes, o componente de “vale troca” aparece em estado primário aberto (Tela 8), sem que o usuário tenha interagido com ele - o que pode despertar sua curiosidade, mesmo que ele não possua o vale troca.

As bandeiras de cartão podem passar a percepção de que são clicáveis, o que não ocorre (Tela 8).

Nos produtos da página de departamento “Outlet”, ocorre a seguinte situação: Quando o usuário adiciona um produto, por exemplo, um “Top Amamentação - Peça Promocional” de R$ 179,00 por R$ 107,40, o valor exibido está correto na área do produto e no resumo também (Tela 9). Porém, quando o usuário adiciona mais de uma unidade do mesmo produto, aparece um valor menor do que somente uma unidade - logo, para 1 produto o valor é R$ 107,40 e para 2 produtos é exibido “R$ 89,50” (Tela 10). Nessa situação, o resumo também está confuso e não há uma explicação lógica para essas inconsistências de valores (Tela 10). Portanto, por mais que o usuário tenha mais descontos do que o esperado, essa situação pode gerar confusão nesse momento crucial da etapa de compra. Posteriormente, foi observado internamente de que há uma promoção ativa de desconto progressivo para o mês de agosto. É de extrema importância que todos os descontos e promoções estejam explícitos para o usuário em toda a jornada de compra, mas, principalmente no checkout - tanto para evitar fluxos dificultosos, como para ser mais um atrativo para a compra.

Tela 6 Tela 7

⁠

Tela 8 Tela 9

⁠

Tela 10

⁠

Próxima Página →

Sugestões de melhoria⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.