---
title: O que é design de interação (IxD)
date: 2026-06-15T12:08:02Z
modified: 2026-07-29T01:40:23Z
permalink: "https://camaraux.com.br/design-de-interacao/"
type: post
status: publish
excerpt: Design de interação (IxD) é a disciplina que define como usuários executam ações em produtos digitais. Entenda as 5 dimensões e como aplicar.
wpid: 8958
categories:
  - Fundamentos de UX
rank_math_title: "Design de interação (IxD): o que é e como funciona"
rank_math_description: Design de interação (IxD) é a disciplina que define como usuários executam ações em produtos digitais. Entenda as 5 dimensões e como aplicar.
rank_math_focus_keyword: design de interação
featured_image: /wp-content/uploads/2026/06/O-que-e-design-de-interacao-IxD.webp
author: Lucas Camara
timestamp: 2026-07-29T01:40:23Z
tags:
  - Fundamentos de UX
---

Design de interação é a disciplina responsável por planejar como pessoas executam ações em produtos digitais e como esses produtos respondem a cada ação. Não é sobre deixar a tela bonita. É sobre projetar a conversa entre o usuário e o sistema: o que acontece quando alguém clica, desliza, digita ou espera.

Se você já usou um aplicativo em que tudo parecia fluir naturalmente, sem precisar pensar no que fazer a seguir, estava experimentando bom design de interação. Se já ficou perdido sem entender o que aconteceu depois de pressionar um botão, foi o design de interação que falhou.

Também chamado de _interaction design_ ou **IxD**, o campo existe desde os anos 1980 e é uma das disciplinas centrais dentro da experiência do usuário. Entender o que ele é, como funciona e onde se diferencia do UX Design é conhecimento básico para qualquer designer de produto que queira projetar interfaces que realmente funcionam.

## Design de interação: definição e origem

**Design de interação** é a área do design focada em planejar a lógica da interação entre pessoas e sistemas, sejam eles digitais ou físicos. Ele define o que o usuário pode fazer em determinado momento, como o sistema responde a cada ação e como essa sequência de ação e resposta se encadeia ao longo de uma tarefa.

O foco não está na aparência da interface, mas na estrutura da conversa que ela estabelece com quem usa. Um botão pode ser visualmente perfeito e, ao mesmo tempo, falhar em comunicar o que acontece depois que é pressionado. Quando isso ocorre, o problema é de design de interação, não de UI.

A relevância prática disso é direta: interfaces com interações bem projetadas reduzem erros, diminuem o tempo de aprendizado e aumentam a taxa de conclusão de tarefas. Em produtos digitais onde cada etapa do fluxo tem impacto em conversão ou retenção, essa diferença aparece nos números.

### Quem criou o conceito de design de interação?

O termo _interaction design_ foi cunhado por Bill Moggridge e Bill Verplank nos anos 1980. Moggridge, cofundador da IDEO e designer do primeiro laptop dobrável do mundo, buscava uma palavra para descrever o trabalho de projetar comportamentos em produtos com software, algo que o design gráfico e o design industrial não cobriam.

A acadêmica **Gillian Crampton Smith**, professora do Royal College of Art em Londres, foi quem formalizou o campo ao definir as dimensões do design de interação, publicadas no livro _Designing Interactions_. Esse modelo, mais tarde expandido por Kevin Silver, é até hoje a referência principal para entender o que o IxD envolve.

## As 5 dimensões do design de interação

O modelo das cinco dimensões descreve os elementos com os quais um designer de interação trabalha para criar a comunicação entre interface e usuário. Gillian Crampton Smith definiu as quatro primeiras; Kevin Silver acrescentou a quinta.

Entender essas dimensões ajuda a sair de uma visão superficial do design de interação como “animar botões” e enxergar o trabalho real por trás de uma interface que funciona.

### 1D: palavras

As palavras são a camada de texto com a qual o usuário interage diretamente: rótulos de botão, mensagens de erro, textos de menu, instruções de formulário e microcópia em geral. Uma palavra errada no lugar errado cria fricção imediata. “Enviar” e “Confirmar pedido” comunicam coisas diferentes, mesmo que o comportamento por trás dos dois seja idêntico.

O critério aqui é precisão sem excesso: informar o suficiente para que o usuário saiba o que fazer, sem sobrecarregar com texto desnecessário.

### 2D: representações visuais

São os elementos gráficos com os quais o usuário interage: ícones, imagens, tipografia, hierarquia visual, cor. Eles complementam as palavras e ajudam a comunicar hierarquia, estado e ação. Um ícone de lixeira comunica “excluir” sem precisar de texto. Um campo com borda vermelha comunica erro antes da mensagem aparecer.

A dimensão visual não é sobre estética isolada. É sobre como os elementos gráficos sustentam ou prejudicam a compreensão da interação.

### 3D: objetos físicos e espaço

Diz respeito aos dispositivos e contextos físicos pelos quais o usuário acessa o produto: smartphone com toque, notebook com mouse e teclado, smartwatch, dispositivo de voz, quiosque touchscreen. O espaço físico também entra aqui: alguém no transporte público com uma mão ocupada tem restrições de interação completamente diferentes de alguém sentado em frente a um monitor.

