Para Que Serve Os Tres Pontos

O que são os três pontos na prática

Os três pontos — o sinal de reticência ou, mais comum no dia a dia digital, o ícone que aparece em interfaces — estão em todo lugar. Menus de aplicativos, barras de ferramentas do navegador, caixas de diálogo, até teclados de celular. Muita gente não sabe o que clicar porque simplesmente não entende a lógica por trás. O ícone de três pontos funciona como um repositório de ações secundárias. Quando você vê aquele botão com três pontinhos vertically ou horizontally dispostos, o sistema está dizendo: "tem mais opções aqui, mas elas não são as principais." É um padrão de design chamado kebab menu (quando vertical) ou ellipsis menu (quando horizontal). O problema é que esse padrão veio do design system da Google (Material Design) e foi copiado cegamente por desenvolvedores que nem sempre entendem a intenção. O resultado: botões de três pontos que abrem menus com oito opções misturadas, sem hierarquia visual clara. Já vi gente clicando achando que era um menu de compartilhamento e se deparar com configurações de privacidade que não tinham nada a ver com o que procuravam.

Como identificar e usar corretamente

A primeira coisa é perceber a posição. Três pontos verticais () geralmente indicam um menu de contexto relacionado ao item em que você está — um arquivo, uma mensagem, um perfil. Três pontos horizontais () costumam ser menus globais da tela ou da aplicação inteira. Na maioria dos apps modernos, basta tocar ou clicar nos três pontos e um dropdown ou sheet sobe com as opções. O truque é que as ações mais importantes quase nunca ficam lá. Elas já estão visíveis na tela. O menu de três pontos é reservado para funções que você usa de vez em quando: exportar, arquivar, compartilhar link, configurar permissões, ver histórico.

Um caso que quase me custou trabalho

Em 2022, estava configurando uma automação no Zapier quando me deparei com um botão de três pontos dentro de um card de integração. A interface mostrava claramente os botões "Ativar" e "Editar" logo abaixo do card. Os três pontos ficavam no canto superior direito. A tentação era ignorá-los porque as ações principais já estavam visíveis. Mas a opção que eu precisava — clonar a integração para um novo ambiente — só existia dentro daquele menu escondido. Passei 40 minutos tentando encontrar uma forma manual de duplicar o zap, criando tudo do zero, até perceber que o botão de três pontos estava lá. Não era um detalhe ornamental. Era a única via para aquela funcionalidade. Desde então, sempre começo minhas investigações de UI verificando os menus de três pontos antes de assumir que algo não existe.

Limitações e quando o padrão falha

O maior problema dos três pontos é que eles são invisíveis para usuários novatos. Um estudo da NN/G mostrou que a taxa de reconhecimento do ícone de kebab menu por usuários leigos fica em torno de 40% em média. Para públicos mais jovens ou menos familiarizados com interfaces digitais, o ícone não comunica absolutamente nada. Além disso, o menu de três pontos tem um teto prático de cerca de 5 a 7 itens. Quando passa disso, o menu vira uma lista interminável que ninguém lê. Vi interfaces com 12 opções empilhadas num dropdown de três pontos. Ninguém encontrava nada. A solução óbvia seria dividir em seções ou usar menus separados, mas a preguiça de design vence na maioria das vezes. Outro ponto fraco: em telas pequenas de celular, o menu de três pontos muitas vezes fica atrás de outros elementos ou fica tão apertado que o toque acerta o item errado. Em dispositivos com tela menor que 4 polegadas, prefira botões explícitos sempre que possível. O menu de três pontos funciona bem em tablets e desktops, onde o cursor permite hover e confirmação visual antes do clique.

Dica técnica para quem desenvolve

Se você está construindo uma interface, use os três pontos apenas quando as ações alternativas realmente forem secundárias e esporádicas. Coloque label de texto sempre que possível junto ao ícone, especialmente em ações críticas. O ícone sozinho não basta para acessibilidade e nem para usabilidade em primeiro acesso. Teste com usuários que nunca viram o sistema antes. Se eles não conseguirem adivinhar que os três pontos abrem um menu, o design falhou. Não adianta você saber que o padrão existe — o usuário médio não compartilha desse conhecimento.

Resumo rápido do dia a dia

Três pontos verticais = ações relacionadas ao item específico que você selecionou. Três pontos horizontais = ações gerais da tela ou app. Ações principais nunca ficam escondidas lá. Se o menu tiver mais de sete opções, o design provavelmente precisa de revisão. E se você está perdido numa interface nova, o primeiro lugar para procurar quando algo não parece estar onde deveria é sempre aquele botão de três pontinhos no canto. Achei útil? Compartilha nos comentários se já passou por situações parecidas ou se conhece algum caso onde o padrão funcionou muito bem.