# Design UX/UI: o que é e por que vem antes de programar.

> O que é o design UX/UI, o que é entregue e por que desenhar antes de programar é o que evita pagar duas vezes pela mesma tela.

xPlain Solutions · https://xplain.pe/pt/guias/o-que-e-design-ux-ui-e-por-que-vem-antes-de-programar · 2026-11-14

Dizem-se juntas e são duas coisas. **UX** é como funciona: o que cada pessoa faz, em que ordem e em quantos passos. **UI** é como se vê: as telas, com a sua marca. Um produto pode parecer impecável e ser impossível de usar, e o contrário também. O design resolve as duas antes que errar custe caro.

## Por que vem antes de programar

Porque o preço de mudar algo depende de quando você muda. Mover um botão em um design leva minutos. Mover esse mesmo botão quando já está programado, ligado ao banco de dados e testado leva dias. O design é o momento em que corrigir ainda é barato.

E há um motivo menos óbvio: **desenhar obriga a decidir**. Enquanto o produto existe só em uma conversa, cada pessoa imagina um diferente. Ao desenhá-lo aparecem as perguntas que ninguém tinha feito: o que o vendedor vê e o que o gerente vê, o que acontece se faltar um dado, onde se corrige um erro.

## O que é entregue

- **Os fluxos.** O que cada tipo de usuário faz, passo a passo, antes de desenhar qualquer tela.
- **As telas.** O design de cada vista do site, do aplicativo ou da plataforma, com a sua marca.
- **A validação.** Você revisa e corrige, em cima do design.

## Sinais de que está faltando

- O produto existe na sua cabeça e não em um documento.
- Os usuários se perdem e não terminam o que começaram.
- Cada tela parece de um sistema diferente.
- Programou-se primeiro, e agora mudar qualquer coisa custa o dobro.

## Pode ser contratado sozinho

O design não obriga a contratar o desenvolvimento com a mesma empresa. Pode ser entregue para a sua própria equipe construir, ou seguir com quem desenhou. O que não convém é pular: programar sem design não economiza o design, paga por ele mais tarde e mais caro.

## Do que depende o custo

De quantos fluxos e quantas telas o produto tem. Uma landing page são poucas telas; uma plataforma com três tipos de usuário, muitas. E de você já ter marca: com um manual de marca parte-se dali; sem ele, é preciso definir primeiro a identidade.

## Como saber de quanto você precisa

Com um diagnóstico de 30 minutos, sem custo, do qual você sai com um escopo e um investimento fechado. E, se nós desenvolvermos o projeto, o design vai sempre incluído: o desenvolvimento começa quando o produto já faz sentido no papel.

Veja [o que inclui o design UX/UI](/pt/servicos/design-ux-ui) ou [peça o seu orçamento](/pt/orcamento?tipo=uxui).

## Perguntas frequentes

### Qual é a diferença entre UX e UI?

UX é como o produto funciona: o que cada pessoa faz, em que ordem e em quantos passos. UI é como ele se vê: as telas, com a sua marca.

### Posso contratar só o design, sem o desenvolvimento?

Sim. É um serviço independente: desenhamos o site, o aplicativo ou a plataforma e quem você decidir desenvolve.

### Por que desenhar antes de programar?

Porque mudar algo no design leva minutos e mudar depois de programado leva dias. Desenhar primeiro é corrigir enquanto ainda é barato.