Redesenhando a experiência de análise de dados em um produto de BI
Cliente
Visão geral
A PariPassu é uma referência em tecnologia para o setor alimentício, do campo ao varejo. Seu produto de BI, o Panorama, centraliza dados de soluções próprias e de bases externas, transformando registros em indicadores e dashboards customizados para prevenção de perdas e tomada de decisão dos clientes.
Desafios
A proposta do Panorama era bem recebida pelos clientes, mas o produto real não entregava essa promessa com facilidade.
Curva de aprendizado alta:criar e filtrar indicadores era um processo confuso o suficiente para levar clientes a desistir no meio do caminho ou recorrer ao suporte só para montar os próprios painéis, o oposto do que uma ferramenta de BI deveria oferecer.
Interface sem direçao clara: ao abrir o sistema, o usuário caía direto no primeiro dashboard da lista, sem contexto do que estava vendo, o que gerava confusão e erros de edição logo no primeiro contato.
Meu papel
Atuei em UX e UI no redesign da interface, em parceria com outros dois designers, o que trouxe perspectivas diferentes para decisões importantes ao longo do processo.
Responsabilidades
Condução de pesquisas
Mapeamento de jornadas e personas
Estudos de usabilidade
Criação de wireframes e protótipos
Testes de usabilidades
Estruturação e manutenção de Design System
Objetivos
Melhorar a usabilidade da criação e filtragem de indicadores, reduzindo a curva de aprendizado do sistema.
Aumentar o uso autônomo da ferramenta pelos clientes, reduzindo a dependência do suporte para montar painéis.
Redesenhar a interface alterando o mínimo possível a estrutura de back-end já existente.
Pesquisa
com usuários
Entrevistamos usuários internos (time de Customer Success) e externos (analistas de qualidade e de dados), todos com pelo menos 6 meses de contato com o sistema. O objetivo foi entender a rotina de quem efetivamente opera a ferramenta no cotidiano, identificando quais indicadores acompanhavam e o que poderia ser simplificado no processo.
Principais problemas
Criação de indicadores pouco intuitiva
Apesar de ser uma ferramenta voltada a usuários experientes em BI, a baixa usabilidade no processo de criação e filtragem de indicadores gerava dificuldades recorrentes, levando muitos usuários a abandonar a tarefa ou recorrer ao suporte.
Página inicial sem contexto
O sistema não contava com uma página inicial levando o usuário diretamente para o primeiro dashboard da lista. Essa entrada abrupta gerava perda de contexto e edições acidentais em gráficos.
Mistura entre filtros globais e individuais
Não havia clareza visual para diferenciar os filtros que alteravam a tela inteira daqueles que impactavam apenas um gráfico específico, causando confusão no cruzamento de dados e geração de relatórios com resultados distorcidos.
Ausência de níveis de permissão e acesso
Não havia separação de perfis de usuários que visualizavam os dados daqueles que configuravas os painéis, o que resultava em inúmeras edições acidentais.
Proto-personas
A partir das entrevistas, e com apoio do time de Customer Success, mapeamos 5 perfis de usuário do Panorama: gestor, analista, operacional, Custumer Success e consultor.
Mapeamento de jornadas
Com base nas personas, estruturamos as jornadas atual e futura dos usuários. Esse mapeamento permitiu evidenciar onde o processo antigo travava e definir como deveria ser a nova experiência, garantindo um fluxo mais eficiente do início ao fim.
Análise de concorrentes e ferramentas similares
Analisamos concorrentes e ferramentas com funcionalidades semelhantes de criação de dashboards e análise de dados. Esse levantamento nos ajudou a identificar padrões, boas práticas e referências que orientaram a concepção do novo Panorama.
Análises da interface
Avaliamos a interface, as interações e a usabilidade da versão anterior. A análise revelou inconsistências de usabilidade, excesso de informações e falta de hierarquia visual e áreas de respiro, comprometendo a experiência de uso.
Soluções
A solução focou na concepção de uma nova interface, priorizando a autonomia do usuário e a clareza visual. Nela combinamos uma nova arquitetura da informação, fluxos simplificados e componentes reutilizáveis para a criação e o acompanhamento de indicadores.
Design System
Definição de padrões e desenvolvimento de um Design System escalável
O Panorama foi o primeiro produto da PariPassu a passar por um redesign completo. Aproveitamos essa oportunidade para construir um Design System escalável do zero. Essa estrutura inicial não apenas sustentou a nova interface do Panorama, mas continuou evoluindo e serviu como base padronizada para o redesenho de todos os outros produtos da empresa.
Wireframes
Estruturando a experiência e testanto com usuários.
Desenvolvemos wireframes para validar os fluxos e a estrutura da solução e para aplicação de testes de usabilidade. Eles também serviram para alinhar as propostas com o time de engenharia, garantindo a viabilidade técnica antes do desenvolvimento.
Página inicial
Uma home com contexto, no lugar de um dashboard aleatório
Criamos uma página inicial organizada, apresentando os módulos contratados e não contratados pelo cliente, o que também abriu espaço para um processo de upsell dentro da própria ferramenta.
Reestruturação dos filtros
Separação clara entre filtros globais e filtros individuais
Redefinimos a hierarquia entre filtros globais e individuais na UI, utilizando alertas e estados contextuais para evitar edições acidentais. Além disso, criamos níveis de permissão que diferenciam quem apenas visualiza e ajusta parâmetros de filtros de quem tem acesso para criar e editar.
Legibilidade dos gráficos
Mais respiro e mais contraste nos dashboards
Ampliamos o respiro entre os painéis e reorganizamos os comandos para evidenciar o escopo de cada ação. Para garantir contraste e legibilidade, as labels agora ajustam sua cor ao fundo do gráfico. Além disso, destacamos os botões primários e recolhemos as ações secundárias em menus, limpando a interface.
Resultado
Com base em pesquisas, dados de uso do sistema e informações do suporte, conseguimos alinhar com os stakeholders a necessidade e os benefícios das mudanças propostas, o que ajudou a validar a nova interface antes mesmo do lançamento.
Impactos
Os usuários apontaram a interface visivelmente mais leve, intuitiva e fluida. A página inicial trouxe contexto permitindo a navegação clara ao dashboard desejado, enquanto o uso de padrões visuais familiares facilitou a adaptação dos usuários e reduziu a curva de aprendizado.
A separação clara entre filtros globais e individuais melhorou a performance da plataforma e eliminou erros de aplicação. Essa mudança reduziu drasticamente os chamados ao suporte por relatórios com dados distorcidos.
A nova estrutura de permissões garantiu mais segurança na gestão de dados. Essa mudança reduziu os casos de alterações equivocadas nas métricas, garantindo análises e relatórios confiáveis para os usuários.
Próximos passos
Acompanhar frequência de uso e quantidade de indicadores criados de forma autônoma como métricas de sucesso
Simplificação no cruzamento de dados: Reorganizar a estrutura das fontes para diminuir o esforço cognitivo do usuário ao interpretar e correlacionar métricas.
IA aplicada à prevenção: Integrar inteligência artificial no fluxo de análise para identificar padrões, potencializando a capacidade do usuário em prever perdas de forma proativa.