Skip to Content.
Sympa Menu

aifia-pt - Re: [AI] Botões de ação primária e ação secundária em formulários

aifia-pt AT lists.ibiblio.org

Subject: Arquitetura da Informação (em Português)

List archive

Chronological Thread  
  • From: "Luciano Rodrigues" <luciano.rodrigues AT gmail.com>
  • To: "Arquitetura da Informação (em Português)" <aifia-pt AT lists.ibiblio.org>
  • Subject: Re: [AI] Botões de ação primária e ação secundária em formulários
  • Date: Thu, 8 Jan 2009 10:01:11 -0200

Oi Paula!

Acredito que isto seja mais uma questão de design ou usabilidade, mas como também sou designer, vamo lá, hehehe.

Já passei por situações parecidas, e uma solução que achei interessante foi essa em anexo, ou seja, utilizar botões com cores diferenciadas. Neste caso específico, o sistema possui temas de cores que o usuário pode selecionar, sendo que o botão principal segue a cor do tema e o secundário é sempre cinza.

Aproveitando o gancho, na época do estudo dessa solução me surgiu uma dúvida e fui procurar saber a respeito: o recomendado é deixar o botão principal à esquerda ou à direita? A única literatura que achei a respeito foi um artigo do Nielsen (http://www.useit.com/alertbox/ok-cancel.html) onde ele também não toma partido de nenhum lado, argumentando que o ideal é tentar seguir o padrão do principal sistema operacional onde roda o sistema: no Windows, os botões principais ficam na esquerda, no Mac, ficam à direita. Bem subjetivo, mas é uma linha a se considerar... Alguém já estudou a respeito?

Abraços!

Luciano.

2009/1/8 Bernardo Doré <berdore AT gmail.com>
Oi Paula

bom-dia.

Eu costumo fazer igual ao que você fez. Acho que conferir peso visual igual ao peso da ação faz sentido. Mas não me prendo a isso não, aplico caso a caso.

Em um processo com múltiplos passos, múltiplos formulários, eu coloco um "voltar" mais pra esquerda, um "prosseguir" mais pra direita e graficamente os botões são iguais.

Pelo que li na página do LukeW, a opção que se deu melhor foi a opção A, igual a sua.

"Este não é o padrão" e "usuários não estão acostumados" é balela. Coisa de gente sem argumento concreto. Se vc puder, dá uma olhada no "anexar arquivo" do gmail e do email pro do globo.com. Mostre o estudo do LukeW, procure exemplos em sites populares que corroborem sua visão. Ou melhor ainda: faça uma pesquisa com usuários =).

abcs

Bernardo

2009/1/8 Rogério Pereira <rogeriopa10 AT gmail.com>
Olá, Paula,


Eu fiz um post que fala sobre a importância das ações em formulários. Acho que pode ajudá-la.

http://www.rogeriopa.com/blog/?p=703

Abraços,

Rogério Pereira

2009/1/8 Paula Kreuger <contato AT paulakreuger.com>
Olá lista,

Surgiu uma dúvida aqui no trabalho.
Estou trabalhando com múltiplos formulários e optei por estilizar os botões ENVIAR e CANCELAR da forma em anexo (ver imagem .jpg), ou seja, o botão Cancelar como um link e o Enviar como botão. A meu ver, não é o modo usual, mas evita muitos erros e deixa bem claro a ação primária, induzindo o usuário a realizar a ação que desejamos. No entanto, estou sendo questionada de que este não é o padrão, usuários não estão acostumados, e portanto deveria optar pela opção de manter ambos como botões, mudando apenas as cores (no caso azul para primária e cinza para secundária).

Achei esta pesquisa sobre o caso, com um resultado bem interessante (a opção vencedora não tem nenhum tipo de diferenciação entre os botões!), mas gostaria de saber a opinião de vocês: o que vocês recomendariam neste caso?

Abraços,
Paula


--
Paula Kreuger
web designer
mobile: (48) 9998-9412
www.paulakreuger.com

"Design can be art. Design can be aesthetics. Design is so simple, that's why it is so complicated."  - Paul Rand

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt



--
Rogério Pereira | Arquiteto de Informação | 61 9144-5556 | www.rogeriopa.com

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt


. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt



--
www.lucianorodrigues.com

Attachment: botoes.gif
Description: GIF image




Archive powered by MHonArc 2.6.24.

Top of Page