iDespensa: a sua despensa inteligente

Patricia Vilar
5 min readDec 13, 2022

--

Um mini case de UX e UI Design para oferecer uma boa experiência no controle do estoque da despensa.

Fundo verde com a foto de um celular em duas prespectivas diferentes cada um com uma tela do aplicativo proposto, ao lado, o logo escrito iDespensa.

Este mini case foi desenvolvido como parte de um processo seletivo com o prazo total de 5 dias para execução.

Escolha do case

Das duas opções sugeridas pelo recrutador escolhi o tema 1:

Nossa cliente Luiza é responsável pelas compras do mês de sua família, mas não consegue verificar constantemente os produtos que faltam em sua casa.
Portanto acaba indo as compras sem saber exatamente o que comprar e muitas vezes percebe que esqueceu de algo ao chegar em casa.

Motivos da escolha

  • Identificação com a cliente (Luiza);
  • Relevância do tema considerando a alta da inflação no país;
  • Poucos aplicativos no mercado com foco no controle de despensa.

Processos e entregáveis

Processo de Design Thinking: empatia, definição, ideação, prototipação e testes.
Design Thinking na Prática, 2020.

Design Thinking foi o processo escolhido para guiar o desenvolvimento deste mini case no prazo estipulado. Os seguintes entregáveis foram criados:

  • Quadro de Modelo de Negócios (Business Model Canvas);
  • Matriz CSD (Certezas, Suposições e Dúvidas);
  • Matriz de Impacto x Esforço;
  • Compilado das principais descobertas das pesquisas secundárias e primárias;
  • Protótipo em baixa e alta fidelidade.

Cenário atual

O Relatório da Organização para a Cooperação e Desenvolvimento Econômico (OCDE) afirma que a inflação do Brasil se encontra entre as maiores do mundo, essa alta nos preços, segundo pesquisa realizada pelo Estadão, faz com que o consumidor deixe no caixa ou reduza a aquisição de itens considerados de alimentação básica, o mesmo relatório também alerta sobre o fato das compras impulsivas no supermercado aumentarem o valor final pago.

No decorrer deste case, foi verificado que as pessoas possuem dificuldades em realizar o controle de estoque em sua despensa o que gera compras duplicadas, desperdício e claro, um aumento de gastos desnecessários.

Com o cenário atual apresentado se torna imprescindível saber economizar para garantir a alimentação de todos de forma prática e eficaz.

Alguns comentários retirados do Youtube onde as pessoas informam que esquecem ou compram duplicados os itens na hora das compras no supermercado e sobre a validade dos itens na despensa.
Alguns dos comentários extraídos de canais de Youtube voltados a organização do lar.
Dados anonimizados de acordo com a Lei Geral de Proteção de Dados (LGPD).
Desafio: “Como podemos oferecer uma boa experiência para o controle de estoque da despensa?”

A proposta

Logo iDespensa escrito em verde com a letra “i” dividida em três cores, vermelho na base, amarelo no meio e verde no topo. Abaixo o slogan: “A sua despensa inteligente.”

Criar um aplicativo para controle de despensa com método semelhante ao kanban, dessa forma mantendo o usuário sempre ciente da quantidade de itens que possui e da necessidade de reposição em tempo real, de forma rápida, prática e na palma de sua mão.

Objetivos a serem atingidos

  • Reduzir 20% dos gastos desnecessários;
  • Otimizar o tempo do cliente no mercado;
  • Zerar os itens esquecidos ou duplicados na compra.

Por falta de uma linha de base, revisaremos se estamos atingindo os objetivo a cada 3 meses até julho de 2023.

Imagem com post-its desfocados em um fundo verde, no centro dentro de uma faixa branca o texto em verde “Como foi o processo até chegar nessa proposta…”

Quadro de Modelo de Negócios (Business Model Canvas)

Utilizei o modelo de negócios para ter uma maior compreensão dos pontos estratégicos e como extrair o melhor deles.

Quadro estratégico do negócio que apresenta parcerias e atividades-chave, proposta de valor, relacionamento e canais de contato com o cliente, segmentação do cliente, estrutura de custos e fonte de receita.

Benchmarking

Para entender mais o mercado realizei uma análise dos comentários e das principais funcionalidades contidas em aplicativos de despensa e de controle de estoque no geral com grande quantidade de downloads na Play Store.

