Ícones padrão

Os ícones padrão são os ícones de erro, aviso, informações e ponto de interrogação que fazem parte do Windows.

Os ícones padrão de erro, aviso, informações e ponto de interrogação.

Os ícones padrão têm estes significados:

• Ícone de erro. A interface do usuário (UI) está apresentando um erro ou problema que ocorreu.
• Ícone de aviso. A interface do usuário está apresentando uma condição que pode causar um problema no futuro.
• Ícone de informação. A interface do usuário está apresentando informações úteis.
• Ícone de ponto de interrogação. A interface do usuário indica um ponto de entrada da Ajuda.

Os ícones padrão são notáveis porque são incorporados em muitas interfaces de programação de aplicativos (APIs) do Windows, como caixas de diálogo de tarefas, caixas de mensagem, balões e notificações . Eles também são comumente usados em mensagens in-loco e barras de status.

Nota: Diretrizes relacionadas a ícones são apresentadas em um artigo separado.

Conceitos de design

Existem vários fatores na escolha do ícone padrão apropriado, o que em parte explica por que eles são usados tão frequentemente incorretamente. Os erros mais comuns são:

• Usando um ícone de aviso para erros menores. Os avisos não são erros "suavizados".
• Usando um ícone padrão quando é melhor não usar nenhum ícone. Nem todas as mensagens precisam de um ícone.
• Alarmar os utilizadores, dando avisos para problemas menores ou apresentando perguntas de rotina como avisos. Isso faz com que os programas pareçam propensos a perigos e prejudica problemas verdadeiramente significativos.

O restante desta seção explica como pensar em ícones padrão para evitar esses erros comuns.

Tipo de mensagem vs. severidade

Escolha ícones padrão com base no tipo de mensagem, não na gravidade do problema subjacente. Os tipos de mensagem são:

• Erro. Ocorreu um erro ou problema.
• Atenção. Uma condição que pode causar um problema no futuro.
• Informação. Informações úteis.

Consequentemente, uma mensagem de erro pode ter um ícone de erro, mas nunca um ícone de aviso. Não use ícones de aviso como forma de "suavizar" pequenos erros. Assim, apesar da diferença de gravidade, "Tamanho de fonte incorreto" é um erro, enquanto "Continuar com esta operação vai incendiar sua casa" é um aviso.

Determinando o tipo de mensagem apropriado

Algumas questões podem ser apresentadas como um erro, aviso ou informação, dependendo da ênfase e fraseado. Por exemplo, suponha que uma página da Web não pode carregar um controle ActiveX não assinado com base na configuração atual do Windows Internet Explorer:

• Erro. "Esta página não pode carregar um controle ActiveX não assinado." (Formulado como um problema existente.)
• Atenção. "Esta página pode não se comportar como esperado porque o Windows Internet Explorer não está configurado para carregar controles ActiveX não assinados." ou "Permitir que esta página instale um controle ActiveX não assinado? Fazê-lo a partir de fontes não fidedignas pode danificar o seu computador." (Ambos formulados como condições que podem causar problemas futuros.)
• Informação. "Você configurou o Windows Internet Explorer para bloquear controles ActiveX não assinados." (Formulado como uma declaração de fato.)

Para determinar o tipo de mensagem apropriado, concentre-se no aspeto mais importante do problema que os usuários precisam saber ou agir. Normalmente, se um problema impede o usuário de prosseguir, ele é apresentado como um erro; Se o usuário puder continuar, é um aviso. Crie o de instruções principal do ou outro texto correspondente com base nesse foco e, em seguida, escolha um ícone (padrão ou não) que corresponda ao texto. O texto de instrução principal e os ícones devem sempre corresponder.

Gravidade

Embora a gravidade não seja uma consideração ao escolher entre os ícones de erro, aviso e informações, gravidade é um fator para determinar se um ícone padrão deve ser usado.

Os ícones funcionam melhor quando usados para se comunicar visualmente. (Note que, por razões de acessibilidade, esta comunicação visual deve ser sempre redundante com outra forma, como texto ou som.) Os utilizadores devem ser capazes de perceber rapidamente a natureza da informação e as consequências da sua resposta, pelo que temos de diferenciar os erros críticos e os avisos dos seus homólogos comuns. Os erros críticos e os avisos têm estas características:

• Envolvem a perda potencial de um ou mais dos seguintes elementos:
  • Um ativo valioso, como perda de dados ou perda financeira.
  • Acesso ou integridade do sistema.
  • Privacidade ou controlo sobre informações confidenciais.
  • Tempo do usuário (uma quantidade significativa, como 30 segundos ou mais).
• Têm consequências inesperadas ou não intencionais.
• Eles exigem um manuseio correto agora, porque os erros não podem ser facilmente corrigidos e podem até ser irreversíveis.

