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
Empresa
Imobanco
Duração
3 meses
Função
UX/UI Designer
Time
1 UX - 1 FrontEnder - 1 PM
Contexto
Um modal usado para selecionar contatos e carteiras travava fluxos essenciais.
A ação exigia rolagens, muitos cliques e gerava abandono de tarefas.
Era um componente presente em quase todos os fluxos do produto.
5 - 6
Cliques
Para realizar a seleção de um único item
+11
Segundos
Para conclusão da tarefa
+30
Minutos
Chegavam a levar para aprender como usar
Hitpótese inicial
Ao substituir o modal por um dropdown com busca integrada, o usuário faria a ação com menos cliques, menos tempo e menor esforço. A curva de aprendizado também seria menor, por ser um padrão já comum no mercado.
Meus objetivos
1
Reduzir esforço e tempo
2
Criar um componente escalável
3
Aumentar eficiência operacional
4
Aderir às práticas do mercado
Os objetivos foram reduzir tempo e esforço na ação, criar um componente escalável e fácil de manter, aumentar a eficiência operacional de um fluxo presente em grande parte da plataforma e alinhar a experiência aos padrões do mercado financeiro para garantir previsibilidade, confiança e uma jornada mais leve para o usuário.
Benchmark
UI References
Antes e Depois
Antes
Campo
Pesquisar
Buscar
Rolar listagem para baixo
Rolar listagem para o lado
Selecionar
Começo
Fim
Depois
Campo
Pesquisar
Selecionar
Começo
Fim
Antes
Depois
Minhas Responsabilidade
Análise de gravações
Proposição do novo componente
Análise de métricas
Identificação de padrões de fricção
Desenho do componente e estados
Iteração após implementação
Documentação e Handoff
Validação com frontend
Handoff
Iteração Inicial
Analisei 5 usuários no novo componente entre 03–07 de novembro.
A curva de aprendizado caiu a zero: a ação passou a ser entendida no primeiro uso.
Os ganhos foram expressivos:
De
6
Para
3
Cliques
Na realizaçãp da seleção de um item
De
11
Para
6
Segundos
Na conclusão da tarefa
0
Impacto
Na curva de aprendizagem
Aprendizados
Rollout progressivo reduz riscos e melhora qualidade
Análises semanais revelam nuances invisíveis nas métricas gerais
Mudanças pequenas em componentes grandes geram impacto sistêmico
É preciso persistência para defender melhorias estruturais
Próximos passos
1
Monitorar uso durante novembro
2
Ajustar validação de documentos externos
3
Iterar padrões visuais
4
Implementar o componente em escala no produto
Em Resumo
A substituição do modal por um dropdown trouxe mais velocidade, menos cliques e uma experiência muito mais previsível.
A mudança elevou o padrão do produto e abriu espaço para padronizações futuras em todo o Imobanco.
