Allan Day
aday@gnome.org
Calum Benson
Adam Elman
Seth Nickell
Colin Robertson
Georges Neto
georges.stavracas@gmail.com 2014,
Rafael Fontenelle
rafaelff@gnome.org 2017-2021

# Botões

Os botões são um dos elementos de interface de usuário mais comuns e básicos. Os botões podem ser usados para executar ações, alternar configurações ou visualizações, ativar ferramentas ou exibir caixas de diálogo, janelas sobrepostas ou outros elementos da interface do usuário.

# Diretrizes gerais

Um botão pode conter um ícone, botão ou – mais incomumente – uma imagem. Siga os diretrizes de ícones e obras de arte ao decidir qual o uso.

Depois de pressionar um botão, o usuário deve esperar para ver o resultado de sua ação dentro de 1 segundo.

Não use mais de uma ou duas larguras diferentes de botão na mesma janela e faça com que todos eles tenham a mesma altura. Isso ajudará a proporcionar uma aparência visual uniforme e agradável à sua janela que facilita a sua utilização.

Não atribua ações para fazer clique duplo ou clicar com o botão direito do mouse em um botão. É improvável que os usuários descubram essas ações e, se o descobrirem, distorcerão suas expectativas de outros botões no ambiente.

Torne os botões inválidos insensíveis, em vez de surgir uma mensagem de erro quando o usuário clicar neles.

Quando vários botões são colocados um ao lado do outro, assegure-se de que eles tenham a mesma largura. Isso é particularmente importante para pares de botões Cancel e OK.

Em um diálogo, um botão pode ser tornado o botão padrão, que é mostrado com uma borda diferente e é ativado pressionando Return. Muitas vezes, este será o botão OK ou equivalente. No entanto, se pressionar este botão por engano pode causar perda de dados, não configure um botão padrão para a janela.

# Botões de texto

Rotule todos os botões com verbos imperativos, usando maiusculização de título. Por exemplo, Save, Sort ou Update Now.

Use reticências quando um botão exige mais entrada do usuário para completar uma ação.

Forneça uma tecla de acesso no rótulo que permite ao usuário ativar diretamente o botão a partir do teclado.

Mantenha a ordem dos rótulos, de forma que eles não façam com que o botão use espaço demais. Também é importante considerar como os rótulos vão alterar o tamanho quando localizados (traduzidos).

# Botões de alternância

Os botões de alternância parecem os botões regulares, mas são usados para mostrar ou alterar um estado em vez de iniciar uma ação. Os dois estados do botão de alternância, configurados e não, são mostrados por sua aparição “pressionada” ou “para fora”, respectivamente.

# Botões vinculados

Grupos de botões com função semelhante podem ser agrupados. Isso ajuda a comunicar sua semelhança. A vinculação é uma técnica comum para conjuntos de botões de alternância.

# Ações sugeridas e destrutivas

Nos casos em que um botão tem um papel afirmativo particularmente importante, pode-se dar um estilo sugerido. Isso destaca o botão e ajuda a distingui-lo de outros controles visíveis.

Botões que têm uma consequência destrutiva, como remover ou excluir um item de conteúdo, podem ter um estilo destrutivo. Isso destaca o botão colorindo-o e atua como um aviso para o usuário.

Cada visualização deve incluir apenas um único botão sugerido ou destrutivo.

# Referência de API

GtkButton

GtkToggleButton