On The Go – Consumer Insights Platform
On The Go – Consumer Insights Platform
Transformando dados em Ouro.
Transformando dados em Ouro.
Ajudando clientes a extrair Insights repensando a experiência de Filtragem.
Ajudando clientes a extrair Insights repensando a experiência de Filtragem.
Resumo
Reformulação da ferramenta de filtragem e criação da nova capacidade de aplicar múltiplos filtros simultaneamente na página de relatórios.
Meu papel
Atuei como Product Designer, sendo responsável pela concepção da nova funcionalidade de filtros comparativos. Minhas principais atividades incluíram:
Discovery & Research: Pesquisas com usuários para identificar necessidades e pontos de melhoria na experiência de filtragem de dados.
Prototipagem e High Fidelity: Desenvolvi protótipos navegáveis e de alta fidelidade utilizando o Figma, garantindo uma representação precisa das interfaces propostas.
Testes com Usuários: Conduzi sessões de testes com usuários para validar as hipóteses levantadas e assegurar que a nova funcionalidade de filtros simultâneos fosse intuitiva e eficaz.
Apoio durante o Desenvolvimento e QA: Durante as fases de desenvolvimento forneci suporte à equipe de engenharia. Dada a complexidade da funcionalidade, fui encarregado do processo de Quality Assurance da filtragem múltipla, validando sua precisão e garantindo uma entrega final confiável.
Produto
Dashboard on the go
Entregáveis
Sistema de filtragem e Filtros comparativos
Ferramentas
Figma
Time
1 Product Designer
1 Front-End Developer
1 Back-end Developer
1 Product Manager
Habilidades
Design Thinking
ux/ui design
wireframing
user testing
interface prototype
user research
Sobre.
On The Go é uma plataforma de pesquisa de mercado para investigar problemas no negócio e conhecer seus clientes através de pesquisas quanti.
Jornada Cliente
On The Go.
Jornada Cliente
On The Go.
Briefing da Pesquisa.
Briefing da Pesquisa.
Briefing da Pesquisa.
Criação do Roteiro.
Criação do Roteiro.
Criação do Roteiro.
Coleta de respostas.
Coleta de respostas.
Coleta de respostas.
[04]
Análise & Resultados.
Focamos em resolver alguns problemas de usabilidade já conhecidos na página de Relatórios. E também realizar um dos principais desejos dos clientes…
"
Posso comparar mais de uma filtragem ao mesmo tempo?"
"Posso comparar mais de uma filtragem ao mesmo tempo?"
Posso comparar mais de uma filtragem ao mesmo tempo?"
[página de relatórios]
Como funciona hoje.
Como
funciona hoje.
A página de relatórios traz os gráficos de cada pergunta, com os resultados das respostas coletadas.
No entanto, só é possível fazer apenas uma única filtragem por vez.
Ter uma única filtragem ativa por vez é um processo lento.
Ter uma única filtragem ativa por vez é um processo lento.
Isso dificulta a análise dos dados, e pelo esforço exigido o usuário prefere usar outras ferramentas.
Olhar simultaneamente as respostas de dois ou mais públicos é ouro ✨
Olhar simultaneamente as respostas de dois ou mais públicos é ouro ✨
Olhar simultaneamente as respostas de dois ou mais públicos é ouro ✨
Hipóteses.
Mas antes de criar a nova feature, precisávamos validar algumas hipóteses com os clientes.
Mas antes de criar a nova feature, precisávamos validar algumas hipóteses com os clientes.
[hipótese #1]
A interface permite distinguir visualmente a existência de filtros individuais que podem ser aplicados simultaneamente.
[hipótese #2]
A interface mostra gráficos que continuam claros e fáceis de entender mesmo quando vários filtros são usados ao mesmo tempo.
Testes com usuários.
Recrutamos 5 clientes para testar um protótipo simulando a criação de filtros simultâneos para validar se os usuários conseguiam executar algumas ações.
Recrutamos 5 clientes para testar um protótipo simulando a criação de filtros simultâneos para validar se os usuários conseguiam executar algumas ações.
[task #01]
Criar múltiplos filtros.
[task #03]
Interpretar valores nos gráficos com filtros simultâneos.
[task #03]
Responder corretamente os achados de cada filtragem.
Maior e menor valor;
Igual ou diferente;
De qual pertence o valor.
Resultados.
Validamos as hipóteses?
Sim! O grande AHA! moment acontecia quando o usuário tinha 2 ou mais filtros aplicados.
Comparar o que cada perfil respondeu, apontar diferenças e pontos fora da curva era o grande passo em direção à uma análise que gerava mais insights.
[Cores]
O color coding das barras nos gráficos foi vital para diferenciar com agilidade cada filtro.
"Ah tá, Agora entendi… Que legal isso!"
Porém, a percepção de valor da funcionalidade de filtros comparativos demorava a acontecer…
Como garantir que o usuário perceba a relevância da feature mais cedo?
Como garantir que o usuário perceba a relevância da feature mais cedo?
Redesenhando a experiência de filtragem.
Redesenhando a experiência de filtragem.
Os testes ajudam a ressaltar alguns problemas antigos no fluxo de filtragem.
Se o usuário não conseguia criar um único filtro na atual interface, imagine conseguir criar vários…
Os testes ajudam a ressaltar alguns problemas antigos no fluxo de filtragem.
Se o usuário não conseguia criar um único filtro na atual interface, imagine conseguir criar vários…
Anatomia do modal.
Anatomia
do modal.
[01]
Filtros favoritos.
Atalhos criados anteriormente e salvos para aplicar uma filtragem completa com apenas um clique.
[02]
Filtros rápidos.
Filtros de recortes demográficos da pesquisa para acesso rápido.
[03]
Filtragem por alternativas.
Filtrar pelo o que responderam ou não responderam os entrevistados para segmentar os perfis com a filtragem.
[01]
Filtros favoritos.
Atalhos criados anteriormente e salvos para aplicar uma filtragem completa com apenas um clique.
[02]
Filtros rápidos.
Filtros de recortes demográficos da pesquisa para acesso rápido.
[03]
Filtragem por alternativas.
Filtrar pelo o que responderam ou não responderam os entrevistados para segmentar os perfis com a filtragem.
[01]
Filtros favoritos.
Atalhos criados anteriormente e salvos para aplicar uma filtragem completa com apenas um clique.
[02]
Filtros rápidos.
Filtros de recortes demográficos da pesquisa para acesso rápido.
[03]
Filtragem por alternativas.
Filtrar pelo o que responderam ou não responderam os entrevistados para segmentar os perfis com a filtragem.
[Redesenhando]
Problemas.
Desconexão entre as 3 áreas
Não fica exatamente claro que é possível selecionar parâmetros em cada uma das 3 partes simultaneamente para criar um filtro completo.
Opções importantes escondidas
Por vezes as coisas ficam escondidas, se a Pesquisa tem mais que 5 filtros favoritos, adeus filtragem completa.
Quem não é visto, não é lembrado... ou nesse caso, usado.
Rolagem excessiva
Existe muito vai e volta de scroll pra criar um filtro.
É muito complexo ter uma visão completa da sua query de filtragem sem conseguir ver todas as suas seleções na tela.
E isso pode ser melhorado.
Desconexão entre as 3 áreas
Não fica exatamente claro que é possível selecionar parâmetros em cada uma das 3 partes simultaneamente para criar um filtro completo.
Opções importantes escondidas
Por vezes as coisas ficam escondidas, se a Pesquisa tem mais que 5 filtros favoritos, adeus filtragem completa.
Quem não é visto, não é lembrado... ou nesse caso, usado.
Rolagem excessiva
Existe muito vai e volta de scroll pra criar um filtro.
É muito complexo ter uma visão completa da sua query de filtragem sem conseguir ver todas as suas seleções na tela.
E isso pode ser melhorado.
Desconexão entre as 3 áreas
Não fica exatamente claro que é possível selecionar parâmetros em cada uma das 3 partes simultaneamente para criar um filtro completo.
Opções importantes escondidas
Por vezes as coisas ficam escondidas, se a Pesquisa tem mais que 5 filtros favoritos, adeus filtragem completa.
Quem não é visto, não é lembrado... ou nesse caso, usado.
Rolagem excessiva
Existe muito vai e volta de scroll pra criar um filtro.
É muito complexo ter uma visão completa da sua query de filtragem sem conseguir ver todas as suas seleções na tela.
E isso pode ser melhorado.
O esforço cognitivo que é usar o modal atual é um problema para manter o usuário na plataforma
O esforço cognitivo que é usar o modal atual é um problema para manter o usuário na plataforma
A tecnologia existe, mas a usabilidade precisava ser melhorada.
Ajudar o usuário removendo a fricção para criar filtragens e evitar a necessidade de ferramentas externas na análise de dados.
Ajudar o usuário removendo a fricção para criar filtragens e evitar a necessidade de ferramentas externas na análise de dados.
O novo modal de filtragem.✨
O novo modal
de filtragem. ✨
Antigo
NOVO ✨
Antigo
NOVO ✨
Antigo
NOVO ✨
Layout mais horizontal para minimizar o scroll durante o uso.
Filtragens por alternativa e filtros rápidos lado a lado para facilitar o uso simultâneo.
Na área de filtragem por alternativa, usei a mesma analogia visual de um fluxograma.
Linhas conectando as escolhas e criando um fluxo de condições ligadas em cascata.
Substituição do dropdown com muitas opções…
Substituição do dropdown com muitas opções…
Por um Switch com cliques mais ágeis e intuitivos, o que já começa a tornar a filtragem mais dinâmica e verbal.
Por um Switch com cliques mais ágeis e intuitivos, o que já começa a tornar a filtragem mais dinâmica e verbal.
Melhorias no dropdown de perguntas.
Ajustes de hierarquia entre os elementos e respiro entre perguntas.
Agora a filtragem aplicada fica toda em uma única tag de fácil acesso.
Validando as mudanças.
Validando as mudanças.
Nesse momento já tínhamos uma versão em funcionamento com todas as melhorias de usabilidade e ajustes da primeira rodada de testes.
Navegar no modal ficou mais intuitivo, mesmo com a grande mudança visual, era perceptível a agilidade no uso.
A mudança fez com que a ferramenta não fosse mais o principal esforço cognitivo do usuário, abrindo espaço para o que realmente importa.
A análise dos dados.
Algo que ajudou muito o modelo mental dos usuários era o poder de escolher cores para cada filtragem.
"Gostei muito de poder customizar as cores, principalmente para marcas, ajuda muito na visualização"
"Gostei muito de poder customizar as cores, principalmente para marcas, ajuda muito na visualização"
Mas como nem tudo são flores. Essa versão também trouxe problemas…
O principal problema dessa versão foi sem dúvidas a quantidade excessiva de scroll gerada nos gráficos comparativos.
Dataviz.
Ficava difícil responder com agilidade ou certeza qual era a maior barra nos gráficos.
Isso causava dúvida, muito vai e volta na navegação e o tempo de resposta decaia muito, para algo tão simples como dizer qual era o maior valor, isso se tornou problemático.
[problema 01]
Scroll excessivo.
[Problema 02]
Impossível olhar mais de 2 alternativas em tela ao mesmo tempo em cenários com muitos filtros.
[Problema 03]
Demora para encontrar respostas, demandando necessidade de memorizar valores.
Conseguir ver a maior parte de uma pergunta no mesmo espaço de tela
Conseguir ver a maior parte de uma pergunta no mesmo espaço de tela
Então… como deveriam ser os gráficos comparativos?
Então… como deveriam ser os gráficos comparativos?
Então… como deveriam ser os gráficos comparativos?
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
Agora, tudo junto.
Agora,
tudo junto.
Ajustes finais.
Ajustes finais.
Algumas últimas e breves melhorias de qualidade de vida e usabilidade.
Algumas últimas e breves melhorias de qualidade de vida e usabilidade.
Outro modelo mental que causou atrito foi a dificuldade de encontrar onde editar as filtragens já aplicadas.
Obviamente, como o único clique possível na antiga interface, os usuários tentavam procurar seus filtros aplicados nesse mesmo ambiente, e ao não encontrar isso quebrava muito o modelo mental aprendido.
A melhoria consistiu em trazer também os filtros aplicados para dentro do modal de filtragem em formato de abas para cada um.
Utilizando uma heurística conhecida de browsers web, cada filtro ficava separado em sua aba e com poderes de edição isolados caso o usuário precisasse modificá-los.
86%
dos usuários ativos passaram a aplicar filtros na plataforma, eliminando a necessidade de ferramentas externas.
O usuário ganhou mais agilidade e poder de análise dos dados.
Poder filtrar sem fricção na velocidade do pensamento, e focando no que realmente importa. encontrar ouro nos dados e transformar números em acionáveis para seus objetivos de negócio
Sobre.
On The Go é uma plataforma de pesquisa de mercado para investigar problemas no negócio e conhecer seus clientes através de pesquisas quanti.
Jornada Cliente
On The Go.
Briefing da Pesquisa.
Criação do Roteiro.
Coleta de respostas.
[04]
Análise & Resultados.
Focamos em resolver alguns problemas de usabilidade já conhecidos na página de Relatórios. E também realizar um dos principais desejos dos clientes…
"
Posso comparar mais de uma filtragem ao mesmo tempo?"
[página de relatórios]
Como funciona hoje.
A página de relatórios traz os gráficos de cada pergunta, com os resultados das respostas coletadas.
No entanto, só é possível fazer apenas uma única filtragem por vez.
Ter uma única filtragem ativa por vez é um processo lento.
Isso dificulta a análise dos dados, e pelo esforço exigido o usuário prefere usar outras ferramentas.
Olhar simultaneamente as respostas de dois ou mais públicos é ouro ✨
Hipóteses.
Mas antes de criar a nova feature, precisávamos validar algumas hipóteses com os clientes.
[hipótese #1]
A interface permite distinguir visualmente a existência de filtros individuais que podem ser aplicados simultaneamente.
[hipótese #2]
A interface mostra gráficos que continuam claros e fáceis de entender mesmo quando vários filtros são usados ao mesmo tempo.
Testes com usuários.
Recrutamos 5 clientes para testar um protótipo simulando a criação de filtros simultâneos para validar se os usuários conseguiam executar algumas ações.
[task #01]
Criar múltiplos filtros.
[task #03]
Interpretar valores nos gráficos com filtros simultâneos.
[task #03]
Responder corretamente os achados de cada filtragem.
Maior e menor valor;
Igual ou diferente;
De qual pertence o valor.
Resultados.
Validamos as hipóteses?
Sim! O grande AHA! moment acontecia quando o usuário tinha 2 ou mais filtros aplicados.
Comparar o que cada perfil respondeu, apontar diferenças e pontos fora da curva era o grande passo em direção à uma análise que gerava mais insights.
[Cores]
O color coding das barras nos gráficos foi vital para diferenciar com agilidade cada filtro.
"Ah tá, Agora entendi… Que legal isso!"
Porém, a percepção de valor da funcionalidade de filtros comparativos demorava a acontecer…
Como garantir que o usuário perceba a relevância da feature mais cedo?
Redesenhando a experiência de filtragem.
Os testes ajudam a ressaltar alguns problemas antigos no fluxo de filtragem.
Se o usuário não conseguia criar um único filtro na atual interface, imagine conseguir criar vários…
Anatomia do modal.
[01]
Filtros favoritos.
Atalhos criados anteriormente e salvos para aplicar uma filtragem completa com apenas um clique.
[02]
Filtros rápidos.
Filtros de recortes demográficos da pesquisa para acesso rápido.
[03]
Filtragem por alternativas.
Filtrar pelo o que responderam ou não responderam os entrevistados para segmentar os perfis com a filtragem.
[Redesenhando]
Problemas.
Desconexão entre as 3 áreas
Não fica exatamente claro que é possível selecionar parâmetros em cada uma das 3 partes simultaneamente para criar um filtro completo.
Opções importantes escondidas
Por vezes as coisas ficam escondidas, se a Pesquisa tem mais que 5 filtros favoritos, adeus filtragem completa.
Quem não é visto, não é lembrado... ou nesse caso, usado.
Rolagem excessiva
Existe muito vai e volta de scroll pra criar um filtro.
É muito complexo ter uma visão completa da sua query de filtragem sem conseguir ver todas as suas seleções na tela.
E isso pode ser melhorado.
O esforço cognitivo que é usar o modal atual é um problema para manter o usuário na plataforma
A tecnologia existe, mas a usabilidade precisava ser melhorada.
Ajudar o usuário removendo a fricção para criar filtragens e evitar a necessidade de ferramentas externas na análise de dados.
O novo modal de filtragem.✨
Antigo
NOVO ✨
Layout mais horizontal para minimizar o scroll durante o uso.
Filtragens por alternativa e filtros rápidos lado a lado para facilitar o uso simultâneo.
Na área de filtragem por alternativa, usei a mesma analogia visual de um fluxograma.
Linhas conectando as escolhas e criando um fluxo de condições ligadas em cascata.
Substituição do dropdown com muitas opções…
Por um Switch com cliques mais ágeis e intuitivos, o que já começa a tornar a filtragem mais dinâmica e verbal.
Melhorias no dropdown de perguntas.
Ajustes de hierarquia entre os elementos e respiro entre perguntas.
Agora a filtragem aplicada fica toda em uma única tag de fácil acesso.
Validando as mudanças.
Nesse momento já tínhamos uma versão em funcionamento com todas as melhorias de usabilidade e ajustes da primeira rodada de testes.
Navegar no modal ficou mais intuitivo, mesmo com a grande mudança visual, era perceptível a agilidade no uso.
A mudança fez com que a ferramenta não fosse mais o principal esforço cognitivo do usuário, abrindo espaço para o que realmente importa.
A análise dos dados.
Algo que ajudou muito o modelo mental dos usuários era o poder de escolher cores para cada filtragem.
"Gostei muito de poder customizar as cores, principalmente para marcas, ajuda muito na visualização"
Mas como nem tudo são flores. Essa versão também trouxe problemas…
O principal problema dessa versão foi sem dúvidas a quantidade excessiva de scroll gerada nos gráficos comparativos.
Dataviz.
Ficava difícil responder com agilidade ou certeza qual era a maior barra nos gráficos.
Isso causava dúvida, muito vai e volta na navegação e o tempo de resposta decaia muito, para algo tão simples como dizer qual era o maior valor, isso se tornou problemático.
[problema 01]
Scroll excessivo.
[Problema 02]
Impossível olhar mais de 2 alternativas em tela ao mesmo tempo em cenários com muitos filtros.
[Problema 03]
Demora para encontrar respostas, demandando necessidade de memorizar valores.
Conseguir ver a maior parte de uma pergunta no mesmo espaço de tela
Então… como deveriam ser os gráficos comparativos?
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
Agora, tudo junto.
Ajustes finais.
Algumas últimas e breves melhorias de qualidade de vida e usabilidade.
Outro modelo mental que causou atrito foi a dificuldade de encontrar onde editar as filtragens já aplicadas.
Obviamente, como o único clique possível na antiga interface, os usuários tentavam procurar seus filtros aplicados nesse mesmo ambiente, e ao não encontrar isso quebrava muito o modelo mental aprendido.
A melhoria consistiu em trazer também os filtros aplicados para dentro do modal de filtragem em formato de abas para cada um.
Utilizando uma heurística conhecida de browsers web, cada filtro ficava separado em sua aba e com poderes de edição isolados caso o usuário precisasse modificá-los.
86%
dos usuários ativos passaram a aplicar filtros na plataforma, eliminando a necessidade de ferramentas externas.
O usuário ganhou mais agilidade e poder de análise dos dados.
Poder filtrar sem fricção na velocidade do pensamento, e focando no que realmente importa. encontrar ouro nos dados e transformar números em acionáveis para seus objetivos de negócio
Sobre.
On The Go é uma plataforma de pesquisa de mercado para investigar problemas no negócio e conhecer seus clientes através de pesquisas quanti.
Jornada Cliente
On The Go.
Briefing da Pesquisa.
Criação do Roteiro.
Coleta de respostas.
[04]
Análise & Resultados.
Focamos em resolver alguns problemas de usabilidade já conhecidos na página de Relatórios. E também realizar um dos principais desejos dos clientes…
"
Posso comparar mais de uma filtragem ao mesmo tempo?"
[página de relatórios]
Como funciona hoje.
A página de relatórios traz os gráficos de cada pergunta, com os resultados das respostas coletadas.
No entanto, só é possível fazer apenas uma única filtragem por vez.
Ter uma única filtragem ativa por vez é um processo lento.
Isso dificulta a análise dos dados, e pelo esforço exigido o usuário prefere usar outras ferramentas.
Olhar simultaneamente as respostas de dois ou mais públicos é ouro ✨
Hipóteses.
Mas antes de criar a nova feature, precisávamos validar algumas hipóteses com os clientes.
[hipótese #1]
A interface permite distinguir visualmente a existência de filtros individuais que podem ser aplicados simultaneamente.
[hipótese #2]
A interface mostra gráficos que continuam claros e fáceis de entender mesmo quando vários filtros são usados ao mesmo tempo.
Testes com usuários.
Recrutamos 5 clientes para testar um protótipo simulando a criação de filtros simultâneos para validar se os usuários conseguiam executar algumas ações.
[task #01]
Criar múltiplos filtros.
[task #03]
Interpretar valores nos gráficos com filtros simultâneos.
[task #03]
Responder corretamente os achados de cada filtragem.
Maior e menor valor;
Igual ou diferente;
De qual pertence o valor.
Resultados.
Validamos as hipóteses?
Sim! O grande AHA! moment acontecia quando o usuário tinha 2 ou mais filtros aplicados.
Comparar o que cada perfil respondeu, apontar diferenças e pontos fora da curva era o grande passo em direção à uma análise que gerava mais insights.
[Cores]
O color coding das barras nos gráficos foi vital para diferenciar com agilidade cada filtro.
"Ah tá, Agora entendi… Que legal isso!"
Porém, a percepção de valor da funcionalidade de filtros comparativos demorava a acontecer…
Como garantir que o usuário perceba a relevância da feature mais cedo?
Redesenhando a experiência de filtragem.
Os testes ajudam a ressaltar alguns problemas antigos no fluxo de filtragem.
Se o usuário não conseguia criar um único filtro na atual interface, imagine conseguir criar vários…
Anatomia do modal.
[01]
Filtros favoritos.
Atalhos criados anteriormente e salvos para aplicar uma filtragem completa com apenas um clique.
[02]
Filtros rápidos.
Filtros de recortes demográficos da pesquisa para acesso rápido.
[03]
Filtragem por alternativas.
Filtrar pelo o que responderam ou não responderam os entrevistados para segmentar os perfis com a filtragem.
[Redesenhando]
Problemas.
Desconexão entre as 3 áreas
Não fica exatamente claro que é possível selecionar parâmetros em cada uma das 3 partes simultaneamente para criar um filtro completo.
Opções importantes escondidas
Por vezes as coisas ficam escondidas, se a Pesquisa tem mais que 5 filtros favoritos, adeus filtragem completa.
Quem não é visto, não é lembrado... ou nesse caso, usado.
Rolagem excessiva
Existe muito vai e volta de scroll pra criar um filtro.
É muito complexo ter uma visão completa da sua query de filtragem sem conseguir ver todas as suas seleções na tela.
E isso pode ser melhorado.
O esforço cognitivo que é usar o modal atual é um problema para manter o usuário na plataforma
A tecnologia existe, mas a usabilidade precisava ser melhorada.
Ajudar o usuário removendo a fricção para criar filtragens e evitar a necessidade de ferramentas externas na análise de dados.
O novo modal de filtragem.✨
Antigo
NOVO ✨
Layout mais horizontal para minimizar o scroll durante o uso.
Filtragens por alternativa e filtros rápidos lado a lado para facilitar o uso simultâneo.
Na área de filtragem por alternativa, usei a mesma analogia visual de um fluxograma.
Linhas conectando as escolhas e criando um fluxo de condições ligadas em cascata.
Substituição do dropdown com muitas opções…
Por um Switch com cliques mais ágeis e intuitivos, o que já começa a tornar a filtragem mais dinâmica e verbal.
Melhorias no dropdown de perguntas.
Ajustes de hierarquia entre os elementos e respiro entre perguntas.
Agora a filtragem aplicada fica toda em uma única tag de fácil acesso.
Validando as mudanças.
Nesse momento já tínhamos uma versão em funcionamento com todas as melhorias de usabilidade e ajustes da primeira rodada de testes.
Navegar no modal ficou mais intuitivo, mesmo com a grande mudança visual, era perceptível a agilidade no uso.
A mudança fez com que a ferramenta não fosse mais o principal esforço cognitivo do usuário, abrindo espaço para o que realmente importa.
A análise dos dados.
Algo que ajudou muito o modelo mental dos usuários era o poder de escolher cores para cada filtragem.
"Gostei muito de poder customizar as cores, principalmente para marcas, ajuda muito na visualização"
Mas como nem tudo são flores. Essa versão também trouxe problemas…
O principal problema dessa versão foi sem dúvidas a quantidade excessiva de scroll gerada nos gráficos comparativos.
Dataviz.
Ficava difícil responder com agilidade ou certeza qual era a maior barra nos gráficos.
Isso causava dúvida, muito vai e volta na navegação e o tempo de resposta decaia muito, para algo tão simples como dizer qual era o maior valor, isso se tornou problemático.
[problema 01]
Scroll excessivo.
[Problema 02]
Impossível olhar mais de 2 alternativas em tela ao mesmo tempo em cenários com muitos filtros.
[Problema 03]
Demora para encontrar respostas, demandando necessidade de memorizar valores.
Conseguir ver a maior parte de uma pergunta no mesmo espaço de tela
Então… como deveriam ser os gráficos comparativos?
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
[01]
Visualização sem filtro
[02]
Scroll excessivo
[03]
Versão final ✨
Agora, tudo junto.
Ajustes finais.
Algumas últimas e breves melhorias de qualidade de vida e usabilidade.
Outro modelo mental que causou atrito foi a dificuldade de encontrar onde editar as filtragens já aplicadas.
Obviamente, como o único clique possível na antiga interface, os usuários tentavam procurar seus filtros aplicados nesse mesmo ambiente, e ao não encontrar isso quebrava muito o modelo mental aprendido.
A melhoria consistiu em trazer também os filtros aplicados para dentro do modal de filtragem em formato de abas para cada um.
Utilizando uma heurística conhecida de browsers web, cada filtro ficava separado em sua aba e com poderes de edição isolados caso o usuário precisasse modificá-los.
86%
dos usuários ativos passaram a aplicar filtros na plataforma, eliminando a necessidade de ferramentas externas.
O usuário ganhou mais agilidade e poder de análise dos dados.
Poder filtrar sem fricção na velocidade do pensamento, e focando no que realmente importa. encontrar ouro nos dados e transformar números em acionáveis para seus objetivos de negócio
I. DISCOVERY
II. DEFINE
III. DEVELOP
IV. ITERATION & DELIVER
