Estudo de caso UX/UI - Quitanda do Bairro

Como melhorar a experiência do usuário na hora de comprar hortifrútis e/ou produtos perecíveis delicados.

Essa foto mostra o sistema projetado em dispositivos desktop e mobile.
Imagem com post-its organizados por afinidade de assunto e com os votos dos participantes, definindo o tema da pesquisa.
Ideação — Zen Voting
Imagem da matriz CSD (Certezas, Suposições e Dúvidas) do projeto.
Imagem da matriz CSD (Certezas, Suposições e Dúvidas) do projeto.
Matriz CSD.
Aumento Pesquisa — Google Trends.
Quando perguntados sobre a frequência de ida a feira livre, antes do início pandemia.
Quando perguntados sobre a frequência de ida a feira livre, após o início da pandemia.
Quando perguntados sobre o consumo de produtos de hortifrúti orgânicos.
Quando perguntados se usam algum tipo de serviço de delivery para a compra de hortifrúti.
Quase 40% dos entrevistados tem alguma desconfiança em comprar produtos hortifrúti pela internet.
Quase 90% dos usuários teriam mais segurança em comprar, caso a solução oferecesse opções de características requeridas.

1. Why?

1.1. Definição

2. Who?

Hora de definir o público-alvo do Quitanda do Bairro.

Persona 1 —Usuário
Persona 2 — Stakeholder

3. Where/When?

Quando:

  • Ao organizar a rotina dos preparos que serão feitos durante a semana;
  • Ao querer economizar evitando de comprar no mercado;
  • Ao querer ter produtos frescos e escolhidos de forma mais assertiva;
Jornada do Usuário

4. What?

A solução para feiras livres já é existente, mas não apresenta ferramentas atrativas e bem exploradas. Os sites e aplicativos não tem um design convidativo, possuem uma usabilidade confusa e/ou prendem o usuário a fazer uma compra fechada em cestas com poucos itens e preços unitários muito acima dos praticados nas feiras livres e mercados locais.

Aplicativo Mobile — Da Feira Delivery.
Aplicativo Desktop — Da Feira Delivery.
Wireframes baixa fidelidade — Desktop
Wireframes média fidelidade — Desktop
Wireframes média fidelidade — Desktop e Responsivo
Guia de Estilo
Landing page versão desktop.
Mapa de uso.

5. How?

5.1. Métricas de sucesso

  • Se a ferramenta passa a confiança para que o usuário conclua a compra.
  • Atrair estabelecimentos locais que sejam de grande confiança dos usuários, através de relaxamento de percentuais sobre vendas.
  • Avaliar a frequência que os usuários ativos utilizam o produto ou retornam a utilizá-lo.
  • O uso de mapa de calor para identificar o escaneamento do usuário e os item mais utilizados na ferramenta para otimização.
  • Realizar testes A/B para melhorar a conversão da ferramenta.
  • Card Sorting para melhoria de menus e seções.

Conclusão

Foram algumas semanas de aprendizado e mão na massa. O tema proposto para o desafio nos proporcionou sair da caixa, discutir e propor uma solução para que esses tempos difíceis sejam enfrentados da melhor forma possível.

UX/UI — Front end

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store