Pesquisa de experiência do usuário: Catálogo de fertilizantes

Reorganização da arquitetura de informações na página do catálogo de fertilizantes, adicionando preços de produtos

Função

Designer de produtos

Função

Designer de produtos

Função

Designer de produtos

Setor

Agricultura

Setor

Agricultura

Setor

Agricultura

Duração

3 meses (2023)

Duração

3 meses (2023)

Duração

3 meses (2023)

1
1
1

Etapa 1. Análise e kick-off

  • O estágio inicial envolveu uma análise completa das telas do catálogo existente, que anteriormente não exibia informações sobre preços. Essa fase incluiu a revisão do design antigo para entender a experiência do usuário mapeada e o alinhamento com as partes interessadas.

  • A meta era compreender os objetivos comerciais e as necessidades de experiência do cliente, garantindo que o redesenho da página do catálogo, incluindo a adição de preços de produtos, atendesse a todos os requisitos.

Etapa 2. Workshop de ideação

  • Para obter uma compreensão mais profunda das regras comerciais, organizei um workshop de ideação colaborativa usando o Miro. As partes interessadas foram divididas em dois grupos e tiveram 30 minutos para fazer um brainstorming e projetar a integração das informações sobre preços nas telas do catálogo existente.

  • Esse exercício teve como objetivo manter os padrões arquitetônicos atuais e incorporar novos detalhes de preços. Os 30 minutos restantes foram dedicados à apresentação de ideias e à discussão das próximas etapas.

  • Essa sessão gerou feedbacks valiosos e permitiu o refinamento de conceitos por meio de contribuições colaborativas.

Etapa 3. Wireframes e prototipagem

  • Após a fase de ideação, criei wireframes de baixa fidelidade no Miro, que depois foram desenvolvidos em protótipos interativos no Figma.

Etapa 4. Teste de usabilidade

Como funciona:
  • Para validar esses projetos, agendei entrevistas com consultores de vendas e especialistas em soluções para obter suas percepções sobre o impacto da inclusão de informações sobre preços.

  • O teste de usuário envolveu seis participantes e teve como objetivo avaliar como a adição de preços visíveis, incluindo termos como "preço à vista" e "preço parcelado", afetaria suas tarefas diárias. Foi realizada uma pesquisa de satisfação para medir quantitativamente suas experiências e obter feedback sobre a usabilidade.

Processo passo a passo:
  1. Preparou e documentou um relatório de teste de usabilidade remota.

  2. Recrutou participantes para o teste.

  3. Conduziu os testes e analisou os resultados.

  4. Descobertas e percepções documentadas.

Resultados obtidos:
  • Os testes de usabilidade produziram resultados positivos, apesar da disponibilidade limitada de participantes durante o período de fim de ano. Quatro usuários classificaram a interface atualizada do catálogo com um 5 no Customer Effort Score (CES), indicando que o fluxo melhorou significativamente a experiência deles.

  • Um usuário deu nota 4 e sugeriu a incorporação de recursos visuais, como gráficos, para diferenciar melhor os produtos. Com base nesse feedback, refinei o protótipo antes de concluir a transferência para a equipe de desenvolvimento.

Etapa 1. Análise e kick-off

  • O estágio inicial envolveu uma análise completa das telas do catálogo existente, que anteriormente não exibia informações sobre preços. Essa fase incluiu a revisão do design antigo para entender a experiência do usuário mapeada e o alinhamento com as partes interessadas.

  • A meta era compreender os objetivos comerciais e as necessidades de experiência do cliente, garantindo que o redesenho da página do catálogo, incluindo a adição de preços de produtos, atendesse a todos os requisitos.

Etapa 2. Workshop de ideação

  • Para obter uma compreensão mais profunda das regras comerciais, organizei um workshop de ideação colaborativa usando o Miro. As partes interessadas foram divididas em dois grupos e tiveram 30 minutos para fazer um brainstorming e projetar a integração das informações sobre preços nas telas do catálogo existente.

  • Esse exercício teve como objetivo manter os padrões arquitetônicos atuais e incorporar novos detalhes de preços. Os 30 minutos restantes foram dedicados à apresentação de ideias e à discussão das próximas etapas.

  • Essa sessão gerou feedbacks valiosos e permitiu o refinamento de conceitos por meio de contribuições colaborativas.

Etapa 3. Wireframes e prototipagem

  • Após a fase de ideação, criei wireframes de baixa fidelidade no Miro, que depois foram desenvolvidos em protótipos interativos no Figma.

Etapa 4. Teste de usabilidade

Como funciona:
  • Para validar esses projetos, agendei entrevistas com consultores de vendas e especialistas em soluções para obter suas percepções sobre o impacto da inclusão de informações sobre preços.

  • O teste de usuário envolveu seis participantes e teve como objetivo avaliar como a adição de preços visíveis, incluindo termos como "preço à vista" e "preço parcelado", afetaria suas tarefas diárias. Foi realizada uma pesquisa de satisfação para medir quantitativamente suas experiências e obter feedback sobre a usabilidade.

Processo passo a passo:
  1. Preparou e documentou um relatório de teste de usabilidade remota.

  2. Recrutou participantes para o teste.

  3. Conduziu os testes e analisou os resultados.

  4. Descobertas e percepções documentadas.

Resultados obtidos:
  • Os testes de usabilidade produziram resultados positivos, apesar da disponibilidade limitada de participantes durante o período de fim de ano. Quatro usuários classificaram a interface atualizada do catálogo com um 5 no Customer Effort Score (CES), indicando que o fluxo melhorou significativamente a experiência deles.

  • Um usuário deu nota 4 e sugeriu a incorporação de recursos visuais, como gráficos, para diferenciar melhor os produtos. Com base nesse feedback, refinei o protótipo antes de concluir a transferência para a equipe de desenvolvimento.

oficina
oficina
oficina
2
2
2

Etapa 4. Apresentação final e entrega

  • Compilou e apresentou um relatório completo do projeto à equipe de estágio e às partes interessadas, detalhando o processo de design, os resultados dos testes com usuários e o design final do aplicativo. A apresentação destacou o potencial do aplicativo para promover conexões sociais por meio de experiências compartilhadas.

  • Preparou e entregou especificações de design e ativos para a equipe de desenvolvimento, garantindo uma transferência tranquila e fornecendo suporte durante os estágios iniciais do desenvolvimento do aplicativo.

fio
fio
fio
móvel
móvel
móvel
desktop
desktop
desktop

Reflexões

Esse projeto foi uma oportunidade incrível de trabalhar com vendas e e-commerce. E o teste foi crucial para priorizar melhorias, pois consegui entregar o que os usuários precisavam na primeira etapa (dividimos em diferentes versões).

Também consegui entregar o projeto para refinamento antes mesmo do início do planejamento da próxima safra de soja, o que era esperado, ajudando-os a recomendar os melhores fertilizantes.

Mais detalhes (sem conteúdo confidencial)

Quer saber mais sobre esse projeto? E ver o protótipo com cores e dados reais? Entre em contato comigo.

Reflexões

Esse projeto foi uma oportunidade incrível de trabalhar com vendas e e-commerce. E o teste foi crucial para priorizar melhorias, pois consegui entregar o que os usuários precisavam na primeira etapa (dividimos em diferentes versões).

Também consegui entregar o projeto para refinamento antes mesmo do início do planejamento da próxima safra de soja, o que era esperado, ajudando-os a recomendar os melhores fertilizantes.

Mais detalhes (sem conteúdo confidencial)

Quer saber mais sobre esse projeto? E ver o protótipo com cores e dados reais? Entre em contato comigo.

Outros projetos