1
resposta

[Projeto] Análise de UI Patterns dos Aplicativos OBoticário e Natura

Ao abrir os aplicativos da OBoticário e Natura, é possível observar que ambos possuem 3 informações importantes na parte superior, sendo o CEP, a barra de busca e a sacola de compras (o famoso "carrinho").

  1. É interessante observar que, por se tratar de aplicativos de marcas que possuem lojas físicas espalhadas por diversas cidades, ter o CEP salvo torna-se importante não apenas para calcular o frete e o tempo de entrega, mas também porque, ao selecionar um produto e ir até o botão de "comprar", logo abaixo o aplicativo já mostra se aquele produto está ou não disponível para retirada em poucas horas em uma loja próxima do usuário.

  2. Em relação à barra de busca, essa funcionalidade faz parte de um UI Pattern, ou seja, os usuários já esperam que a barra de busca esteja ali, o que torna a navegação intuitiva e consistente.

  3. Por fim, a sacola de compras segue um padrão de associação, de modo que o uso do objeto sacola remete à sacola que recebemos ao comprar um produto de perfumaria e/ou cosmético.

Em contrapartida, na parte inferior da tela, na barra de navegação, enquanto o aplicativo da OBoticário se destaca por deixar claro o que cada ícone ali representa e qual funcionalidade irei conseguir alcançar ao clicar nele, além de um visual que destaca e deixa claro que ali é uma barra de navegação, o app da Natura possui sua barra de navegação exatamente da mesma cor (branco) que todo o resto do background, o que dificulta muito a compreensão de que aquilo se trata de uma barra de navegação. Ainda os ícones não possuem uma descrição do que representam, de modo que só consigo saber exatamente do que o botão do meio se trata ao clicar nele, pois é um ícone genérico (três traços horizontais), e ao clicar sou levada a um "menu", que no aplicativo da OBoticário se chama "Categorias". Os demais botões laterais, apesar de não possuírem uma descrição, são ícones que seguem um UI Pattern, sendo o botão da esquerda o "Início" (representado por uma casinha) e o botão da direita o perfil do usuário (representado por um vetor de uma pessoa).

1 resposta

Olá, Laís, como vai?

Sua análise demonstra um olhar atento para padrões consolidados de interface e para o contexto de uso dos aplicativos. A identificação do CEP, da barra de busca e da sacola no topo como elementos recorrentes em e-commerces é pertinente, principalmente ao relacionar o CEP não apenas ao frete, mas também à retirada em loja física. Isso evidencia a conexão entre experiência digital e presença omnichannel, algo muito relevante em produtos desse segmento.

Seu exercício está bem fundamentado, com comparações claras e argumentos alinhados aos conceitos de consistência, reconhecimento e eficiência. Continue compartilhando suas análises no fórum, pois esse tipo de observação crítica é essencial na construção de repertório em UX. O fórum permanece à disposição para aprofundarmos a discussão.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!