# UX e UI

Categoria: [Estratégia de Marketing](https://www.listadeagencias.com.br/servicos/estrategia-de-marketing.md)

UX e UI é o trabalho de projetar a experiência e a interface de produtos digitais a partir de pesquisa com usuários reais e testes de usabilidade, cobrindo sites, aplicativos e sistemas.

## O que é

UX e UI é o trabalho de projetar a experiência (UX) e a interface (UI) de produtos digitais, como sites, aplicativos e sistemas, a partir de pesquisa com usuários reais e testes de usabilidade. UX trata do funcionamento geral: como o usuário encontra o que precisa, quantos passos leva até completar uma tarefa, onde ele costuma travar ou desistir. UI trata da camada visual e interativa que o usuário efetivamente vê e toca: botões, telas, componentes, estados de interação.

Diferente do [WebDesign](https://www.listadeagencias.com.br/servicos/estrategia-de-marketing/webdesign), que costuma focar no resultado visual de páginas específicas, o UX e UI parte de um processo de pesquisa e validação com usuários reais, e se aplica a qualquer produto digital, não apenas a sites, incluindo aplicativos móveis e sistemas internos.

## Para quem faz sentido

Faz sentido para empresas que estão desenvolvendo um produto digital novo, como aplicativo, sistema ou e-commerce, e querem reduzir o risco de construir algo difícil de usar. Também faz sentido para produtos já existentes com sinais de problema de uso: taxa alta de abandono em uma etapa específica, reclamações recorrentes sobre dificuldade de encontrar algo, ou baixa conversão apesar de tráfego relevante.

Sites institucionais simples, com poucas páginas e sem fluxo de uso complexo, muitas vezes resolvem sua necessidade com um bom trabalho de WebDesign, sem exigir um processo completo de pesquisa e teste de usabilidade.

## Quando contratar

O gatilho mais comum é o início do desenvolvimento de um produto digital novo, quando decisões de estrutura e fluxo ainda podem ser ajustadas com baixo custo. Outro sinal é a identificação de um ponto de atrito em um produto já existente, como uma etapa do fluxo onde os usuários costumam desistir, que pede investigação antes de qualquer redesenho.

Também vale contratar antes de um redesenho grande de um sistema ou aplicativo já em uso, para basear as decisões em dados reais de uso, e não apenas em preferência visual da equipe interna.

## O que uma agência entrega

- Pesquisa com usuários (entrevistas, testes de usabilidade, análise de comportamento)
- Mapeamento de fluxos de uso e identificação de pontos de atrito
- Wireframes e protótipos navegáveis das telas principais
- Design da interface final, com componentes e estados de interação
- Testes de validação dos protótipos antes do desenvolvimento
- Especificações para orientar a equipe de desenvolvimento
- Um relatório da pesquisa, com os principais pontos de atrito identificados
- Um sistema de componentes de interface reaproveitáveis entre as telas do produto
- Recomendação de métricas de uso para acompanhar o produto depois do lançamento
- Mapas de fluxo mostrando o caminho do usuário do início ao fim de uma tarefa
- Testes de usabilidade moderados, com roteiro e participantes definidos previamente
- Recomendação de ajustes de acessibilidade para pessoas com diferentes necessidades de uso

## Como avaliar uma agência

Pergunte como a equipe conduz a pesquisa com usuários: quantas pessoas costumam entrevistar ou testar, e como isso se traduz em decisões de design concretas. Um bom trabalho de UX e UI mostra a ligação entre o que foi observado na pesquisa e o que foi decidido no design, não apenas apresenta telas bonitas sem essa base.

Peça para ver protótipos navegáveis de projetos anteriores, e não apenas imagens estáticas, porque a experiência de uso é melhor avaliada interagindo com o fluxo do que olhando telas soltas.

Avalie também se a agência testa os protótipos com usuários antes da entrega final, e como reporta os resultados desses testes, porque validação é o que diferencia UX e UI de um trabalho apenas visual. Pergunte ainda como a equipe documenta os componentes de interface entregues, já que uma documentação clara facilita a manutenção do produto por outras equipes depois do projeto concluído.

Um sinal de alerta é uma proposta de UX e UI que pula direto para telas finais, sem nenhuma etapa declarada de pesquisa ou entrevista com usuários. Outro sinal de atenção é a apresentação de um único fluxo de uso "ideal", sem nenhuma discussão sobre casos de exceção ou de erro, que costumam ser onde os usuários mais travam na prática.

Avalie também se a equipe considera acessibilidade desde o início do projeto (contraste de cor, tamanho de toque, navegação por teclado), em vez de tratar esse tema como um ajuste de última hora, difícil de encaixar depois que o design já está fechado.

## Serviços relacionados

- [WebDesign](https://www.listadeagencias.com.br/servicos/estrategia-de-marketing/webdesign)
- [Ideação e Design Thinking](https://www.listadeagencias.com.br/servicos/estrategia-de-marketing/ideacao-e-design-thinking)
- [Desenho de Personas de Clientes](https://www.listadeagencias.com.br/servicos/gestao-de-marca/desenho-de-personas-de-clientes)
- [Aplicativos mobile](https://www.listadeagencias.com.br/servicos/inovacao-tecnologica/aplicativos-mobile)

## Perguntas frequentes

### UX e UI é a mesma coisa que webdesign?

São próximos, mas UX e UI parte de pesquisa com usuários e testes de usabilidade, e se aplica a qualquer produto digital, não só sites. WebDesign costuma focar mais diretamente na aparência visual de páginas específicas.

### O que é UX e o que é UI, dentro do mesmo serviço?

UX (experiência do usuário) trata do funcionamento e da facilidade de uso do produto como um todo. UI (interface do usuário) trata da camada visual e interativa: botões, telas, componentes. Muitas agências entregam os dois juntos, de forma integrada.

### Preciso de pesquisa com usuários mesmo em um projeto pequeno?

Alguma forma de validação ajuda mesmo em projetos pequenos, ainda que simplificada. Poucas entrevistas ou testes com um grupo reduzido já reduzem bastante o risco de construir algo que os usuários não conseguem usar bem.

### UX e UI serve só para aplicativos e sistemas complexos?

Não. Também se aplica a sites, e-commerces e páginas mais simples sempre que a facilidade de uso e a taxa de conversão são prioridade, não apenas a aparência visual.

## Agências que atendem UX e UI

Ainda não há agências com UX e UI no diretório.

## Links

- [Versão HTML](https://www.listadeagencias.com.br/servicos/estrategia-de-marketing/ux-e-ui)
- [Pedir orçamento de UX e UI](https://www.listadeagencias.com.br/orcamento?servico=ux-e-ui)
