it-swarm-pt.com

Usabilidade da tabela / fonte legível para uma tabela de dados

Qual é a melhor fonte para uma tabela de dados? O monoespaço é bom, mas ocupa mais espaço; portanto, você não pode ter tanto espaço em branco entre os itens. Da mesma forma, quais são alguns bons princípios de usabilidade para tabelas de dados? Coisas como zebra striping, etc. Tentei pesquisar no Alertbox, mas não encontrei nada.

12
Kevin Burke

MIL-STD 1472F A Seção 5.14.3.5 possui uma seção muito boa sobre a exibição de tabelas em uma interface com o usuário, embora possa haver alguma atualização para GUIs modernas. Aqui estão alguns dos padrões, juntamente com a minha interpretação marcada com um marcador para GUIs:

5.14.3.5.4 Títulos. Para uma tabela que ocupa várias páginas, os cabeçalhos das colunas devem estar em todas as páginas da tabela.

  • Por extensão, se o usuário precisar rolar para ver todos os itens da tabela, os cabeçalhos sempre permanecerão em exibição (por exemplo, colocando-os em uma div sem rolagem ou repetindo-os).

5.14.3.5.5 Extensão horizontal. As tabelas não devem ser divididas horizontalmente entre as páginas.

  • É melhor ter rolagem horizontal, desde que o cabeçalho da linha (identificador de registro) seja fixo para não sair da vista.

5.14.3.5.6 Listas. Os itens das listas devem ser organizados em uma ordem reconhecível, como cronológica, alfabética, seqüencial, funcional ou importante.

5.14.3.5.6.2 Extensão vertical. Onde as listas se estendem por mais de uma página de exibição, a última linha de uma página deve ser a primeira na página seguinte.

  • Por extensão, ao rolar uma tabela com um quadro cheio de cada vez, clicando na faixa da barra de rolagem, a última linha de um quadro cheio deve ser a primeira linha do quadro cheio seguinte.

5.14.3.5.6.5 Ordenação vertical em várias colunas. Onde os itens de uma lista são exibidos em várias colunas, os itens devem ser ordenados verticalmente dentro de cada coluna .

  • Isso só se aplica se a lista estiver totalmente visível sem a necessidade de rolar.

5.14.3.5.10 Justificação da entrada numérica. Os usuários deverão fazer entradas numéricas em tabelas sem preocupação com justificativas; o computador deve justificar à direita números inteiros ou justificar em relação a um ponto decimal, se presente.

  • Ou seja, a casa decimal de todos os seus números deve estar alinhada para permitir comparações fáceis.

5.14.3.5.11 Unidades de medida de rotulagem. As unidades de dados exibidas devem ser consistentemente incluídas nos rótulos das colunas exibidas.

5.14.3.5.13 Sugestões de verificação de colunas. Uma separação de colunas não inferior a três espaços deve ser mantida.

  • Isso se traduz em cerca de 12 pixels, usando Arial de 12 pontos como padrão.

5.14.3.5.14 Sugestões de verificação de linha. Em tabelas densas com muitas linhas, uma linha em branco deve ser inserida após um grupo de linhas em intervalos regulares. Não devem ser exibidas mais de cinco linhas sem que uma linha em branco seja inserida.

A legibilidade da fonte para uma tabela é praticamente a mesma de qualquer outro lugar; portanto, você provavelmente deve usar a mesma fonte que o restante do seu conteúdo. Fonte monoespaçada como Courier New deve ser evitada : é mais lento de ler e não há realmente nenhuma razão para isso em tabelas com marcação moderna. Além disso, a a legibilidade da fonte é complicada , mas se você escolher uma fonte "regular" comum como o Tahoma, provavelmente estará bem.

12
Michael Zuschlag

Eu acho que a interface do Segoe é uma boa fonte que também pode ser lida em um tamanho menor.

1
Ravi

É melhor usar uma fonte sem serifa (como Helvetica ou Verdana) porque é mais limpa que uma fonte com serifa (como Times New Roman) e, portanto, não faça a mesa parecer desordenada. Por quê? Uma serifa usa "pés" decorativos ou cachos, enquanto a sem serifa não. Existem vários estudos para medir qual tipo de fonte tem a maior legibilidade na tela, como "Os efeitos do tipo e tamanho da fonte na legibilidade e no tempo de leitura do texto on-line por adultos mais velhos" ou "O impacto das combinações de cores de texto e fundo na página da Web" legibilidade, retenção, estética e intenção comportamental "e sem serifa são mais eficazes. Quando a interface fica desordenada, isso afeta nossa carga cognitiva, o que dificulta a compreensão da tabela.

Embora eu não tenha feito um estudo estatisticamente significativo sobre isso, as pessoas que pedi parecem pensar que as sem serifas nas mesas são mais agradáveis ​​visualmente. (Você precisa pedir (ou fazer um cérebro para ser extra) o seu grupo-alvo para garantir que eles tenham a mesma experiência.)

Se algo é visualmente agradável, isso afetará a usabilidade percebida da tabela. Existe também uma forte correlação entre estética e satisfação e prazer do usuário. Isso foi estudado, por exemplo, "Uma teoria neuropsicológica do afeto positivo e sua influência na cognição. Psychological Review, 106, 529-550". Por quê? - Porque algumas das influências cognitivas do humor positivo são devidas ao aumento dos níveis de dopamina nas áreas corticais frontais que resultam dos eventos que provocam a elevação do humor. Você também pode conferir o estudo "Avaliando dimensões da estética visual percebida dos sites".

Eu encontrei apenas um estudo que tenta medir a velocidade e a precisão de leitura entre tabelas simples e tabelas com zebra e parece haver quase nenhuma diferença entre esses dois. Veja o estudo completo aqui

No entanto , as pessoas tendem a gostar mais de tabelas com zebra provavelmente porque parece melhor. (Veja os parágrafos acima por razões pelas quais isso é importante)

Se você estiver gerando tabelas muito longas com muitas colunas que as pessoas precisam rolar - use um cabeçalho de tabela fixo para que as pessoas possam ver o que os números significam sem depender de sua memória de curto (muito curto) prazo.

0
Tony Bolero

Verdana é boa IMO. Ele deve ser lido em telas de baixa resolução. É fácil de ler, mesmo em tamanhos pequenos.

0
Elias Zamaria