Usabilidade: Use verbos em nomes (rótulos) de botões

2 set
2008

Todos nós já estamos familiarizados com os botões “Ok”, “Cancelar”, “Sim” e “Não” em caixas de diálogos (aquelas mensagens que aparecem, geralmente, quando vamos encerrar uma aplicação). Simples textos que nos perguntam se concordamos ou discordamos da próxima ação que a aplicação fará. Porém, não é interessante ter como respostas para essas perguntas exclamações como “Ok”, “Cancelar”. Então, ao invés disso é melhor utilizar verbos nos rótulos desses “botões de resposta”. Para ficar mais clara essa explicação, observe as imagens abaixo entre dois sistemas operacionais diferentes.

Aqui está uma caixa de diálogo do WordPad, no Windows, que aparece quando fazemos algumas alterações no documento e tentamos fecha-lo sem salvar:

Ela pergunta se desejamos salvar as alterações. Abaixo temos os botões “Sim”, “Não” e “Cancelar”. A função desses botões é evidente, uma vez que lermos a mensagem apresentada na caixa de diálogo. Porém, se essa mensagem não for lida, as respostas não serão tão objetivas, pois precisamos saber para que estamos dizendo “Sim” ou “Não”.

Agora uma caixa de diálogo semelhante no Mac OS X. O software utilizado é o TextEdit, um equivalente ao WordPad do Windows. Essa mensagem apareceu também ao tentar fechar um documento sem salvar as suas alterações.

A mensagem que apareceu é similar a do Windows – embora esta seja mais detalhada, explicando o que acontecerá, dependendo da ação que realizarmos – mas o que há de mais interessante são os rótulos dos botões. Em todos há verbos – “Não Salvar”, “Cancelar” e “Salvar”. Todos eles significam alguma coisa, mesmo quando não lemos a mensagem acima.

Como isso afeta a usabilidade? Pois bem – no primeiro exemplo, você realmente tem que lar a mensagem da caixa de diálogo antes de clicar em determinado botão. No segundo exemplo, você sabe do que se trata aquela caixa de diálogo apenas lendo os rótulos dos botões – você não precisa ler a mensagem acima para decidir o que fazer. Isto não apenas poupa tempo, mas torna cada escolha mais clara. Ou seja, os botões dizem-lhe exatamente o que vai acontecer.

Este é um exemplo simples utilizando Windows e Mac OS X, mas esse princípio se aplica a todas aplicações, inclusive aplicações web. Basta usar verbos, da maneira correta, em botões ou links que você poupa tempo de seus usuários e torna todas as escolhas dele mais objetivas.

Este artigo fio traduzido por Newton Calegari (eu) a partir do texto original de Dmitry Fadeyev no The Usability Post.


Artigos relacionados

Comment Form

top