Ignorar essa dimensão é projetar para um usuário imaginário, não para pessoas reais.

### 4D: tempo

O tempo cobre tudo o que muda durante a interação: animações, sons, feedback de progresso, transições entre estados. Quanto tempo dura uma animação de carregamento? Quando um usuário deve receber um retorno sobre o que acabou de fazer? O tempo cria ritmo e expectativa. Quando mal calibrado, gera ansiedade ou lentidão percebida mesmo que o sistema seja rápido.

### 5D: comportamento

A quinta dimensão, acrescentada por Kevin Silver, é a síntese das outras quatro. Comportamento é como o produto reage às ações do usuário: o que acontece quando alguém clica, o que o sistema faz quando um erro ocorre, como ele responde a entradas inesperadas. É a dimensão que transforma os quatro elementos anteriores em uma interação real, com consequências e resultados.

## Design de interação vs UX Design: qual a diferença?

Essa é a confusão mais comum na área, e faz sentido existir: os dois campos se sobrepõem em vários pontos. A distinção prática está no escopo.

**UX Design** cobre toda a experiência do usuário com um produto ou serviço, incluindo pesquisa, arquitetura de informação, estratégia de conteúdo, usabilidade, aspectos emocionais e de marca. É uma visão ampla da jornada completa do usuário, do primeiro contato ao uso contínuo.

**Design de interação** é uma das disciplinas dentro do UX. Ele foca especificamente na camada de interação: o que o usuário pode fazer, como o sistema responde e como esse ciclo de ação e resposta se encadeia. Um UX Designer precisa dominar IxD, mas o IxD não cobre tudo que o UX Design envolve.

Uma analogia funcional: se UX Design é o projeto completo de uma casa, design de interação é o projeto de tudo que tem comportamento quando alguém usa a casa, as portas, torneiras, fechaduras, janelas. Não é o projeto estético, mas o projeto funcional de cada ponto de uso.

Para entender melhor onde as disciplinas se cruzam e onde divergem, o artigo sobre [diferença entre UX e UI Design](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/diferenca-ux-e-ui-design.md) ajuda a mapear o ecossistema completo.

## Os princípios do design de interação segundo Don Norman

**Don Norman**, cofundador do Nielsen Norman Group e autor de _The Design of Everyday Things_, definiu princípios que continuam sendo referência direta para qualquer designer que trabalha com interação. Eles não são uma lista decorativa: são critérios de decisão para cada elemento projetado.

Os princípios centrais são visibilidade, feedback, restrições, mapeamento, consistência e affordance. Cada um responde a uma pergunta prática de projeto.

Visibilidade responde: “o usuário consegue ver o que pode fazer?” Restrições respondem: “como o sistema impede erros antes que aconteçam?” Consistência responde: “o mesmo padrão de interação se repete em contextos semelhantes?” Mapeamento responde: “a relação entre controle e resultado é intuitiva?”

Os dois que merecem atenção especial são affordance e feedback.

### O que é affordance no design de interação?

_Affordance_ é um conceito sem tradução direta para o português. Ele descreve a propriedade de um elemento que comunica, por si só, como deve ser usado. Um botão com sombra e borda arredondada comunica “pressione-me” sem que nenhuma instrução seja necessária. Um campo de texto vazio comunica “escreva aqui”.

O problema ocorre quando o _affordance_ é falso ou ausente: um elemento que parece clicável e não é, ou que deveria ser clicável mas parece decorativo. Nesses casos, o usuário precisa descobrir por tentativa e erro, o que cria frustração e abandono de tarefa.

No IxD, projetar _affordances_ corretos significa garantir que a aparência de cada elemento corresponda ao seu comportamento real.

### O que é feedback no design de interação?

Feedback é a resposta do sistema a cada ação do usuário. Quando alguém clica em “salvar”, o sistema precisa comunicar que o salvamento aconteceu. Quando um formulário tem um erro, o sistema precisa indicar onde está o problema e como corrigi-lo. Quando um processo demora, o sistema precisa mostrar que está em andamento.

A ausência de feedback é uma das fontes mais comuns de frustração em interfaces digitais. O usuário clica e não sabe se a ação foi registrada. Tenta novamente. O sistema recebe o clique duas vezes. O erro acontece porque o design não respondeu.

Bom feedback é imediato, claro e proporcional à ação que o gerou. As [heurísticas de Nielsen](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/10-heuristicas-de-nielsen-ux.md) tratam a visibilidade do status do sistema exatamente como o primeiro princípio de usabilidade, o que indica o peso que o feedback tem na experiência total.

## Como o design de interação funciona na prática

Na prática, o designer de interação trabalha entre a fase de definição e a fase de implementação de um produto digital. Ele traduz requisitos e necessidades de usuário em fluxos, estados e comportamentos concretos que a interface vai executar.

