Botão de Três Pontinhos

O que é um Botão de Três Pontinhos?

Um botão de três pontinhos é um tipo de botão sem rótulo de texto cujo ícone são três pontinhos (reticências), seja três pontinhos horizontais ou três pontinhos verticais.

Para que Serve o Botão de Três Pontinhos?

O botão de três pontinhos geralmente abre um menu suspenso com opções adicionais que não caberiam na barra de ferramentas ou na seção da interface gráfica onde está o botão.

Em alguns casos, o botão de três pontinhos é usado com um botão de menu em termos gerais. Isto é, a maiorias das ações que você pode tomar estariam escondidas dentro do menu suspenso, mesmo que houvesse espaço na página para exibí-las como botões.

Esse tipo de design vem na noção de um tipo de botão muito semelhante: o botão de três traços, também chamado de hamburger. Seu ícone simboliza o menu principal, e foi popularizado em designs de páginas para smartphones, que possuem telas muito pequenas. Observe que para smartphones isso seria uma necessidade, já que simplesmente não existe espaço.

Crítica

Botões de três pontinhos, assim como o de três trações (hamburger) são péssimos símbolos em interfaces gráficas, especialmente para websites.

Observe que o Google Chrome possui um botão de três pontinhos em seu canto superior-direito para seu menu principal. Se uma página web tiver um botão de três pontinhos no seu canto superior-direito também, haverá dois botões de três pontinhos um do lado do outro.

Na maioria dos casos, é mais útil para o usuário que as ações estejam plenamente visíveis na tela, ou no mínimo por trás de menus propriamente rotulados. Por exemplo, não há indicação que por trás dos três pontinhos haveriam mais ações que se pode tomar em relação a um perfil, tal como bloquear a conta, ou simplesmente mais meios de se seguir o perfil, já que está ao lado do botão Seguir.

Em muitas interface gráficas, o botão de três pontinhos nem é um único botão que exibe um menu suspenso com opções adicionais em uma única barra. Ele pode ficar ao lado de um botão se seta para baixo, ou de até outro botão de três pontinhos.

Em interfaces gráficas, pontinhos também são usados para simbolizar que uma elemento da interface pode ser arrastado para redimensioná-lo ou reordena-lo. Nesse caso os pontinhos (com relevo) indicariam que uma área da interface é fácil de "pegar" para arrastar. Em algumas interfaces, botões são estilizados de maneira achatada (flat design) logo não há distinção visível entre o que é um botão com três pontinhos e o que seria uma área de se "pegar" algo para arrastar.