O aplicativo que te ajuda a economizar nas suas compras de supermercado.
O aplicativo Smartmercado, possibilita ao usuário encontrar produtos com o preço mais barato perto da sua localização. Através do sistema de escaneamento de nota fiscal, o valor dos produtos são atualizados em tempo real, facilitando a busca por ofertas e promoções, tornando- se um processo 100% colaborativo e eficiente na busca por economia.
Trabalhei em todos os aspectos do desenvolvimento do projeto, incluindo pesquisa e estratégia de UX, prototipagem, UI Design, testes de usabilidade e iterações.
Com o preço dos alimentos cada vez mais caros nos supermercados, nosso poder de compra vem diminuindo cada vez mais, impactando muitas das vezes nossas escolhas na hora de fazer as compras do mês. As principais mudanças na hora das compras foram:
Entregar uma solução colaborativa que permita que todas as pessoas interessadas em economizar nas compras de mercado encontrem preços atualizados para tomar decisões de compra, facilitando assim o acesso a informações sobre promoções, ofertas e aumento nos preços de produtos sem precisar sair de casa ou acessar vários meios de busca para pesquisar.
“Como poderíamos fazer com que os usuários ganhassem tempo na hora de pesquisar e comprar itens de mercado de maneira mais eficiente?”
Definido o problema, parti então para o processo de design, no qual será utilizado o Diamante duplo.
O primeiro passo para entender nosso lugar no mercado e onde seria o nosso ponto de partida, foi através da análise de competidores, para isso foram analisados tanto competidores diretos, quanto indiretos.
Com base na análise de competidores, pude extrair muitos insights através das avaliações dos usuários dos aplicativos, o que contribuiu para o processo de descoberta.
Através do agrupamento desses insights, temos alguns pontos cruciais que nos indicaram o que funciona e o que não funciona em nossos competidores, abrindo assim uma vantagem competitiva do negócio. Abaixo estão algumas falas dos usuários:
Com o intuito de estudar as necessidades dos usuários, surgiram algumas dúvidas, que podem ser vistas através da Matriz CSD, que nos guiará para as certezas ao longo do projeto. Com base nisso, seguimos para a pesquisa quantitativa e qualitativa.
Com base na matriz acima, algumas dúvidas foram levantadas, então com base nelas, formulei um questionário com 7 perguntas (4 quantitativas e 3 qualitativas) para entender como nossos usuários se comportam. O grupo pesquisado, foram pessoas de qualquer idade, sexo ou classe social, mas que tinham em comum um objetivo: economizar em compras de supermercado.
💡 Resultado da pesquisa quantitativa:
💡 Resultado da pesquisa qualitativa:
💡 O que podemos concluir desses dados é que:
A maior parte das pessoas que tem interesse em economizar, apesar de acompanhar os preços e mudar suas escolhas, tem dificuldade em buscar itens mais baratos por não encontrarem essa informação centralizada, o que acaba demandando mais tempo na hora da busca.
Para visualização das ações que os usuários tomariam ao utilizar o aplicativo em uma linha do tempo pré-determinada, fiz o mapa da jornada do usuário.
Após encontrar uma ampla gama de ideias, o método MoSCoW, me ajudará a priorizar e definir as funcionalidades e recursos essenciais ao projeto.
Definido todos os pontos de contato do usuário com o negócio, o Wireframe foi pensado para construir a estrutura e arquitetura da informação e só então ir para o visual e as interações.Primeiro foi feito o rabiscoframe, afim de criar de modo mais rápido e dinâmico as funções que o aplicativo deveria ter.
Após expor todas as ideias no rabiscoframe, parti então para o wireframe de média fidelidade.Neste momento pude revisar o fluxo, alinhando a expectativa do negócio com a do usuário, além de otimizar a navegação, tornando a comunicação do app mais próxima dos aplicativos que estamos mais familiarizados.
Conectando pela primeira vez, aparecerá uma tela de boas-vindas explicando como funciona o aplicativo. A seguir, o usuário poderá se cadastrar com o e-mail, ou pelo login social.
Após o login, o usuário entrará na página inicial do App.
Cenário 1:
Buscar o produto pelo nome, o usuário pode escolher entre o filtro de distância ou menor preço.
Cenário 2:
Buscar o produto pelo código de barras. Irá mostrar onde o usuário pode encontrar o produto que procura mais barato.
Cenário 3:
Escolher e adicionar à lista de compras as ofertas adicionadas nas últimas 24 horas diretamente da página inicial.
Após a lista de compras estar concluída, pode-se selecionar em qual supermercado o usuário quer realizar suas compras com os preços atualizados e somados. Ainda nessa tela, é possível compartilhar a lista de compras com alguém e ir removendo itens à medida que esses forem comprados.
No perfil, é possível visualizar as notas fiscais enviadas anteriormente, tanto para monitorar o preço ou apenas consulta pessoal afim de controle financeiro.
Ao scanear a nota fiscal, o usuário recebe uma mensagem de agradecimento como forma de incentivo.
Após definir o design da interface do aplicativo e com o protótipo criado, conduzi um teste de usabilidade moderado presencialmente para validar as propostas sugeridas no aplicativo.
Participaram do teste de usabilidade 5 usuários entre 18 e 60 anos e foram propostas algumas tarefas a serem executadas.
📝 Tarefas:
1. Criar uma conta no aplicativo.
2. Como você encontraria o Arroz Integral Cozido Vapza no supermercado em que o preço está mais barato?
3. Como você realizaria uma busca de produto pelo código de barras?
4. Como você acessaria a sua lista de compras no aplicativo?
5. Depois de realizar as compras no supermercado, como você enviaria uma nota fiscal no aplicativo?
💡 Soluções propostas:
Após o teste de usabilidade pude constatar que a maior parte dos usuários, sentiram dificuldade em realizar a busca pelo código de barras pois não o encontravam com facilidade, então propus que a ferramenta estivesse mais explícita no momento da busca.
Após a alteração no design, em novo teste de usabilidade, todos os usuários conseguiram realizar a mesma tarefa com a taxa de tempo de resposta reduzida.As alterações de design foram validadas com sucesso por usuários e nenhum outro ponto de dor foi identificado durante este estudo.
O Smartmercado foi o meu primeiro projeto de UX/ UI design, onde tive a oportunidade de usar todos os meus conhecimentos adquiridos através de cursos e testá-los na prática, essas atividades me trouxeram experiências valiosas e melhoraram minha capacidade de me comunicar com outras pessoas.
O objetivo a seguir é conseguir recursos para tornar o Smartmercado um projeto real e disponibilizar o app na loja de aplicativos para conduzir mais pesquisas e identificar novas áreas de necessidades e oportunidades expandindo assim o seu alcance e a sua base de dados.
