UX e UI: qual a diferença?

É a dúvida mais comum de quem está começando a entender design digital: afinal, UX e UI são a mesma coisa? Não são — e confundir os dois faz muita empresa contratar meio projeto. Vou separar de vez, com exemplos.

A metáfora que resolve de vez

Imagine um carro. O UX é a experiência de dirigir: o volante responde bem, os pedais estão onde a sua perna espera, você troca de marcha sem olhar. A UI é o painel: o desenho dos mostradores, as cores das luzes, o acabamento. Um carro pode ter um painel lindo (UI) e ser um horror de dirigir (UX) — e vice-versa. Bom mesmo é ter os dois.

O que o UX faz (a estrutura)

• Pesquisa — entende quem é o usuário e o que ele precisa fazer.
• Arquitetura da informação — organiza o conteúdo: o que vem primeiro, o que agrupa com o quê.
• Fluxos e wireframes — o "esqueleto" das telas em cinza, só com caixas, antes de qualquer cor.
• Testes — verifica se as pessoas conseguem usar sem travar.

O que o UI faz (a superfície)

• Identidade visual da interface — cores, tipografia, estilo dos botões e ícones.
• Hierarquia visual — usa tamanho, peso e espaço para o olho saber onde olhar.
• Design system — um kit de peças reutilizáveis para tudo ficar consistente.
• Protótipo de alta fidelidade — a tela final, pronta pra virar código.

Exemplo lado a lado: o botão de comprar

Pega um simples botão "Comprar". O UX decide onde ele aparece, quando (depois de qual informação) e o que acontece ao clicar. A UI decide a cor, o tamanho, o texto ("Comprar" vs "Quero o meu") e o contraste que faz ele saltar. Um botão mal posicionado (UX) não vende, por mais bonito que seja (UI). Um botão bem posicionado, mas invisível no meio da página (UI), também não.

UX sem UI ninguém deseja. UI sem UX ninguém consegue usar. O resultado que converte mora no encontro dos dois.

Então eu preciso dos dois?

Sim. Contratar só UI é como pintar uma casa com a planta errada: fica bonita, mas você esbarra nas paredes. Contratar só UX é ter uma planta perfeita numa casa de tijolo aparente e sem acabamento. Por isso, num projeto sério, as duas caminham juntas — é por isso que a sigla vem colada: UX/UI.

Seu problema é de UX ou de UI?

Um jeito rápido de diagnosticar: se as pessoas se perdem, não acham o que querem ou desistem no meio, é UX. Se o site parece amador, desatualizado ou pouco confiável mas funciona, é UI. Na prática, quase sempre é um pouco dos dois — e resolver só metade deixa dinheiro na mesa.