it-swarm-pt.com

Deve haver uma diferença nos tamanhos relativos dos botões em uma caixa de diálogo de confirmação?

Entendo a ideia de ter a ação mais provável de ser usada em uma página um pouco maior ou em um estilo diferente para orientar o usuário a ela (por exemplo, ter um botão para salvar, mas um pequeno link de texto para cancelar).

Quando digamos que um administrador pressiona delete, aparece uma caixa de diálogo de confirmação perguntando se eles têm certeza de que desejam fazer isso e apresentando duas opções: 'Sim, excluir isso' e 'Não, mantenha isso'. No momento, eles têm o mesmo tamanho e estilo e, portanto, o mesmo peso na página.

Fiquei me perguntando se esse deveria ser o caso ou devo assumir que o administrador não é um idiota e se eles clicaram em confirmar confirmando que esta ação é a parte mais importante de sua próxima etapa e, portanto, devem receber uma ponderação maior na página ?

15
Toby

Luke Wroblewski escreveu um artigo chamado Ações primárias e secundárias em formulários da web que fala especificamente sobre esse problema. Seus dados são baseados em pesquisas de estudos de rastreamento ocular.

A conclusão é basicamente que deve haver diferenças no peso visual entre os dois, para que você possa interpretar, à primeira vista, qual chamada à ação é mais significativa. Ele também fala um pouco sobre posicionamento e ordem.

Visual weight in forms

Quanto a qual botão deve ter mais peso, cabe a você determinar a situação. Geralmente, é uma boa prática ser muito conservador quanto aos botões ao lidar com operações CRUD, como excluir algo, mas você provavelmente sabe melhor (ou deve testar) qual situação é mais provável. Se a exclusão ocorrer com mais frequência, talvez seja a ação principal.

Consulte a resposta de Michael abaixo para obter algumas boas referências às diretrizes da plataforma, que especificam como você deve decidir qual deve ser a ação principal.

Para mais discussões sobre questões semelhantes com botões, consulte estas perguntas:

10
Rahul

Se esse é um aplicativo de cliente espesso para desktop ou é importante ser consistente com os aplicativos para desktop, as diretrizes do Windows 7 UX especificam que, para ações arriscadas, o botão com maior destaque visual deve ser a "escolha segura" (página 384). Especificamente, a opção segura deve ser o botão padrão, que é mais visível visualmente do que outros botões e também ativado pela tecla Enter. Da mesma forma, o HIG da Apple diz que o botão mais importante deve ser aquele que “representa a ação que o usuário provavelmente executará se essa ação não for potencialmente perigosa . [ênfase no original]. ” Ele recomenda especificamente que não se destaque um botão "se causar perda de dados do usuário" (p245).

Portanto, o botão mais destacado deve ser "Não, mantenha isso", certo?

Por outro lado, eu tenho que concordar com você que as chances são de que o usuário não seja um idiota e mais de 90% do tempo em que realmente deseja excluir o objeto. O resultado é que os usuários adquirem o hábito de clicar no botão de confirmação da sua mensagem de confirmação sem realmente pensar ou mesmo ler a mensagem, m hábito que muitos usuários já possuem . Isso anula o propósito de ter a mensagem em primeiro lugar. Além disso, com exceção dos deslizes do mouse, os usuários geralmente não sabem que estão cometendo um erro até depois que a ação é confirmada e vêem o resultado na janela principal (por exemplo, “Ops. Excluído o coisa errada"). Tais confirmações fazem pouco além de desperdiçar o esforço do usuário e ensinar maus hábitos.

Se possível, não tenha nenhuma confirmação para exclusão. Em vez disso, tenha uma clara e fácil maneira de desfazer exclusões.

10
Michael Zuschlag