Menos cliques em um componente usado o dia todo
Redesenhei o seletor de contatos e carteiras de uma plataforma financeira, validei em uma funcionalidade e levei para o produto inteiro.
Empresa
Imobanco
Duração
3 meses
Função
Product Designer
Time
1 UX - 1 FrontEnder - 1 PM
O Imobanco é uma plataforma financeira usada principalmente por empreendedores. Em certos períodos do mês, eles fazem muitas transferências seguidas.
Em quase todas elas, o usuário passa pelo mesmo componente: o seletor de contatos e carteiras. Um atrito pequeno ali se repete dezenas de vezes por sessão.
Após sua reestruturação, os resultados foram reveladores:
48%
Menos cliques para seleção de item
42%
menos tempo
37%
Mais rápido e previsível na primeira interação
Antes
O Desafio
O seletor abria um modal pesado, com rolagem horizontal e vertical e dois campos de busca. Não era responsivo.
Nas gravações de sessão, uma seleção simples levava de 11 a 20 segundos e até 6 cliques. Alguns usuários levaram 30 minutos para aprender a usar.
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
Analisei sessões no Hotjar, mapeei cada passo da tarefa e fiz benchmark com produtos financeiros do mercado. A hipótese: trocar o modal por um dropdown com busca reduziria tempo, cliques e curva de aprendizado. E alinharia o componente a um padrão que o usuário já conhece.
Antes
Campo
Pesquisar
Buscar
Rolar listagem para baixo
Rolar listagem para o lado
Selecionar
Começo
Fim
Solução
Entrega
Campo
Pesquisar
Selecionar
Começo
Fim
Um campo, uma lista. O modal virou um dropdown com busca integrada. O fluxo caiu para três passos: abrir, buscar, selecionar.
Lançamento controlado. Em vez de trocar tudo de uma vez, colocamos o novo seletor em uma única funcionalidade. Avaliamos o uso com usuários e iteramos o design antes de escalar.
Handoff completo. Documentei estados, regras, tokens e comportamentos. Isso virou o novo padrão do componente para o time de engenharia.
Conclusão
Por que isso importa
Na funcionalidade piloto, a seleção ficou 48% mais curta em cliques e 42% menos cliques.
Mais velocidade operacional
🚀
Mais precisão e consistência
🎯
Maior percepção de maturidade do produto
💼
Melhores fundamentos para escalar outros componentes
🧩
Com esse resultado, o time decidiu levar o componente para toda a plataforma.
Resumo
Aprendizados
Testar em uma parte do produto antes de escalar tornou a decisão fácil de defender.
Em componentes repetitivos, segundos economizados viram minutos por sessão.
Envolver engenharia desde o início evitou retrabalho no handoff.
Vamos conversar?
Gosto de transformar ideias em experiências simples e intuitivas.
Se quiser conversar sobre design, pesquisa ou novas oportunidades, será um prazer te ouvir.