Todos os projetos
Cliente
Imobanco · fintech
Ano
2025
Papel
UX/UI Designer
Objetivo
Fluxos financeiros mais rápidos e confiáveis

Menos cliques em um componente usado o dia todo

  • Análise de sessões (Hotjar)
  • Benchmark
  • Hipótese
  • Handoff
  • Lançamento controlado
  • −48%cliques por seleção
  • 11 s → 5 spara concluir a seleção
  • 37%mais rápido na primeira interação
  • GradualValidação pontual, depois em toda a plataforma
Novo seletor de contatos na tela Realizar Transferência do Imobanco, com os destaques: −48% cliques para selecionar um contato, de 11 s para 5 s para concluir a seleção e 37% mais rápido na primeira interação.

O Imobanco é usado por empreendedores que, em certos períodos do mês, fazem dezenas de movimentações seguidas. O seletor de contatos e carteiras, presente em quase todas elas, pedia até 6 cliques, rolagem em duas direções e tinha campos de busca duplicados.

O problema era silencioso. Ninguém no time analisava o comportamento de uso, então essas fricções só apareciam em momentos críticos, quando alguém chamava o suporte. Antes de propor a solução, precisei mostrar que a demanda existia.

  1. 01 · InvisívelA fricção só chegava ao time quando virava chamado no suporte.
  2. 02 · EvidênciaSessões reais no Hotjar (11 a 20 s por seleção, até 30 min para aprender) e benchmark de padrões de mercado.
  3. 03 · PrioridadeCom os dados, o time aceitou a demanda e o lançamento controlado.

Num produto financeiro, cada fricção em um fluxo crítico vira risco de erro, de chamado no suporte e de churn. Trocar o componente em toda a plataforma de uma vez seria mais rápido, mas arriscado, então propus lançar primeiro em uma funcionalidade, medir e só depois escalar.

Alternativa

Tudo de uma vez

Oferecia

  • Consistência imediata em toda a plataforma.

Por que não coube

  • Um erro num fluxo financeiro crítico afetaria todos os usuários ao mesmo tempo.
Escolhida

Uma funcionalidade primeiro

Ganhamos

  • Evidência real antes de escalar.
  • Risco contido em um único fluxo.
  • Dados para o time decidir investir na escala.

Abrimos mão

  • Por um tempo, a plataforma conviveu com dois padrões de seletor.

Substituímos o modal por um dropdown com busca: campo, busca e seleção no mesmo lugar. A tarefa caiu de 6 para 2 cliques e de 11 para 5 segundos.

AntesO modal antigo, em uso real: rolagem em duas direções e busca duplicada.
DepoisO novo seletor: buscar e selecionar no mesmo campo.
Antes6 etapas · até 6 cliques · 11 a 20 s= um clique
  1. Início
  2. Campo
  3. Pesquisar
  4. Buscar
  5. Rolar para baixo
  6. Rolar para o lado
  7. Selecionar
  8. Fim

Depois3 etapas · 2 cliques · 5 s
  1. Início
  2. Campo
  3. Pesquisar
  4. Selecionar
  5. Fim
  6. −4 cliques · −6 s por seleção
Handoff do seletor com os estados Default, Active e Error e regras numeradas.
Handoff: estados Default, Active e Error, com regras numeradas para o desenvolvimento.

Decisões

Cada decisão veio de um dado

DecisãoDropdown com busca no lugar do modalPor quê?
PremissaMenos etapas, menos esforço
O que vimosNas sessões do Hotjar, o modal pedia até 6 cliques e rolagem em duas direções.
DecisãoUm único campo de buscaPor quê?
PremissaDuas buscas na mesma tela confundem
O que vimosO modal antigo duplicava o campo de busca, e as pessoas hesitavam sobre qual usar.
DecisãoLançar em uma funcionalidade antes de escalarPor quê?
PremissaEm fluxo financeiro, erro custa caro
O que vimosValidamos com usuários reais antes de levar o padrão para toda a plataforma.
DecisãoHandoff com estados, regras e tokensPor quê?
PremissaUm padrão só escala se for implementado igual em todo lugar
O que vimosEnvolvi a engenharia desde o início e documentei cada estado do componente.

Onde estamos

  1. FeitoDiagnóstico no Hotjar
  2. FeitoHipótese e benchmark
  3. FeitoLançamento em uma funcionalidade
  4. FeitoValidação com usuários
  5. FeitoEscala para toda a plataforma

Aprendizados

  • Olhar sessões reais mostrou o problema com mais precisão do que qualquer opinião: o job do usuário era fazer várias transferências seguidas, sem fricção.
  • Envolver a engenharia desde o início e documentar cada estado garantiu que o padrão escalasse igual em toda a plataforma.

Vamos conversar?

Gosto de transformar ideias em experiências simples. Se quiser falar sobre design, pesquisa ou oportunidades, vai ser um prazer te ouvir.

Chamar no WhatsApp