À medida que o mundo se mudou para os ecrãs, apareceu um novo vocabulário que confunde muita gente: UX, UI, product design, interaction design. E uma pergunta recorrente: isto é a mesma coisa que o design gráfico? A resposta é “não, mas estão intimamente ligados”, e perceber a diferença é essencial para quem trabalha (ou quer trabalhar) em design hoje, num tempo em que o papel e o ecrã convivem.

Este artigo arruma os conceitos, mostra o que muda quando o design passa de imagem para experiência, e como o design gráfico é a base de onde tudo isto nasce.

Três siglas, três focos

Comecemos por separar os termos que mais se confundem:

  • Design gráfico: a disciplina de comunicar visualmente uma mensagem. Tradicionalmente associado a artefactos (muitas vezes estáticos): cartazes, logótipos, embalagem, paginação, e também imagens digitais.
  • UI (User Interface, interface de utilizador): o design da camada visual de um produto digital, os botões, menus, ícones, tipografia e cores de uma app ou site. É, em boa parte, design gráfico aplicado a ecrãs interativos.
  • UX (User Experience, experiência de utilizador): o design da experiência completa de usar um produto ou serviço, não só o aspeto, mas como funciona, como se sente, se é fácil, rápido e agradável atingir um objetivo. O UX preocupa-se com o comportamento e a jornada, não só com a imagem.
A analogia do restaurante

Imagina um restaurante. O design gráfico é o menu, o logótipo, a decoração, a comunicação visual. O UI é a forma e a disposição da mesa, dos talheres, dos botões do menu digital. O UX é a experiência inteira: a facilidade de reservar, o tempo de espera, a simpatia do empregado, a clareza do menu, o conforto da cadeira, a facilidade de pagar. Pode ter um menu lindíssimo (ótimo design gráfico) e uma experiência péssima (mau UX) se demorares uma hora a ser servido. UX é tudo o que acontece, não só o que se vê.

O que o design gráfico e o UX têm em comum

Antes das diferenças, as raízes partilhadas, porque o UX assenta em fundamentos do design gráfico:

  • Hierarquia visual: guiar o olhar pela ordem certa (o que ver primeiro) é tão vital num cartaz como num ecrã.
  • Tipografia: a legibilidade e o tom das letras importam em ambos.
  • Cor: comunicar e orientar com cor, garantindo contraste e acessibilidade.
  • Grelha e composição: organizar o espaço com ordem e ritmo.
  • Consistência: um sistema visual coerente cria confiança e reconhecimento.

Por isso é que tantos designers gráficos transitam naturalmente para UI/UX: metade das competências já as têm.

O que muda: o design que tem de funcionar

Aqui estão as diferenças que definem o UX, o que se acrescenta quando o design deixa de ser uma imagem e passa a ser algo com que as pessoas interagem ao longo do tempo:

1. Interação e comportamento

Um cartaz não responde quando lhe tocas. Uma app, sim. O design de interação trata do que acontece quando se clica, arrasta, escreve, estados, transições, feedback, erros. O design ganha uma dimensão nova: o tempo e a resposta.

2. Investigação (não é só intuição)

O UX começa muitas vezes por perceber as pessoas: quem são, o que precisam, onde se perdem. Entrevistas, observação, testes de usabilidade, dados. A pergunta deixa de ser só “está bonito?” e passa a ser “as pessoas conseguem fazer o que precisam?“.

3. Arquitetura de informação

Como se organiza e estrutura a informação para que as pessoas a encontrem: menus, categorias, fluxos, navegação. É urbanismo aplicado à informação, desenhar as “ruas” por onde o utilizador anda.

4. Fluxos e jornadas

O UX desenha percursos, não páginas isoladas: o caminho desde “quero fazer X” até “consegui fazer X”, passo a passo, com todos os ecrãs e decisões pelo meio.

5. Protótipos e testes iterativos

Em vez de entregar um artefacto final, o UX prototipa, testa com utilizadores, corrige e repete. O design torna-se um processo de melhoria contínua guiado pela realidade de quem usa.

No design gráfico, o sucesso mede-se muitas vezes pela mensagem que comunica. No UX, mede-se pelo objetivo que as pessoas conseguem (ou não) atingir, e isso testa-se, não se adivinha.

”Form follows function”, agora a sério

O design gráfico já abraçava a ideia de que a forma segue a função. No UX, esse princípio torna-se implacável: se uma interface é linda mas confusa, falhou, por mais elegante que seja. A beleza que atrapalha a utilização é mau design. A usabilidade não é negociável: um botão tem de parecer clicável e estar onde se espera, mais do que tem de ser bonito.

Isto não significa que o UX seja feio, significa que a estética está ao serviço da função de forma ainda mais estrita do que no impresso.

Então, qual escolher (ou estudar)?

Não é uma escolha excludente, são camadas de uma mesma árvore:

  • O design gráfico continua essencial e vivo: identidade, embalagem, editorial, impressão, e a base visual de tudo o resto.
  • O UI é a ponte natural para o digital, muito próximo do design gráfico.
  • O UX acrescenta investigação, interação, arquitetura e testes, uma mentalidade de resolver problemas de uso, não só de comunicar.

Muitos profissionais hoje são híbridos, navegando entre o impresso e o digital. E há uma boa notícia para quem vem das artes gráficas: os fundamentos visuais (tipografia, cor, grelha, hierarquia, composição) são exatamente os mesmos, o que se acrescenta é a dimensão do comportamento e da experiência.

Confusões comuns

“UX e UI são a mesma coisa.” Não. O UI é a camada visual (botões, cores, tipos); o UX é a experiência completa (fluxos, usabilidade, investigação, satisfação). Pode haver bom UI com mau UX (bonito mas frustrante) e vice-versa.

“UX é design gráfico para ecrãs.” Isso é mais o UI. O UX vai além do visual: inclui investigação, arquitetura de informação, testes e o comportamento ao longo do tempo. O visual é só uma parte.

“Design gráfico está ultrapassado pelo digital.” Nada disso. O design gráfico é a base do UI e do UX, e continua insubstituível em impressão, identidade e comunicação visual. O digital somou-se, não substituiu.

“No UX a estética não importa.” Importa, mas ao serviço da função. Uma interface tem de ser clara e usável primeiro; bonita também, mas nunca à custa de funcionar.

Em resumo

O design gráfico comunica visualmente uma mensagem; o UI é a sua aplicação à camada visual dos produtos digitais; e o UX desenha a experiência completa de usar algo, interação, comportamento, investigação, arquitetura de informação e testes. Partilham os mesmos fundamentos (tipografia, cor, grelha, hierarquia), mas o UX acrescenta a dimensão do tempo, da função e da pessoa que usa.

Para quem vem das artes gráficas, não é um mundo estranho, é uma extensão natural: as mesmas bases visuais, com uma nova exigência de que o design não só comunique, mas funcione. Num tempo de papel e ecrã, dominar as duas linguagens é o que torna um designer completo.