Agrupamento/Distinção por Formato
O critério de Agrupamento/Distinção por Formato diz respeito mais especificamente às características gráficas (formato, cor, etc.) que indicam se itens pertencem ou não a uma dada classe, ou que indicam ainda distinções entre classes diferentes ou distinções entre itens de uma dada classe.
CHECKLIST
Clique no tópico para expandir
1. Os controles e comandos encontram-se visualmente diferenciados das informações apresentadas nas telas?
Diferenciação visual para funções diferentes.
Fazer uma distinção visual clara de áreas que têm diferentes funções (área de comandos, área de mensagens, etc.).
Os separadores podem ser empregados para delimitar visualmente as zona lógicas, funcionais ou de escolha de uma aplicação.
2. Códigos visuais são empregados para associar diferentes categorias de dadosdistribuídos de forma dispersa nas telas?
Diferenciação visual para funções diferentes.
Fazer uma distinção visual clara de áreas que têm diferentes funções (área de comandos, área de mensagens, etc.).
Os separadores podem ser empregados para delimitar visualmente as zona lógicas, funcionais ou de escolha de uma aplicação.
3. Os diferentes tipos de elementos de uma tela de consulta (dados, comandos e instruções) são visualmente distintos uns dos outros?
Elementos de apresentação distintos
Distinguir os diferentes elementos de uma tela, janela ou caixa de diálogo.
EXEMPLO:
As diferentes áreas de apresentação podem ser separadas por caixas de agrupamentos (quando for permitido);
Quando os dados apresentados, os controles e comandos, instruções, etc, forem distintos.
4. Os rótulos são visualmente diferentes dos dados aos qu ais estão associados?
Diferenciação visual para os rótulos.
O formato e a posição dos rótulos devem ser suficientemente distinguíveis para ajudar o usuário a diferenciá-los dos dados e de outros elementos da apresentação.
Os rótulos devem apresentar diferenças quanto à forma e ao posicionamento, para ajudar os usuários a distingui-los de dados e outros elementos.
EXEMPLO: Os rótulos devem estar em maiúsculas. quando os dados são mostrados em maiúsculas e minúsculas, ou devem ser opacos quando os dados têm brilho, ou devem usar uma fonte diferente quando isso for possível.
5. Os cabeçalhos de uma tabela estão diferenciados através do emprego de cores diferentes, letras maiores ou sublinhadas?
Cabeçalhos diferenciados.
Certifique-se de que os cabeçalhos das linhas e colunas sejam distinguíveis dos dados apresentados dentro de tabelas, através do emprego de cores, fontes e estilos diferenciados.
Existem muitos modos de distinguir diferentes tipos rótulos, incluindo diferenças consistentes no formato/localização nas telas, bem como fontes e marcadores especiais.
Se a tabela for muito complexa, os cabeçalhos podem ser codificados através de cores. O tamanho da letra e o sublinhado podem ser usados para distinguir e enfatizar cabeçalhos. O vídeo reverso pode ser usado para assinalar cabeçalhos mais importantes.
6. Em situações anormais, os dados críticos e que requeiram atenção imediata são diferenciados através do uso de c ores brilhantes como por exemplo, o vermelho ou o rosa?
Dados críticos destacados.
Forneça codificação diferenciável para destacar itens importantes exigindo a atenção do usuário, particularmente quando esses itens não são apresentados com freqüência.
Tais itens podem ser de dados modificados recentemente ou dados discrepantes que excedam os limites aceitáveis, ou ainda dados desrespeitando algum outro critério definido.
“Destaque” é usado aqui no seu sentido geral, significando enfatizar ou fazer proeminente, não sendo restrito a qualquer método particular de codificação de apresentação tal como brilho ou vídeo reverso.
O destaque é mais efetivo quando usado esparsamente, funcionando melhor para telas com aparência relativamente uniforme, exceto para alguns poucos itens salientados.
Para alguns propósitos, uma maneira de salientar é a codificação por posição, como na apresentação de itens numa localização consistentemente particular. Exemplo: uma mensagem de erro aparece num espaço, que de outra maneira, seria deixado em branco.
Outros códigos auxiliares podem ainda ser necessários para salientar itens importantes, mesmo se forem posicionados consistentemente.
A codificação colorida deve ser usada para dados que exijam atenção imediata. Os dados associados a estados indesejáveis e a alarmes devem ser apresentados em vermelho. Use verde para indicar condições normais.
[^6-1]: Smith & Mosier [1986] pg 175 rec 2.6*1
Brilho e saturação para chamar a atenção
Em alguns dispositivos os projetistas podem variar a intensidade, bem como a saturação da apresentação. Nessas apresentações, tanto a intensidade quanto a saturação podem ser usadas para chamar a atenção do usuário para dados críticos.
Embora a saturação ou intensidade da cor sejam úteis para chamar a atenção dos usuários, seu uso exagerado pode resultar em uma apresentação extravagante, difícil de visualizar por longos períodos.
Quando decidir pela saturação de qualquer dispositivo colorido, considere a iluminação do ambiente no qual o dispositivo será visualizado. Cores que aparecem altamente saturadas em um ambiente escuro aparecerão menos saturadas em ambientes bem iluminados.
7. Sinais sonoros são empregados para alertar os usuários em relação a uma apresentação visual?
Sinais sonoros para chamar a atenção.
Sinais sonoros podem ser úteis para alertar os usuários com relação a uma apresentação visual.
Considere as apresentações sonoras como um meio de suplementar a apresentação visual, ou como um meio alternativo dos saída dos dados em aplicações, onde apresentações visuais não são realizáveis.
A apresentação sonora pode ser impraticável em situações, em que o ruído ambiente alto impeça uma audição acurada.
Quando comparada com apresentações visuais, uma apresentação sonora oferece uma vantagem potencial por atrair a atenção do usuário; um usuário não tem que escutar com atenção uma apresentação sonora para compreendê-la. Por outro lado, as apresentações sonoras possuem desvantagens comparativas. Elas, geralmente, não oferecem uma grande gama de opções de códigos e não permitem fácil exploração (scanning) para sobre itens de dados críticos, ou itens que podem ter sido incompreendidos na primeira audição. Tenha cuidado, pois as apresentações sonoras não fornecem uma representação das relações espaciais entre os ítens.
8. Na apresentação de textos, os recursos de estilo, como itálico, negrito, sublinhado ou diferentes fontes são empregados para salientar palavras ou noções importantes?
Estilo de texto para destacar.
Os recursos de estilo, como itálico, negrito, sublinhado ou diferentes fontes devem ser empregados para salientar palavras ou noções importantes na apresentação de um texto.
Codificação por negrito: utilizar o negrito, com moderação, para colocar um dado em evidência.
Codificação por estilo: o texto a ser colocado em evidência pode estar em itálico.
Codificação por fonte: utilizar diferentes fontes para colocar em evidência.
EXEMPLO POSITIVO: Destaque de uma ligação hipertextual por meio de uma fonte diferente.
Codificação por tamanho da fonte: utilize a variação de tamanho da fonte para colocar em evidência.
9. Os itens selecionados para alteração, atualização ou acionamento estão destacados dos outros?
Destaque para itens selecionados.
Itens selecionados para alteração, atualização ou acionamento devem ser destacados.
Quando dados forem alterados devido a alguma atualização automática, podem se destacar esses dados temporariamente. O amarelo deve ser usado para atualizações que merecem atenção.
10. Nas situações de alarme e nas telas de alta densidade de informação, o recurso de intermitência visual é empregado para salientar dados e informações?
Intermitência visual para alarmes.
Considerar o atributo de intermitência visual quando da apresentação de itens com necessidade urgente de atenção.
Se usado cautelosamente, o atributo de intermitência visual é efetivo para chamar a atenção do usuário na apresentação de itens de significado não usual. Desse modo, para telas de alta densidade e para situações de alarme, o uso do código de intermitência é recomendado.
Caracteres piscantes podem ter a legibilidade reduzida e causar fadiga visual, se usados demasiadamente. Dessa forma aconselha-se que os dados a serem lidos e interpretados pelo usuário não devam ser intermitentes. O correto seria apresentar um elemento adicional usado como marcador piscante associado ao dado principal.
Talvez 3 ou 4 classes distintas de itens piscantes possam ser confiavelmente distinguidas, mas será mais seguro usar o atributo de intermitência visual como um código de dois níveis, intermitente versus não intermitente. Assim, não use diferentes padrões de intermitência para representar diferentes categorias de dados. Procure usar somente dois níveis (intermitente e não intermitente) para codificar.
11. Os campos obrigatórios são diferenciados dos campos opcionais de forma visualmente clara?
Distinguindo campos de dados obrigatórios dos opcionais.
Na apresentação de formulários, diferencie clara e consistentemente campos de dados obrigatórios e opcionais
EXEMPLO:
A delineação dos campos pode ser usada com esse propósito; uma linha interrompida indicando entradas obrigatórias e um tracejado para indicar entradas opcionais.
Número de licença: _ _ _ _ _ _ _ _ _ _ _ _
Capacidade de passageiros: ......................
EXEMPLO:
Alternativamente, pode ser preferível distinguir campos obrigatórios dos opcionais através da codificação dos respectivos rótulos, colocando entre parênteses os campos opcionais.
12. Nas caixas de mensagens, o botão selecionado por default tem uma apresentação visual suficientemente distint a dos outros?
Botão default visualmente distinto.
Nas caixas de mensagens, a situação por default de todo botão de comando deve ser suficientemente distinta no que se refere a sua apresentação.
13. Em situações em que se exija atenção especial do usuário, as mensagens de alerta e de aviso são apresentadas de maneira distinta?
Mensagens críticas destacadas.
Em situações que requeiram uma atenção particular, as mensagens de alerta e de aviso devem ser codificadas de maneira suficientemente distinta.
14. A forma do cursor do mouse é diferente da de qualquer outro item apresentado?
Cursor distinguível.
Para designar a posição em uma tela, fornecer um cursor móvel com características visuais distinguíveis (forma, efeito piscante, etc.)
Quando escolher a forma do cursor, considerar o conteúdo geral da apresentação. Por exemplo, um cursor sublinhado pode ser difícil de ver numa apresentação de texto sublinhado, ou numa apresenta ção gráfica contendo muitas outras linhas.
Se o cursor for modificado para denotar funções diferentes (ex. sinalizar deleção em vez de entradas), então cada cursor diferente deve ser distinguível de outros.
Se múltiplos cursores são usados na mesma apresentação (ex. um para entradas alfanuméricas e um para desenhar linhas), então o cursor deve ser distinguível de outros.
15. As formas de cursores (dois ou mais) apresentados simultaneamente são suficientemente distintas umas das outras?
Cursores múltiplos distintos.
Se múltiplos cursores forem usados, torná-los visualmente distintos entre si.
= Seleção normal
= Seleção ajuda
= Trabalho em segundo plano
= Ocupado
= Seleção exata
= Seleção de texto
= Manuscrito
= Não disponível
= Redimensionamento na vertical
= Redimensionamento na horizontal
= Redimensionamento na diagonal 1
= Redimensionamento na diagonal 2
= Mover
= Seleção alternada
16. As caixas de agrupamento são empregadas para rea lçar um grupo de dados relacionados?
Caixas de agrupamento para indicar grupos de informações.
Para mostrar um grupo de dados relacionados, utilize uma caixa de agrupamento.
Para minimizar o tempo do deslocamento visual ao percorrer as informações, os dados que estão ligados devem ser apresentados suficientemente próximos uns dos outros.
Referência[^16] [^16]: Bodart & Vanderdonckt [1993] pg 115 rec 1
17. Quando apresenta opções não disponíveis no momento, o sistema as mostra de forma diferenciada visualmente?1
Difere nciação visual para opções não disponíveis.
Os itens ativos de menu devem ser apresentados de uma maneira mais evidente que os itens inativos.
Se opções geralmente não disponíveis podem, em um outro nível do diálogo, tornar-se disponíveis e se a coerência da apresentação é importante, tais opções podem ser mostradas além das opções disponíveis. Todavia, uma codificação visual deve ser utilizada para diferenciar os dois tipos de opção.
EXEMPLO: Utilizar caracteres cinza para as opções não disponíveis e caracteres em n egrito para as opções disponíveis (preferível).
EXEMPLO: Se pode ser empregada codificação por cores, uma cor diferente ou uma cor de intensidade diferente pode ser utilizada para diferenciar as opções disponíveis das opções não disponíveis.
Os itens inativos de um menu não devem ser selecionáveis.
-
ISO 9241 Parte 14 [1995] pg 27 e 28 rec 8.1.5 ↩