Barras de status (Noções básicas de design)

Uma barra de status é uma área na parte inferior de uma janela primária que exibe informações sobre o estado da janela atual (como o que está sendo exibido e como), tarefas em segundo plano (como impressão, digitalização e formatação) ou outras informações contextuais (como seleção e estado do teclado).

As barras de status normalmente indicam o status por meio de texto e ícones, mas também podem ter indicadores de progresso, bem como menus para comandos e opções relacionadas ao status.

Uma barra de status típica.

Esta é a interface de usuário correta?

Para decidir, considere estas questões:

• O status é relevante quando os usuários estão usando ativamente outros programas? Em caso afirmativo, use um ícones da área de notificação.

• O item de status precisa exibir notificações? Em caso afirmativo, você deve usar um ícone da área de notificação.

• A janela é uma janela principal? Caso contrário, não use uma barra de status. Caixas de diálogo, assistentes, painéis de controle e folhas de propriedades não devem ter barras de status.

• A informação é principalmente status? Caso contrário, não use uma barra de status. As barras de status não devem ser usadas como uma barra de menus secundária ou barra de ferramentas.

• As informações explicam como usar o controle selecionado? Em caso afirmativo, exiba as informações ao lado do controle associado usando uma explicação suplementar ou um rótulo de instruções.

• O estatuto é útil e relevante? Ou seja, é provável que os usuários mudem seu comportamento como resultado dessas informações? Caso contrário, não exiba o status ou coloque-o em um arquivo de log.

• O status é crítico? É necessária uma ação imediata? Em caso afirmativo, exiba as informações em um formulário que exija atenção e não possa ser facilmente ignorado, como uma caixa de diálogo ou dentro da própria janela primária.

  

  Uma barra de endereço vermelha no Windows Internet Explorer.

• O programa destina-se principalmente a usuários iniciantes? Os usuários inexperientes geralmente não estão cientes das barras de status, portanto, reconsidere o uso de barras de status neste caso.

Conceitos de design

As barras de status são uma ótima maneira de fornecer informações de status sem interromper os usuários ou interromper seu fluxo. No entanto, as barras de status são fáceis de ignorar. Tão fácil, na verdade, que muitos usuários não notam barras de status.

A solução para esse problema não é exigir a atenção do usuário usando ícones berrantes, animação ou piscando, mas projetar para essa limitação. Pode fazê-lo da seguinte forma:

• Certificar-se de que as informações de estado são úteis e relevantes. Se não, não forneça uma barra de status.
• Não usar barras de status para informações cruciais. Os usuários nunca devem ter que saber o que está na barra de status. Se os usuários precisarem vê-lo, não o coloque em uma barra de status.

Se você fizer apenas uma coisa...

Certifique-se de que as informações da barra de status são úteis e relevantes, mas não cruciais.

Padrões de utilização

As barras de status têm vários padrões de uso:

Utilização	Exemplo
Status atual da janela Mostrar a origem do que está a ser apresentado juntamente com quaisquer modos de visualização	Neste exemplo, a barra de status exibe o caminho para o documento.
Progresso Mostrar o progresso das tarefas em segundo plano, com uma barra de progresso determinada ou uma animação.	Neste exemplo, a barra de status inclui uma barra de progresso para mostrar o carregamento da página da Web em uma janela do Internet Explorer.
Informações contextuais Mostrar informações contextuais sobre o que o usuário está fazendo no momento.	Neste exemplo, o Microsoft Paint mostra o tamanho da seleção em pixels.

Orientações

Geral

• Considere fornecer um comando View Status Bar se apenas alguns usuários precisarem das informações da barra de status. Oculte a barra de status por padrão se a maioria dos usuários não precisar dela.
• Não use a barra de status para explicar os itens da barra de menus. Este padrão de ajuda não é detetável.

Apresentação

• Desative o status modal que não se aplica. O status modal inclui os estados do teclado e do documento.
• Remova o status não modal que não se aplica.
• Apresente as informações de status na seguinte ordem: status atual da janela; progresso; e informações contextuais.

Ícones

• Escolha designs de ícones de status facilmente reconhecíveis. Prefira ícones com contornos únicos em vez de ícones quadrados ou retangulares.

• Use faixas de vermelho, amarelo e verde puro apenas para comunicar informações de status. Caso contrário, tais ícones são confusos.

  Correto:

  

  Incorreto:

  

  No exemplo incorreto, o ícone vermelho sugere involuntariamente um erro, criando confusão.

• Use variações de ícones ou sobreposições para indicar alterações de status ou status. Use variações de ícones para mostrar alterações em quantidades ou forças. Para outros tipos de status, use estas sobreposições padrão:

  Sobreposição	Situação
  	Advertência
  	Erro
  	Desativado/Desconectado
  	Bloqueado/Offline

• Não altere o status com muita frequência. Os ícones da barra de status não devem parecer barulhentos, instáveis ou exigir atenção. O olho é sensível a alterações no campo de visão periférico, por isso as alterações de estado têm de ser subtis.

• Para ícones que fornecem informações de status importantes, prefira rótulos in-loco.

• Os ícones da barra de status sem rótulo devem ter dicas de ferramentas.

Para obter mais informações, consulte Ícones.

Interação

• Torne uma área da barra de status interativa para permitir que os usuários tenham acesso direto a comandos e opções relacionados.
  • Use um controle que se pareça e se comporte como um botão de menu ou um botão de divisão. Essas áreas da barra de status devem ter uma seta suspensa para indicar que podem ser clicadas.
  • Exiba o menu clicando com o botão esquerdo do mouse para baixo, não com o mouse para cima.
  • Não suporta clicar com o botão direito do rato ou clicar duas vezes. Os usuários não esperam essas interações em uma barra de status, portanto, não é provável que tentem fazê-las.
• Exiba dicas de ferramentas ao passar o mouse.

Texto

• Geralmente, use rótulos concisos. Corte qualquer texto que possa ser eliminado.
• Prefira fragmentos de frases, sem pontuação final. Use frases completas (com pontuação final) apenas quando os fragmentos de frases não forem significativamente mais curtos.
• Para rótulos de progresso opcionais, indique o que a operação está fazendo com um rótulo que começa com um verbo (forma gerúndio) e termina com uma reticência. Por exemplo: "Copiar...". Esse rótulo pode mudar dinamicamente se a operação tiver várias etapas ou estiver processando vários objetos.
• Não use cor, negrito ou itálico para enfatizar o texto da barra de status.
• Para obter diretrizes de fraseado de dica de ferramenta, consulte Dicas de ferramentas e dicas de informações.

Documentação

Consulte as barras de status como barras de status, não linhas de status ou outras variações. Exemplo: "O número da página atual é exibido na barra de status."