Melhoria de Usabilidade e Padronização com o Mercado
Otimizando um componente essencial para reduzir fricções e alinhar a experiência à expectativa dos usuários
Função
UX/UI Designer
Mercado
Fintech / Real Estate
Duração
3 meses
Quando o componente trava a experiência
Durante a análise de gravações no Hotjar entre abril e setembro, percebi um problema crítico: um único componente — o seletor de contatos e carteiras — estava gerando frustração e abandono de fluxo em praticamente toda a plataforma.
O componente original abria um modal disfuncional, com busca redundante, rolagens verticais e horizontais e falhas de responsividade.
Usuários precisavam de 5 a 6 cliques para concluir ações simples, e alguns novos usuários levavam até 40 minutos na seleção.
Como esse modal aparecia em quase todos os processos, o problema afetava diretamente a eficiência, produtividade e percepção de confiabilidade do produto.
Da análise à implementação
Após meses observando o comportamento dos usuários e levantando evidências, consegui o apoio do time durante uma discussão sobre padrões de input em um curso interno.
A partir daí, o time de design e desenvolvimento iniciou a construção de um novo menu suspenso (dropdown) com digitação assistida e busca integrada — uma solução leve, direta e aderente a padrões consolidados de usabilidade.
Para validar o impacto, definimos uma metodologia progressiva de seis etapas:
Implementação em fluxos críticos
Iteração primária (primeira semana de uso)
Iteração emergencial (correções de bugs)
Ajustes visuais e de responsividade
Análise completa do mês de uso
Implementação em escala
Iteração inicial
Entre 03 e 07 de novembro, realizei a primeira rodada de análises comparando o uso do modal antigo e do novo dropdown, a partir de gravações no Hotjar.
Métrica | Antes (Modal) | Depois (Dropdown) | Variação |
|---|---|---|---|
Cliques para concluir | 5.4 | 2.8 | -48% |
Tempo médio de seleção | 11.3s | 6.5s | -42% |
O novo componente reduziu quase pela metade o número de cliques e tornou a ação 42% mais rápida nas sessões observadas.
Iteração e próximos passos
Durante a análise, um erro de validação foi identificado no fluxo de transferências, quando o usuário digitava um documento fora da lista de contatos.
A solução (discutida com o time de design e desenvolvimento) foi incluir a mensagem “Formato inválido” diretamente no menu suspenso, criando um novo status visual e aumentando a clareza do feedback.
Nas próximas etapas, serão realizados:
Monitoramento completo do uso durante novembro
Correções finais e validação de erros externos
Implementação em escala em todos os fluxos da plataforma
Em resumo
A substituição do modal por um menu suspenso trouxe ganhos de 42% em velocidade e 48% em eficiência, fortalecendo a consistência da experiência e a percepção de qualidade do Imobanco.
Mais do que resolver um problema de interface, a solução padronizou um componente crítico, criando um novo modelo de eficiência e clareza dentro da plataforma.