Para distinguir erros e avisos não críticos dos críticos, as mensagens não críticas geralmente são exibidas sem um ícone. Isso chama a atenção para mensagens críticas, torna as mensagens críticas e não críticas visualmente distintas e é consistente com o tom Windows.

Nem todas as mensagens precisam de um ícone. Os ícones não são uma forma de decorar mensagens.

Segue-se um bom exemplo de aviso crítico porque cumpre as características previamente definidas.

Neste exemplo, um aviso crítico alerta os usuários sobre uma possível perda irreversível de dados.

No entanto, o próximo exemplo não é crítico porque é provável que seja intencional e seus resultados são facilmente desfeitos.

Incorreto:

Neste exemplo, esse de confirmação não é crítico porque é provável que seja intencional e facilmente desfeito.

Em uma interface do usuário típica, a maioria dos erros está relacionada a erros de entrada do usuário. A maioria dos erros de entrada do usuário não são críticos porque são facilmente corrigidos, e os usuários devem corrigi-los antes de continuar. Além disso, chamar muita atenção para pequenos erros do usuário é contrário ao tom do Windows. Consequentemente, pequenos erros de entrada do usuário geralmente são exibidos sem um ícone de erro. Para reforçar a sua natureza não crítica, referimo-nos a estes como problemas de entrada do utilizador.

Neste exemplo, esse pequeno problema de entrada do usuário não é crítico, portanto, não precisa de um ícone quando apresentado em uma caixa de diálogo.

Evite sobreaviso

Nós advertimos demais em programas do Windows. O programa típico do Windows tem ícones de aviso aparentemente em todos os lugares, alertando sobre coisas que têm pouco significado. Em alguns programas, quase todas as perguntas são apresentadas como um aviso. O sobreaviso faz com que o uso de um programa pareça uma atividade perigosa e prejudica problemas verdadeiramente significativos.

O mero potencial de perda de dados por si só é insuficiente para chamar um ícone de aviso. Além disso, quaisquer resultados indesejáveis devem ser inesperados ou não intencionais e não devem ser facilmente corrigidos. Caso contrário, praticamente qualquer pergunta respondida incorretamente pode ser interpretada como resultando em perda de dados de algum tipo e merecer um ícone de aviso.

Para focar os ícones de aviso em problemas verdadeiramente críticos:

• Certifique-se de que o problema merece maior atenção do usuário. Confirmações de rotina e perguntas não devem ter ícones de aviso.
• É provável que os utilizadores se comportem de forma diferente como resultado do ícone de aviso? É provável que os utilizadores considerem a decisão com mais cuidado?

Incorreto:

Neste exemplo, é provável que os usuários respondam a essa pergunta de forma diferente por causa do ícone de aviso?

• Há alguma ação significativa a fazer ou decisão a tomar? Avisos sem ações apenas fazem com que os usuários se sintam paranoicos.

Incorreto:

Por que essa notificação é um aviso? O que os usuários devem fazer (além da preocupação)?

Contexto

O contexto também é uma consideração no uso de ícones padrão, porque o próprio contexto comunica informações. Mais especificamente:

• Enquanto as caixas de diálogo (incluindo caixas de diálogo de tarefas e caixas de mensagem) e notificações não precisam de ícones para erros não críticos, os erros in-loco sempre precisam de ícones de erro. Caso contrário, esse retorno de informação não modal seria demasiado fácil de ignorar.
• Os avisos no local precisam sempre de ícones de aviso para os distinguir do texto normal.
• Caixas de diálogo, notificações e balões não precisam de ícones de informações porque estão apresentando informações de forma clara. Por outro lado, os banners precisam de informações de pixel 16x16 ou outros ícones porque esse feedback não modal seria muito fácil de ignorar.

Como o contexto é um fator significativo no uso de ícones, as diretrizes de ícones padrão neste artigo são dadas em termos de contexto.

Avaliando a adequação do ícone padrão

Ao avaliar o texto da interface do usuário, leia também todos os ícones padrão. Leia ícones de erro como "erro!", ícones de aviso como "aviso, tenha muito cuidado aqui!", e ícones de informação como "atenção!". Em seguida, continue a ler o contexto restante, como a instrução principal, a área de conteúdo e os botões de confirmação. Certifique-se de que o significado e o tom de cada ícone padrão correspondem ao significado e ao tom do seu contexto. Se não o fizerem, encontrou um problema.

Se você fizer apenas uma coisa...

Certifique-se de que o significado e o tom de cada ícone padrão correspondem ao significado e ao tom do seu contexto. Se não corresponderem, altere ou remova o ícone.

Orientações

Nota: Para as diretrizes a seguir, "in-loco" significa em qualquer superfície de janela normal, como dentro da área de conteúdo de um assistente, folha de propriedades ou página de item do painel de controle.

