Um e-commerce com interface impecável apresenta 70% de abandono no checkout. O design recebe elogios em reviews do Dribbble e o produto não entende por que a conversão não sai do lugar. O formulário de pagamento exige quatorze campos antes de mostrar o resumo, a validação de CEP recarrega a página, e o botão de finalizar compra fica abaixo da dobra em viewport inferior a 700px. Pra mim, depois de três décadas consultando empresas de tecnologia, esse padrão virou diagnóstico estrutural.
A confusão persiste porque as duas disciplinas compartilham artefatos visíveis, o que facilita a fusão pra quem observa o resultado e não o processo. A tela final é simultaneamente produto de decisões de experiência e de interface. Pro stakeholder que aprova um protótipo, importa se a tela parece profissional. Pro usuário, importa se o fluxo permite completar a tarefa sem atrito. A distância entre essas duas perspectivas é onde se acumulam os custos invisíveis nos dashboards de produto.
UX opera sobre comportamento e contexto de uso. UI opera sobre hierarquia visual e consistência estética. Quando um time trata UI como proxy pra UX, a interface fica otimizada pra coerência visual em vez de eficácia da tarefa. Produtos cuidados acabam gerando atrito onde o atrito tem custo direto.
O impacto financeiro é mensurável. Dados do Baymard Institute, baseados em cinquenta estudos agregados, indicam abandono médio de carrinho de 70,22% no e-commerce global. Entre as causas, 18% dos usuários apontam checkout longo demais e 26% abandonam quando obrigados a criar conta. Esses problemas pertencem à camada de experiência, e nenhuma melhoria de interface os resolve isoladamente. Ainda segundo o Baymard, sites grandes podem obter ganho de 35,26% em conversão apenas com melhorias de design de checkout.
O Design Index da McKinsey, em cinco anos de acompanhamento, mostrou crescimento de receita 32% superior e retorno total aos acionistas 56% maior em companhias que tratam design como disciplina integrada. Na minha avaliação, o ponto relevante não é que design gera valor, e sim que o valor emerge quando design opera como disciplina de negócio com métricas e accountability. Empresas que tratam design como departamento de embelezamento investem em consistência visual e colhem inconsistência de experiência.
Na acessibilidade, a confusão produz distorção recorrente. Times com mentalidade de interface tratam acessibilidade como propriedade visual de contraste e alt text. Essas propriedades são necessárias, mas acessibilidade como experiência vai além disso, inclui navegação por teclado funcional, estrutura semântica que faça sentido pra leitores de tela e mensagens de erro que comuniquem problema e solução. Um formulário com labels visualmente alinhadas mas sem associação programática via for ou aria-labelledby é acessível na camada de UI e inacessível na de UX. Em 2024 foram registradas mais de quatro mil ações judiciais sob o ADA Title III nos Estados Unidos, e o WebAIM Million de 2025 encontrou contraste insuficiente em 79,1% das home pages e labels de formulário ausentes em 48,2%. Times com mentalidade puramente visual não capturam essas falhas em revisões de design.
Na performance percebida, a separação fica ainda mais operacional. Dados da Amazon indicam que cada 100ms de latência custam 1% em vendas, e estudos da Akamai apontam até 7% em conversão mobile no mesmo intervalo. Esses números descrevem impacto de experiência, não de interface. Uma página pode carregar layout completo com skeleton screens e ainda assim entregar experiência degradada se o conteúdo principal levar quatro segundos pra renderizar. A percepção de velocidade é fenômeno cognitivo, não visual.
Na arquitetura de informação, a confusão se traduz em navegações que parecem organizadas mas não correspondem ao modelo mental do usuário. Uma estrutura com sete categorias bem hierarquizadas pode apresentar baixa findability se as categorias seguirem a taxonomia interna da empresa em vez da que o usuário usa pra pensar sobre o produto. Reorganizar o menu visualmente não altera o desalinhamento. A solução exige card sorting e tree testing, métodos que produzem dado de comportamento.
Um caso recente ilustra a dinâmica. Uma plataforma SaaS B2B com onboarding de doze etapas tinha ativação de 23% em sete dias. O time fez redesign completo da interface, com nova tipografia, paleta, progress bar e ilustrações. A ativação subiu pra 27%. Em seguida, sem alterar a interface, reduziu o fluxo pra cinco etapas, moveu três opcionais pra pós-ativação e introduziu defaults inteligentes onde 80% dos usuários preenchiam igual. A ativação saltou pra 52%. O visual contribuiu com quatro pontos. A reestruturação, com vinte e cinco.
Na minha análise, a implicação de segunda ordem é a distorção de investimento. Empresas que não distinguem UX de UI alocam desproporcionalmente em ferramentas de design visual e em perfis com portfólio estético forte, com revisões que avaliam consistência de componentes mas não eficácia de fluxo. A dívida de experiência se comporta como dívida técnica, invisível nos artefatos e visível nos números.
A correção passa por decisão operacional. Passa por medir experiência com métricas de experiência (task completion rate, time on task, SUS, ativação por cohort) e interface com métricas de interface (aderência ao design system, conformidade com WCAG, performance de renderização). Quando as duas camadas coexistem no mesmo dashboard, os dados expõem qual está gerando o problema.
A distinção define onde a empresa aplica dinheiro e que profissional contrata, o que determina que problema consegue diagnosticar. Tratar UX e UI como sinônimos é confundir as camadas. E o custo da confusão aparece nos números com atraso suficiente pra que ninguém mais consiga associá-lo à decisão original.