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 Informao (em Portugus)

List archive

Chronological Thread  
  • From: "Wellington Saamrin" <wellington.saa 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 16:07:18 -0200

Paula e Bernado,

Essa questão é muito boa!

Esse cuidado é uma questão de UX ou Experiência do Usuário que evita erros de uso.

Eu tenho um medo enorme de usar o botão MINHA PÁGINA do internet Banking do Banco do Brasil porque o botão fica próximo ao botão SAIR.

As formas nem são tão diferentes assim,  mas o posicionamento muito próximo requer atenção com a precisão do clique.

O exemplo de diferenças de formas e pesos nos botões é aplicado em várias situações do Gmail e isso nunca me atrapalhou. Já perguntei dessas duas situações pra várias pessoas leigas e elas se sentem mais seguros com a situação do Gmail.

Mais um exemplo: o botão de "Página Anterior" do Firefox tem um peso explicitamente maior do que o botão de "Próxima Página" tanto pela forma quanto pelas cores...

Abraço,

Wellington Saamrin
............................
Twitter: https://twitter.com/saamrin
Gtalk: wellington.saa AT gmail.com
Skype: saamrin
Comunidade no Orkut: Eu sou Bombeiro de Software
http://www.orkut.com.br/Community.aspx?cmm=836433


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




Archive powered by MHonArc 2.6.24.

Top of Page