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 o 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 3) - 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 3), o ideal é que tenha um botão para este fim.

Ainda no componente de frete, é possível melhorar a acessibilidade das opções do botão dropdown (Tela 4) - ajustando a nota de contraste.

O feedback de cupom inválido passa quase de maneira imperceptível pelo usuário (Tela 5) - 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 6), 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. Além disso, nessa aba não há a exibição do CEP inserido.

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

Tela 1 Tela 2 Tela 3

⁠

Tela 4 Tela 5 Tela 6

⁠

Tela 7

⁠

Checkout

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

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

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

Na área de pagamento, as bandeiras de cartão podem passar a percepção de que são clicáveis, o que não ocorre (Tela 10).

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 (Tela 11), o valor exibido está correto na área do produto e no resumo também (Tela 12). 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 13). 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 14). 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 8 Tela 9 Tela 10

⁠