Hipóteses:
Se mudarmos X, observaremos Y: Cada hipótese conecta um problema observado a uma mudança de design mensurável, apoiada em princípios de usabilidade consolidados. -Visibilidade do estado do sistema- Campos de entrada precisam comunicar interatividade: Se tornarmos as bordas dos inputs mais visíveis , com contorno escuro em repouso e borda azul no estado de foco,os usuários terão mais confiança na interatividade e concluirão a etapa de busca com menor hesitação. - Correspondência com o mundo real- Ícones contextuais reduzem carga cognitiva: Adicionar ícones relevantes (avião para origem/destino, pessoa para passageiros, calendário para datas) junto com descrições e exemplos dentro de cada campo vai reduzir o tempo de preenchimento e a taxa de erros. Como cada escolha serve o produto: Cada decisão de design foi tomada com os objetivos de negócio em mente,conversão, ticket médio, retenção ,não apenas estética. Hierarquia visual simplificada no resultado de busca: A barra superior foi simplificada para manter o foco na tarefa. O seletor de datas ganha mais destaque visual, e os filtros (Mais rápido, Mais econômico) migram para uma barra horizontal com scroll liberando espaço e permitindo escalar com novos filtros futuramente. Preço como elemento primário da listagem de voos: O preço é o critério de decisão principal do usuário. Exibi-lo em grande destaque ,antes de qualquer outro dado,reduz o tempo para decisão e aumenta a probabilidade de seleção. Card de voo como componente autoexplicativo: Cada card exibe horários, aeroportos, duração e tipo de voo de forma hierarquizada e escanável. A leitura de cima para baixo segue o modelo mental do usuário ao comparar opções. Detalhes de tarifa expandíveis (progressive disclosure): Ao tocar em qualquer parte do card (exceto o botão de seleção), um painel revela detalhes de tarifa incluindo o que está incluso em Promo, Light e Plus. Isso elimina a necessidade de navegar para outra tela, reduzindo abandono mid-funnel.
Microinterações
Feedback que guia sem distrair: As microinterações foram desenhadas para reforçar o modelo mental do usuário e reduzir ansiedade durante o fluxo de compra. Hover / toque no card: Ao passar o cursor ou tocar em um card de voo, ele se expande sutilmente,sinalizando interatividade sem consumir atenção cognitiva desnecessária. Expansão de detalhes inline: Tocar em qualquer área do card (fora do CTA) expande um painel com breakdown de tarifas. O usuário toma decisão mais informada sem sair da lista,mantendo contexto e reduzindo fricção. Estado de foco nos inputs: Ao focar em qualquer campo de busca, a borda muda para azul e o placeholder se transforma em um exemplo concreto de preenchimento, instruindo o usuário no momento certo. Alinhamento com o negócio: Design conectado a resultados Cada iniciativa de design foi mapeada a objetivos comerciais mensuráveis da LATAM. 01.Aumentar taxa de conversão: Reduzir drop na etapa de busca para elevar o volume de usuários que chegam ao checkout. 02.Elevar ticket médio: Exposição clara de upgrades de cabina e serviços extras no momento de decisão do card de voo. 03.Reduzir fricção percebida: Interface mais clara e responsiva diminui ansiedade e acelera tomada de decisão no fluxo de compra. 04.Aumentar fidelização Experiência positiva e sem surpresas incentiva retorno à plataforma LATAM para viagens futuras.
Impacto Esperado:
O que as mudanças devem mover: Projeções baseadas em benchmarks de usabilidade para intervenções similares em plataformas de e-commerce de alta escala. Métricas projetadas pós-implementação: Completion rate na busca: +18% Tempo médio na tela de busca: −22s Conversão até checkout: +11% Adoção de upgrades de cabina: +8% Aprendizados: Visibilidade é confiança: Um campo que parece desabilitado é, na prática, um campo inacessível. Acessibilidade visual e UX são a mesma coisa. Carga cognitiva tem custo: Cada label sem ícone, cada campo sem exemplo é um microdecisão que o usuário precisa tomar. Eliminar essas decisões escala em conversão. Progressive disclosure no mobile: Esconder detalhes de tarifa atrás de expansão inline foi a solução para manter a lista enxuta sem sacrificar informação decisória.