O processo começa com a compreensão dos objetivos do usuário e das restrições do produto: o que a pessoa precisa fazer, em qual contexto, com quais limitações de tempo, dispositivo e cognição. A partir daí, o designer mapeia os fluxos de interação, define os estados possíveis de cada elemento e especifica os comportamentos esperados para cada ação.

Esse trabalho alimenta a prototipagem. Um [protótipo de média ou alta fidelidade](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/prototipagem-ux.md) é a ferramenta principal do designer de interação para testar se a lógica projetada funciona antes de chegar ao desenvolvimento. Quando o protótipo é testado com usuários reais, os problemas de interação aparecem cedo e custam pouco para corrigir.

### Quais são os entregáveis de um designer de interação?

Os entregáveis variam conforme o processo e a maturidade do time, mas os mais comuns incluem:

- **Fluxos de interação (_wireflows_)**: representam caminhos e decisões do usuário em telas esquemáticas, sem foco em estética.
- **Especificações de comportamento**: documentam o que acontece em cada estado de cada componente: estado padrão, hover, ativo, desabilitado, erro, vazio.
- **Protótipos interativos**: simulam a lógica de interação em Figma ou ferramenta equivalente, com animações, transições e feedback realistas o suficiente para teste.
- **Guia de microinterações**: define as animações e feedbacks visuais de cada ponto de interação, com timing, easing e comportamento esperado.

O [guia completo de UX Design](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/o-que-e-ux-design-guia-completo.md) contextualiza onde esses entregáveis se encaixam no processo mais amplo de um produto digital.

## Design de interação e microinterações: como se relacionam

Microinterações são um subconjunto do design de interação. Enquanto o IxD define a lógica geral de como o usuário navega e executa tarefas, as microinterações cuidam dos momentos específicos e pontuais dentro dessa experiência: o ícone que anima ao curtir uma publicação, a barra de progresso que aparece durante um upload, o campo que muda de cor quando preenchido corretamente.

Dan Saffer, autor de _Microinteractions: Designing with Details_, define a estrutura de uma microinteração em quatro componentes: gatilho (o que inicia a interação), regras (o que acontece), feedback (o que o usuário percebe) e loops ou modos (se a microinteração se repete ou muda ao longo do tempo).

Exemplos conhecidos: o botão de curtir do Instagram que pulsa ao ser tocado, a animação de progresso do Gmail ao enviar um e-mail, a vibração do smartphone ao confirmar um pagamento. Cada um desses momentos tem um projeto específico por trás.

Quando bem executadas, microinterações tornam a interação mais intuitiva, reduzem a ansiedade do usuário e aumentam a percepção de qualidade do produto sem exigir mudanças estruturais. O artigo sobre [microinterações em UX](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/post/microinteracoes-ux-detalhes-experiencia-usuario.md) detalha como projetá-las e implementá-las.

## Perguntas frequentes sobre design de interação

**O que faz um designer de interação?**
Um designer de interação planeja como pessoas vão executar tarefas em um produto digital: define fluxos, estados de componentes, feedbacks visuais e comportamentos de interface. Ele trabalha com wireframes, protótipos interativos e especificações de comportamento.

**Design de interação e UI Design são a mesma coisa?**
Não. UI Design foca na aparência visual dos elementos da interface: cores, tipografia, ícones, layout. Design de interação foca no comportamento desses elementos: o que acontece quando o usuário interage com eles. Os dois se complementam, mas são responsabilidades distintas.

**Qualquer UX Designer precisa saber design de interação?**
Sim. O design de interação é uma das disciplinas centrais do UX. Um designer que não consegue projetar fluxos e estados de interface terá dificuldade em entregar produtos funcionais, independente de quão boa seja a sua pesquisa ou estratégia.

**Quais ferramentas um designer de interação usa?**
Figma é a principal hoje, especialmente com recursos de prototipagem avançada e variáveis de componente. Outras ferramentas usadas incluem Principle, ProtoPie e Framer para animações e protótipos de alta fidelidade com comportamentos complexos.

**Design de interação se aplica a produtos físicos também?**
Sim. O campo surgiu justamente no contexto de produtos com software e hardware combinados. Interfaces de painéis industriais, sistemas embarcados, dispositivos médicos e eletrodomésticos conectados envolvem design de interação.

## Conclusão

Design de interação é a disciplina que define como um produto responde ao usuário. Não é sobre aparência, é sobre comportamento. E comportamento mal projetado quebra a experiência independente de como a tela foi desenhada.

Se você quer projetar produtos digitais que realmente funcionam, entender IxD não é opcional. É a base para saber por que um fluxo funciona, por que um usuário abandona uma tarefa e o que mudar quando o teste aponta um problema de interação.

Nos projetos que conduzo pelo Bradesco, Sebrae e outros clientes da CamaraUX, o design de interação é o que transforma pesquisa em interface funcional. Se você tem um produto com problemas de usabilidade ou quer validar se as interações do seu produto estão bem projetadas, [entre em contato](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/page/contato.md) para conversarmos.

## Topics

**Categorias:** [Fundamentos de UX](https://camaraux.com.br/wp-content/uploads/wp-mfa-exports/taxonomy/category/fundamentos-de-ux.md)