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: "Paula Kreuger" <paulakreuger 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 09:55:04 -0200

Oi Bernardo,

Obrigada pela ajuda. :) Vou coletar uns screenshots com exemplos para me justificar. :) Eu gosto dessa opção (A). Ainda não tive a oportunidade de fazer teste com usuários (outro capítulo da novela), mas tenho como cobaias :) minha equipe de programadores e desde que mudei os botões eles não erram mais, o que é um bom sinal, afinal, se eles que passam horas todos os dias na interface erravam, imagine o usuário!

O que eu tenho notado é que diferenciação por cores não são lá uma boa... afinal as pessoas se relacionam com cores de forma diferente. Se tenho branco e azul, por exemplo, quem me diz qual delas é a principal? Tem gente que olha direto para cor clara, outros para o cor escura... Depende muito da cor de fundo, com branco fica mais fácil. Ou seja, segundo o LukeW, a diferenciação por cor seria recomendada, porém os resultados da pesquisa, feita por ele mesmo, mostraram que não é bem assim... hora de rever os conceitos? :)

Abraços!!
Paula

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



--
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



Archive powered by MHonArc 2.6.24.

Top of Page