Geral

• Escolha ícones padrão com base no tipo de mensagem e não na gravidade do problema subjacente:
  • Erro. Ocorreu um erro ou problema.
  • Atenção. Uma condição que pode causar um problema no futuro.
  • Informação. Informações úteis.
• Se um problema abrange diferentes tipos de mensagem, concentre-se no aspeto mais importante sobre o qual os usuários precisam agir.
• Os ícones devem sempre corresponder à instrução principal ou outro texto correspondente.

Correto:

Incorreto:

No exemplo incorreto, o ícone de aviso padrão não corresponde à instrução principal (que dá um erro).

Tamanho do ícone

• Escolha o tamanho do ícone padrão com base no contexto:

  Contexto	Quando utilizar
  Caixas de diálogo	Use 32x32 pixels para ícones de área de conteúdo; 16x16 pixels para ícones de área de nota de rodapé.
  No local	Use 32x32 pixel para páginas de erro; Ícones de pixel 16x16 para todos os outros.
  Notificações	Use ícones de 16x16 pixels.
  Balões	Use ícones de 16x16 pixels.
  Estandartes	Use ícones de 16x16 pixels.

Ícones de erro

• Usar ícones de erro somente quando ocorrer um erro ou um problema:

  Contexto	Quando utilizar
  Caixas de diálogo	Use apenas para erros críticos. (Não use ícones padrão para erros não críticos.)
  Erros no local	Use para todos os erros.
  Notificações	Use apenas para erros críticos. (para falhas de ação .)
  Balões	Não use. Os balões não devem ser usados para erros críticos e não precisam de ícones de erro para erros não críticos.
  Estandartes	Não use. Os banners não devem ser usados para erros.

• Geralmente, os ícones de erro não são necessários para problemas de entrada de usuário não críticos. No entanto, os ícones são necessários para erros no local, porque, caso contrário, esse feedback contextual seria muito fácil de ignorar.

• Para caixas de diálogo de tarefas, não use ícones de notas de rodapé de erro. Os ícones de erro devem ser apresentados apenas na área de conteúdo.

Ícones de aviso

• Use ícones de aviso somente quando uma condição pode causar um problema no futuro:

  Contexto	Quando utilizar
  Caixas de diálogo	Use para todos os avisos.
  Avisos no local	Use para identificar o texto como um aviso.
  Notificações	Use para todos os avisos. (para eventos não críticos do sistema.)
  Balões	Use para condições especiais.
  Estandartes	Use para chamar a atenção para o banner.

• Não use ícones de aviso para "suavizar" erros não críticos. Erros não são avisos, aplique as diretrizes do ícone de erro.

• Para caixas de diálogo de perguntas, use ícones de aviso apenas para perguntas com consequências significativas. Não use ícones de aviso para perguntas de rotina.

Correto:

Incorreto:

No exemplo incorreto, um ícone de aviso é usado incorretamente para uma pergunta de rotina.

• Para caixas de diálogo de tarefas, você pode usar um ícone de nota de rodapé de aviso para alertar os usuários sobre consequências arriscadas. No entanto, use um ícone de aviso na área de conteúdo ou na área de nota de rodapé, mas não em ambos.

Neste exemplo, um escudo de segurança amarelo é usado em uma nota de rodapé.

Ícones de informação

• Use ícones de informações somente quando o contexto não estiver obviamente apresentando informações:

  Contexto	Quando utilizar
  Caixas de diálogo	Não use.
  No local	Não use. Em vez disso, use texto estático simples ou um banner.
  Notificações	Não use.
  Balões	Não use.
  Estandartes	Use para chamar a atenção para o banner.

• Os ícones de informações não são necessários em caixas de diálogo, notificações e balões porque seu contexto comunica suficientemente que eles estão fornecendo informações aos usuários.

• Para caixas de diálogo de tarefas, não use ícones de notas de rodapé de informações. As notas de rodapé são suficientemente visíveis e escusado será dizer que são informações.

Ícones de ponto de interrogação

• Use o ícone de ponto de interrogação apenas para pontos de entrada da Ajuda. Para obter mais informações, consulte o ponto de entrada da Ajuda diretrizes.
• Não use o ícone de ponto de interrogação para fazer perguntas. Novamente, use o ícone de ponto de interrogação apenas para pontos de entrada da Ajuda. Não há necessidade de fazer perguntas usando o ícone de ponto de interrogação, de qualquer forma, basta apresentar uma instrução principal como uma pergunta.
• Não substitua rotineiramente ícones de ponto de interrogação por ícones de aviso. Substitua um ícone de ponto de interrogação por um ícone de aviso apenas se a pergunta tiver consequências significativas. Caso contrário, não use nenhum ícone.