Prática recomendada ao implementar listas numeradas em colunas?

7

Costumo implementar uma lista numerada para projetos impressos e web . Às vezes, é apenas mais eficiente dividir a lista em duas, três ou quatro colunas.

Como o pedido de itens deve ser tratado?

Os números devem começar em 1 no canto superior esquerdo, depois descer a coluna e pular para a próxima coluna para continuar a numeração? (Opção A)

Ou os números devem começar em 1 no canto superior esquerdo e mover para os lados 2, 3, etc., pulando colunas para cada número? (Opção B)

insira a descrição da imagem aqui

Em termos de capacidade de resposta da Web, a opção B oferece melhores pontos de interrupção (às vezes com 3 ou 4 colunas).

Isso deve ser tratado da mesma forma na impressão e na web?

Scott
fonte
pessoalmente, acho que a opção A é mais legível. Eu acho que nós (cultura bem ocidental) tendem a ler em colunas da esquerda para a direita, para que eu tinha lido toda a coluna esquerda antes de ir para o próximo
binky
11
@ Scott Embora eu não acredite que a questão esteja fora de tópico aqui, o site da UX definitivamente também coloca questões relacionadas a materiais impressos. Entre outras coisas.
Chris Hayes

Respostas:

12

Eu acho que sua primeira opção é uma prática muito melhor. Eu não trataria uma lista numerada de maneira diferente do que projetaria uma lista alfabética. Você configuraria o índice de um livro em um estilo de coluna alternada?

Fazer o olho de um leitor varrer várias colunas não vende a continuidade que uma lista ordenada deve fornecer.

O texto de várias colunas da Web ainda é delicado, mas o suporte a CSS está crescendo (e está na maioria dos navegadores modernos)

Primeiro rascunho
fonte
6

Opção A, pelo amor de cachorro, por favor. Revirar meus olhos para frente e para trás para ler a Opção B é cansativo. (É assim que o Stack Exchange faz a ordem alfabética das tags, e eu odeio isso. ) É quase como se você precisasse carregar muita informação da esquerda para a direita enquanto pulava de uma coluna para a próxima, em vez de apenas deslizar rapidamente para baixo.

Não vejo quase nenhuma vantagem na opção B para impressão ou web.

Lauren-Clear-Monica-Ipsum
fonte
B é mais sobre web design responsivo ... então ....
Scott
4

A opção A é ótima, parece intuitiva. A leitura de colunas de cima para baixo é natural para os leitores ocidentais.

A opção B é mais adequada para linhas, em vez de colunas, e talvez seja uma maneira de tentar; menos espaço entre as entradas, mais espaço entre as linhas. O ponto favorável à resposta é legítimo, mas, como está agora, acho que esse layout dificulta a legibilidade do seu conteúdo e a capacidade de digitalizar e analisar rapidamente as informações sem atrito, que deve ser a prioridade número 1.

Vicki
fonte