A ordem dos botões que altera o produto

Você em alguma situação já clicou em cancelar quando queria salvar, ou vice versa? Vou ajudar a explicar porque isso acontece.

O posicionamento das ações principais à direita é o mais natural para mim, porque sou usuário do Windows e nele esse é o padrão adotado. Para usuários de MacOS e Linux o padrão muda.

ok-cancel-buttons.gif

A imagem é uma captura de tela do Office 2007 da Microsoft

Os desenvolvedores transportaram para suas interfaces os padrões que lhe eram mais familiares, o que fez com que na internet não houvesse padrão, nem Windows, nem Linux ou MacOS.

Pronto! Estes são os motivos, você talvez tenha convivido com essa salada de botões até hoje sem se dar conta, mas e agora, José? Temos usuários que interagem com os dois padrões na intenet, qual adotar?

Acredito que mais uma vez a solução é aplicar o bordão mais manjado dos defensores da usabilidade, “foco no usuário”. Como? Adote o padrão de acordo com o sistema operacional que o seu usuário utiliza.

Talvez caiba uma exceção se você está produzindo uma nova versão de um sistema, pois é interessante observar o padrão adotado no sistema legado e ouvir a opinião dos seus usuários.

Bem, se você não sabe quem é seu usuário e não sabe o sistema operacional que ele usa, a melhor decisão aí é abortar seu projeto…

Artigo recente publicado no site Useit, do guru Jakob Nielsen: OK–Cancel or Cancel–OK?.
Artigo do Luke Wroblewski sobre formulários: Web Application Form Design.

3 Respostas para “A ordem dos botões que altera o produto”

  1. Bruno Mori Diz: 

    Edson,

    O seu Post me lembrou do botão “Limpar Tudo” que normalmente fica ao lado do botão “Enviar” em um formulário na Internet. Acho que a inclusão deste botão em uma página é o maior erro que um Webmaster pode cometer.
    Não consigo enxergar muitos motivos os quais levam a um usuário a precsicar apagar tudo que escreveu. Mas este não é o problema, ao clicar por engano em “Limpar Tudo” o usuário tende a desistir imediatamente do cadastro. Eu mesmo já cliquei por engano diversas vezes.

  2. Edmar Diz: 

    @Bruno: Eu também já apertei o botão l“Limpar Tudo†algumas vezes…

    O artigo “Web Application Form Design” foi uma ótima dica.

  3. Fred Diz: 

    Muito bem lembrado, Edson. O respeito a padrões é muito importante.

    As metáforas as quais os usuários estão acostumados devem ser respeitadas. E hoje é simples fazê-lo, adequando o site ao reconhecer o sistema na máquina do visitante.

    Lembro do caso da Motorola que tentou inverter os botões de “atender” e “cancelar” dos celulares. Mas, como os consumidores estavam acostumados com o padrão, a Motorola foi obrigada a voltar atrás e seguir o padrão da líder Nokia - quantas ligações devem ter sido perdidas, clicando errado.

Comente: