Skip to main content
LanguagePortuguês (BR)
Noções básicas5 minutos de leituraOutubro de 2026

O que é design de interação?

Resposta curta

Design de interação (IxD) é o design de como um produto responde quando as pessoas o usam: o que podem fazer, que feedback recebem e como a interface muda como resultado. Fica entre UX, que analisa toda a experiência, e UI, que analisa a interface visual. Gestos, transições, estados e microinterações são todos design de interação.

Ponto principal

  • O design de interação trata de comportamento: ação, feedback, mudança
  • Ideias centrais: possibilidades claras, feedback imediato, resultados previsíveis, desfazer facilmente
  • As mudanças de movimento e de estado são as principais ferramentas para mostrar o que aconteceu
  • Protótipos são necessários para testar a interação, porque as telas estáticas não podem mostrá-la
  • Os designers de interação trabalham em estreita colaboração com os desenvolvedores porque o comportamento deve ser construído

As telas estáticas mostram a aparência de uma interface. O design de interação decide o que acontece quando alguém o utiliza: o que pode pressionar ou arrastar, como a interface responde e como ela muda posteriormente. Deslizar para excluir, puxar para atualizar e um menu que abre a partir do botão que você tocou são todos design de interação.

Alguns princípios orientam a maioria dos bons designs de interação. Acessibilidade: deve ficar claro com o que se pode interagir. Feedback: cada ação deve obter uma resposta imediata e visível. Previsibilidade: a mesma ação deve dar o mesmo resultado. Perdão: os erros devem ser fáceis de desfazer.

O movimento é uma das principais ferramentas. Uma folha que desliza de baixo para cima mostra de onde veio e para onde irá. Uma mola que segue seu dedo e se acomoda naturalmente faz com que o gesto pareça direto. Mal utilizado, o movimento retarda as pessoas, por isso os designers de interação decidem cuidadosamente o que deve se mover, com que rapidez e por quê.

A interação não pode ser testada com imagens estáticas. Os designers constroem protótipos, desde fluxos simples e clicáveis ​​até protótipos detalhados com lógica, para testar como é a sensação. O desafio é que os protótipos são frequentemente reconstruídos pelos desenvolvedores e os detalhes se perdem na transferência.

Ferramentas que armazenam interação como dados reduzem essa perda. ExodeUI, que criamos, mantém estados, física de primavera, entradas e eventos em um arquivo aberto que é executado no aplicativo real, portanto, o comportamento que você projeta é o comportamento fornecido.

Perguntas frequentes

Design de interação é igual a design UX?

O design de interação é uma parte da UX. UX também cobre pesquisa, conteúdo, estrutura de informação e a jornada geral.

O que é um exemplo de design de interação?

Puxe para atualizar: o usuário desce, a interface mostra até onde ele precisa puxar, um botão giratório confirma a atualização e o novo conteúdo aparece.

Quais são as cinco dimensões do design de interação?

Uma estrutura comum lista palavras, representações visuais, objetos físicos ou espaço, tempo e comportamento. O tempo abrange movimento e som; comportamento abrange como o produto reage.

Quais ferramentas os designers de interação usam?

Figma para fluxos e protótipos simples, ProtoPie ou UXPin para protótipos avançados e Rive ou ExodeUI para movimento interativo fornecido no produto.

Guias e exemplos relacionados

Sinta a diferença que o movimento da mola faz

Arraste, mova e ajuste a física da mola no navegador e veja como a rigidez e o amortecimento mudam a sensação de uma interação.

Abra o playground
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →