28 de jun. de 2023
Project Overview
Como utilizei UX Design para simplificar o processo de análise de dados e tornar a vida do time de suporte mais fácil.
Fui contratado como freelancer para uma empresa, pra fazer um projeto bem específico.
Esse projeto é sobre o redesign de uma feature de análise de notificações de produto.
Empresa: Spot by Falconi
My Role
Neste projeto, atuei em todas as frentes, desde o discovery e research até a parte de UI e prototipação.
Design Process
Passei por todas as 5 etapas da metodologia do Design Thinking nesse projeto. As etapas do Design Thinking são:
Empathize
Define
Ideate
Prototype
Test
Design Toolkit
Para esse projeto utilizei o Figma, Miro e o Maze.
Contexto
O produto Spot é uma ferramenta que utiliza Inteligência Artificial para monitorar produtos e lojas e, a partir dessa análise, notifica seus usuários com informes sobre possíveis problemas e sugestões de possíveis soluções para eles.
O produto tem uma feature para uso de sua equipe interna que serve para analisar as notificações enviadas para os usuários a fim de verificar sua qualidade, gerar relatórios e se necessário solicitar a calibração do algoritmo.
Os usuários dessa feature tinham muita dificuldade para encontrar, comparar e filtrar notificações. A maioria do processo de busca era feito com base na sorte e cruzamento de dados com planilhas externas.
Através de pesquisas, entrevistas, técnicas de prototipação e validação foi desenvolvida uma feature que tornou o processo de busca por notificações mais rápido, eficiente e menos aleatório, o que impactou positivamente a rotina dos usuários
Como era a ferramenta
A feature de validação era dividida em três principais áreas:
Filtros utilizados para selecionar notificações.
Informações gerais com informações básicas do produto e dados que ajudam a classificar a qualidade da notificação.
Gráficos - segundo os usuários os principais itens a serem analisados. Ao cruzar as informações desses gráficos é possível ter insights do que pode estar afetando as vendas do produto.
Para encontrar uma notificação o usuário precisava buscá-la através de uma série filtros correlacionados entre si. Era obrigatório selecionar todos eles, por mais irrelevantes ou repetitivos que fossem.
As notificações eram exibidas dentro de um dropdown e o usuário não tinha pista alguma do que encontraria dentro delas. Navegar entre as notificações era demorado. Compará-las era impossível.
Resolvendo o problema
O primeiro passo em qualquer projeto é entender o problema a ser resolvido. Para isso, nós, Product Designers contam com diversas ferramentas.
Como no caso desse processo os usuários eram de fácil acesso e contato, a ferramenta escolhida para esse projeto foi a “pesquisa semi-estruturada”. Durante as entrevistas busquei entender como era a rotina dos usuários, suas principais dores e necessidades.
Hipóteses
Essas descobertas geraram hipóteses que foram utilizadas como base para a criação dos primeiros protótipos.
Esses pontos foram validados com alguns usuários e em seguidas apresentados para o time de produto.
Prototipação
Com base nas hipoteses levantadas gerei um esboço inicial do que viria ser o sistema. Utilizou-se prints da versão antiga da feature e ferramentas de forma, texto e ícones no Figma para ilustrar essa ideia.
Buscou-se:
Reduzir o número de filtros necessários para começar a navegar entre as notificações;
Transformar filtragens de uso recorrente de uso em padrão;
Facilitar a comparação de notificações por meio de tabs;
Exibir as notificações no formato de card. Esses tem informações básicas prévias sobre o que o usuário vai encontrar na notificação, tornando sua experiência de busca menos aleatória;
Com base nos critérios mentais que os usuários utilizavam para definir o que era uma notificação relevante, propus um sistema de filtragem que exibisse as notificações por ordem de relevância.
Apresentei o esboço inicial para alguns usuários-chave e com base em seus feedbacks, construí as próximas versões de protótipo.
Após algumas rodadas de validação de protótipo onde questões de usabilidade e valor da feature foram validadas, chegou-se a sua versão final.
Resultado Final
✅ O fluxo de busca por notificações ficou mais simples. Agora os usuários só precisam inserir duas informações básicas para começarem a analisar os dados.
✅ As notificações são ordenadas e exibidas com base em critérios objetivos que permitem entender o que é mais e menos relevante.
✅ O filtro “Problema” que antes era pré-requisito obrigatório para iniciar uma busca agora vem já pré-configurado com a configuração mais comum e cabe ao usuário, se achar necessário, alterar essas informações.
✅ A hierarquia da informação e layout dos detalhes da notificação foram redesenhados de modo a tornar a experiência de consumo dos dados por parte do usuário melhor.
✅ Os gráficos “Evolução de vendas”, “Evolução de estoque” e “Evolução de preços” agora exibem dados antes da notificação e após ela, permitindo ao usuário acompanhar os resultados. Foi feita uma divisão visual por cor para facilitar comparar o antes e o depois.
✅ O usuário pode abrir os detalhes de uma notificação em uma nova janela, permitindo a melhor visualização dos dados.
✅ O usuário pode gerar um PDF ou PNG de uma notificação para inseri-la rapidamente em uma apresentação.
Considerações finais
Esse projeto causou um impacto muito positivo na rotina dos usuários. Estes ganharam mais agilidade no seu trabalho, gerando economia de tempo e, por consequência, dinheiro. Os impactos psicológicos também foram muito relevantes, o processo se tornou menos estressante, já que agora o uso da ferramenta ficou menos “aleatório”.
Com base nas melhorias implementadas na funcionalidade de notificações, é possível perceber uma evolução significativa na experiência do usuário ao buscar e analisar informações. A simplificação do fluxo de busca, a ordenação objetiva das notificações, a pré-configuração dos filtros mais comuns foram alguns dos principais fatores que contribuíram para essa evolução.
Além disso, a inclusão de gráficos que permitem visualizar a evolução dos dados antes e depois da notificação, a possibilidade de abrir detalhes em uma nova janela e gerar um PDF ou PNG para apresentação são funcionalidades que adicionam valor ao usuário e permitem um melhor uso das informações.
Todos esses fatores contribuíram para uma experiência mais eficiente e satisfatória no uso da plataforma.
Obrigado por ler até aqui! 😊