Ações e controlos Archives

Wireframe comparando um dropdown compacto, opções visíveis e busca para listas longas.

Quando usar dropdown e quando evitar

Lucas Camara 30/08/2026

Dropdowns economizam espaço, mas escondem opções e acrescentam uma etapa. Use-os quando a escolha for única, fechada e contextual.

Wireframe de uma interface com uma ação de exclusão destacada e indicação de recuperação

Como tratar ações destrutivas

Lucas Camara 13/08/2026

Combine risco, reversibilidade e alcance para decidir quando confirmar, desfazer ou executar uma ação destrutiva.

Interface com cartões de conteúdo e um único botão flutuante posicionado em uma área segura

Quando usar botão flutuante

Lucas Camara 13/08/2026

Use botão flutuante apenas para uma ação primária, frequente e claramente identificável, sem cobrir conteúdo nem competir com a navegação.

Botão em estado de processamento dentro de um formulário wireframe

Como evitar múltiplos cliques durante o carregamento

Lucas Camara 13/08/2026

Mostre que a primeira ação foi recebida, evite reenvios durante o processamento e proteja o servidor contra efeitos duplicados.

Wireframe com uma ação principal destacada e duas ações secundárias menos enfatizadas.

Onde posicionar ações primárias e secundárias?

Lucas Camara 13/08/2026

Posicione a ação principal onde ela seja mais percebida e mantenha as ações secundárias próximas, mas visualmente subordinadas e consistentes.

Ilustração minimalista comparando um botão com ícone e rótulo visual a um botão compacto somente com ícone

Botões devem ter ícone e texto?

Lucas Camara 13/08/2026

Combine ícone e texto quando a ação precisar de clareza. Use apenas ícone quando o significado for reconhecível, consistente e acessível.

Ilustração minimalista mostrando a decisão entre um link que leva a outro destino e um botão que executa uma ação local.

Link ou botão: qual usar?

Lucas Camara 12/08/2026

Link navega para um destino; botão executa uma ação. Veja como escolher o elemento certo, preservar acessibilidade e evitar interfaces com semântica enganosa.

Wireframe minimalista de uma página interativa contrastada com uma modal evitável.

Quando não usar modal

Lucas Camara 08/08/2026

Evite modais para fluxos longos, mensagens comuns e conteúdo que não precisa bloquear a página.

Wireframe de uma modal curta e central sobre uma página simplificada, com decisão breve e saída clara.

Quando usar modal

Lucas Camara 08/08/2026

Use modais apenas para decisões ou tarefas curtas que exigem atenção imediata, sem substituir páginas e mensagens contextuais.

Interface genérica com botão primário destacado e botão secundário em contorno

Botão primário e secundário: como definir a hierarquia

Lucas Camara 08/08/2026

A hierarquia entre botões primários e secundários ajuda a indicar a ação principal sem transformar toda a tela em chamada para ação. Escolha a ênfase pela prioridade da tarefa, limite o destaque e mantenha as alternativas reconhecíveis.