Melhoria de Usabilidade e Padronização do Componente Combo Box
Otimizando um componente essencial para reduzir fricções e elevar a experiência de usuários em fluxos críticos.
Empresa
Imobanco
Duração
3 meses
Função
UX/UI Designer
Time
1 UX - 1 FrontEnder - 1 PM
O Imobanco é uma plataforma financeira utilizada principalmente por empreendedores, que em períodos específicos do mês realizam um alto volume de movimentações.
No entanto, a plataforma possuía inconsistências críticas na forma como o componente Combo Box (seletor de opções) era implementado, o que estava comprometendo a fluidez de fluxos complexos, sensíveis e recorrentes.
Após sua reestruturação, os resultados preliminares foram reveladores:
48%
Menos cliques para seleção de item
42%
Mais velocidade para conclusão da ação
37%
Mais rápido e previsível na primeira interação
Antes
O Desafio
A seleção de contatos e carteiras acontecia por um modal pouco funcional
O seletor de contatos e carteiras exigia rolagem horizontal e vertical, duplicava campos de busca, não era responsivo e demandava até 6 cliques para uma tarefa simples.
Sessões reais mostraram usuários levando 11–20 segundos para concluir algo que deveria ocorrer em poucos instantes e alguns outros levando até 30 minutos para aprender a utilizá-lo.
A experiência do seletor prejudicava:
1
Eficiência operacional
2
Autonomia do usuário
3
Confiabilidade percebida
4
Churn em fluxos críticos
Hipótese
Precisávamos simplificar
O usuário deveria precisar de menos esforço na ação.
Como o componente é acessado constantemente em fluxos críticos, e demandava muitas ações até a finalização da jornada, formulei a hipótese de que substituir o modal por um dropdown com busca reduziria tempo, esforço e cliques, além de alinhar o padrão ao mercado e facilitar o aprendizado.
Antes
Campo
Pesquisar
Buscar
Rolar listagem para baixo
Rolar listagem para o lado
Selecionar
Começo
Fim
O handoff materializou essa decisão, detalhando estados, regras, tokens e comportamentos necessários para consolidar o novo padrão de entrega.
Solução
Entrega
Conduzi a análise de sessões no Hotjar, mapeei atritos e realizei benchmark
Substituímos um modal grande, pesado e disfuncional por um componente simples, direto e previsível.
Campo
Pesquisar
Selecionar
Começo
Fim
Saimos de 6 para 2 cliques e de 11 para 5 segundos na conclusão da tarefa
Com isso, reduzimos o esforço operacional do usuário em quase 50%.
Conclusão
Por que isso importa
Esse componente é acionado várias vezes por sessão e faz parte de fluxos já complexos. Otimizá-lo trouxe:
Mais velocidade operacional
🚀
Mais precisão e consistência
🎯
Maior percepção de maturidade do produto
💼
Melhores fundamentos para escalar outros componentes
🧩
Ao torná-lo mais claro, rápido e padronizado, melhoramos não apenas a usabilidade do seletor, mas a saúde operacional de toda a plataforma, que já é naturalmente complexa.
Resumo
Aprendizados
Iterações curtas, guiadas por dados, tornam a solução mais precisa.
Este projeto reforçou a importância de analisar o comportamento real do usuário para formular soluções alinhadas ao seu job to be done, neste caso, realizar diversas transferências consecutivas sem fricção.
Também evidenciou o valor de trazer discussões estruturadas ao time, testar rapidamente, documentar estados com precisão e envolver engenharia desde o início para garantir execução consistente.