“…Saber o que tem no estoque ajuda muito quando vamos ao mercado assim não esquecemos e nem compramos o que já temos…”
Comentário de usuária

Principais descobertas negativas

  • Ausência/problemas na visualização de itens que estão para vencer;
  • Falta de sincronização da lista de compras com a despensa;
  • Dificuldade de preenchimento dos campos;
  • Impossibilidade de inserir validades diferentes no mesmo tipo de item.

Principais descobertas positivas

  • Funcionalidade de scanner;
  • Histórico de compras;
  • Separação por categorias;
  • Lista de compras com somatória de valor.

As descobertas negativas se tornam oportunidades a serem trabalhadas e as positivas a serem mantidas pela boa aceitação do público alvo.

Matriz CSD

As certezas, suposições e dúvidas foram categorizadas na Matriz CSD para visualizar as informações que eram mais relevantes e as que ainda precisavam ser esclarecidas.

Três boxes separados e dentro de cada um há diversos post-its com afirmações, suposições e dúvidas.
Fontes: *Estudo da jornada de compra do consumidor omnichannel (SBVC/Qualibest), **Pesquisa sobre Movimentação de Caixa de Supermercado (Estadão/Nextop).

Entrevistas qualitativas

Realizei cinco entrevistas qualitativas semi-estruturadas para validar e invalidar hipóteses levantadas na Matriz CSD.
O principal objetivo foi compreender como ocorre o controle de estoque atualmente e as principais dificuldades com relação a isso.

Principais descobertas

Ilustrações representando algumas descobertas e abaixo a frase em destaque como resumo: “Oferecer a possibilidade para a pessoa se precaver com controle de quantidades, validades e valores em tempo real.”

Matriz de impacto x esforço

Trabalhei a priorização das funcionalidades buscando gerar impacto ao negócio e ao cliente sem demandar um esforço excessivo para o desenvolvimento, focando no mínimo produto viável.

Matriz representando a priorização das ideias considerando o impacto e esforço que cada uma oferece.

Priorizadas: Alto impacto/Baixo esforço

  • São funções de alto impacto porque conforme identificado nas pesquisas se bem implementadas podem melhorar a experiência do usuário e gerar adesão.
  • Exigem baixo esforço, pois são fáceis de implementar e algumas já existem em aplicativos semelhantes, mas estão mal executadas.

O scanner por item é uma implementação mais segura como mínimo produto viável por ser uma funcionalidade existente, contudo, o scanner por nota fiscal é uma opção promissora a ser estudada mais profundamente para um futura melhoria.

Protótipo em baixa

Para auxiliar na organização dos pensamentos trabalhei no papel com as ideias e criei as principais telas do protótipo em baixa, de acordo com as funcionalidades priorizadas anteriormente, nelas há algumas anotações para guiar a criação do protótipo em alta.

Protótipo desenhado a mão apresentando como seriam as principais telas e com algumas anotações de acessibilidade.

Protótipo em alta fidelidade

Utilizei o Figma para desenvolver todo o protótipo em alta fidelidade para os primeiros testes. Navegue aqui pelo protótipo e fique à vontade para deixar a sua opinião nos comentários.

Protótipo em alta sobre um fundo verde mostrando seis telas do aplicativo e abaixo a frase: “Mais controle e economia no seu dia a dia, chegou o iDespensa, a sua despensa inteligente.

Próximos passos

  • Realizar teste de usabilidade para validar a solução proposta;
  • Efetuar melhorias identificadas nos testes realizados;
  • Criar a tela de perfil;
  • Elaborar a documentação para o desenvolvimento considerando quesitos de acessibilidade;
  • Buscar parcerias com mercados;
  • Definir as métricas a serem utilizadas para acompanhar o crescimento do produto;
  • Realizar mais pesquisas e testes de forma iterativa, buscando reduzir riscos para o negócio e melhorar a experiência do usuário.

Considerações finais

Agradeço à empresa pela oportunidade de realizar esse mini case e pelas criticas positivas e construtivas repassadas, e também a você por ler até aqui, sinta-se à vontade para contribuir com o meu crescimento com a sua opinião.

Até breve.

Fotos utilizadas: Freepik e Unsplash
Ícones utilizados: Material Design

--

--