web-development-kb-pt.site

A rolagem é melhor do que clicar para revelar mais conteúdo?

O que é mais rápido? Rolar para baixo ou clicar em um botão para revelar mais conteúdo? Atualmente, nosso site exige um clique nos números das páginas para revelar mais conteúdo. Temos 9 canais por página, que se encaixam em em uma tela nas resoluções mais comuns.

Pessoalmente, acredito que ter 2 ou 3 páginas em conteúdo e rolar para baixo para revelar essas páginas seria mais fácil. Deveríamos ter mais de 20 canais por página. Eu apenas aperto a roda do mouse ou pressiono a tecla para baixo. Não preciso apontar para um botão minúsculo (que leva mais tempo conforme a Lei de Fitts).

57
JoJo

A paginação deve ser usada para dividir o conteúdo em grupos de conteúdo semântico ou relacionado a tarefas, como por suas categorias na barra de menus à esquerda. Isso permite que os usuários encontrem conteúdo por o que é (por exemplo, o título da página em um menu) e não onde é (por exemplo, número da página ou posição relativa em uma página de rolagem). Geralmente, as tarefas do usuário dependem de o que ("Preciso verificar esportes") e não onde (“Preciso verificar os canais em dois terços da lista”).

Cada página do conteúdo relacionado pode rolar. Ao mesmo tempo, você não podia confiar em quase todos os usuários que sabiam rolar, então os designers eram aconselhados a manter todo o conteúdo "acima da dobra". Essa preocupação desapareceu agora, e os usuários estão perfeitamente aptos e dispostos a rolar se houver sinais de que o conteúdo que eles desejam está mais abaixo na página (embora, por uma questão de eficiência, você ainda deva colocar o conteúdo que os usuários desejam mais no topo, como fornecido pelo recurso de classificação). [Veja o artigo de Jakob Nielsen, " Rolagem e atenção ."]

No seu caso, parece que você tem uma lista arbitrariamente dividida em páginas. Isso é quase sempre inferior a colocar tudo em uma grande lista de rolagem. Eu achei a rolagem três vezes mais rápida que a paginação para encontrar e comparar dados em uma tabela ou lista. Uma pesquisa mais sistemática sobre os resultados da pesquisa (bem perto do que você encontrou) descobriu que páginas de 50 itens podiam ser digitalizadas mais rapidamente que páginas de 1 itens (100 itens aparentemente não eram significativamente diferentes de 50, mas em nesse ponto, havia apenas duas páginas de resultados).

A rolagem tem as seguintes vantagens sobre a paginação em listas e tabelas (nem todas necessariamente se aplicam no seu caso):

  • O controle da barra de rolagem é padronizado para que a maioria dos usuários já esteja familiarizada com ele. A paginação não possui padronização, portanto, é preciso atenção e aprendizado para usá-la (por exemplo, onde os links estão na página, se existe um link Primeiro ou Último, se há links para páginas individuais selecionadas).

  • O número de itens mostrados pode ser ajustado automaticamente com o redimensionamento da janela, permitindo que os usuários otimizem o número de itens visíveis em uma etapa e evitando situações em que há rolagem e paginação.

  • A barra de rolagem é rapidamente acessível, não importa onde o usuário esteja na janela. As interfaces de paginação geralmente fornecem os links da página apenas na parte superior e/ou inferior da página, o que pode significar uma longa duração; eles podem até rolar para fora da vista.

  • Os usuários podem mover apenas um item de cada vez para mostrar os itens que desejam ver juntos. A paginação divide itens em grupos arbitrários, o que pode resultar na divisão dos itens de interesse nas páginas.

  • Os usuários podem rolar para qualquer lugar da lista com um único arrasto. A paginação é limitada aos links da página mostrados, geralmente limitando o usuário a se mover apenas pela vizinhança imediata.

  • Os usuários podem selecionar vários itens para executar uma ação neles (por exemplo, copiar, excluir) e podem olhar para qualquer outro item enquanto mantêm a seleção atual. A paginação geralmente permite e mantém apenas a seleção dos itens na página atual.

  • A classificação do usuário tem menos probabilidade de resultar em desorientação. Com a rolagem, você pode deixar a posição de rolagem onde está ou pode rolar automaticamente para "perseguir" o item da lista que atualmente está em foco; de qualquer maneira, os usuários estão bem. No entanto, com a paginação, os usuários podem ficar desorientados ao classificar tudo na página atual ou se o número da página mudar para algum outro valor para manter o item atual em foco. Muitas implementações de paginação (como a sua) redefinem o usuário para Página 1 após a classificação, o que parece evitar desorientação, mas muitas vezes exige que o usuário navegue novamente para um item específico.

  • Os usuários ainda podem mover uma "página" de cada vez, clicando no "track" da barra de rolagem.

Eu recomendo que você coloque todos seus canais em um único painel de rolagem. Coloque a lista de canais em um painel ou quadro separado no menu e em outros controles gerais para que eles continuem fáceis de acessar. A mistura de paginação e rolagem (por exemplo, 20 de 127 canais por página) pode ser pior do que a paginação sozinha, forçando o usuário a decidir quando fazer cada um e, às vezes, pode precisar fazer as duas coisas (por exemplo, rolar para cima ou para baixo nos links para página). Parece que 127 canais têm cerca de 500kB para carregar em uma página. Presumivelmente, seus usuários têm conexões de alta velocidade se estiverem assistindo TV na Web, para que você possa contar com o carregamento de 500kB em apenas alguns segundos.

Agora, 127 canais em uma única página podem aparecer como "muitos" para o usuário, portanto, você pode querer interromper eles dentro da página (por exemplo, colocando cabeçalhos para "Hoje", "Ontem", "Última semana", quando classificados por Mais recentes).

54
Michael Zuschlag

Embora a rolagem seja a maneira preferida em muitos cenários, em um assistente/tutorial ou qualquer outra situação semelhante "faça uma coisa, faça a próxima coisa", um próximo botão "1,2,3 ..." pode ser melhor maneira, para que o usuário saiba que está saindo da etapa/pergunta anterior e que uma nova possa ser tratada.

9
Henrik Ekblom

Além dos pontos mencionados na resposta aceita:

A rolagem tem mais recursos integrados do que um clique seguinte:

  • arrastando a barra de rolagem para rolar com a visualização da vida
  • clicando na barra de rolagem para ir para a página
  • clicando nos botões de finalização para pequenas etapas (idealmente, por item)
  • roda de rolagem do mouse (ou mecanismos similares em laptops)
  • Botões Page up/Page Down, Cursor up/Cursor down

Todos esses mecanismos são bastante padronizados e os usuários estão familiarizados com isso. A barra de rolagem costuma ser um mero indicador de que posso usar a roda de rolagem.

A única desvantagem de uma barra de rolagem mal implementada é que ela não é orientada a itens, ou seja, as distâncias dos saltos não se correlacionam diretamente com o conteúdo. (Ou, em outras palavras, pode ser difícil de implementar dessa maneira).

5
peterchen

Muito menos um trackpad com rolagem de inércia!

Eu realmente não gosto dos pequenos ícones/links da página seguinte/anterior. Quando o conteúdo formar um todo, cole-o em uma página e role. Senão, corte-o com um sumário ou categorias decentes.

No seu site, o "Todos" requer 23 páginas! Se você colocar isso em uma única página de rolagem, poderá dividi-lo de alguma maneira significativa, por exemplo, por categoria, em ordem alfabética, ... Nesse caso, a barra lateral se tornará um sumário e clicar em uma entrada saltará para essa posição dentro a página. Fácil salto e rolagem combinados.

2
Peter Frings

Se você está perguntando sobre velocidade, a rolagem é definitivamente mais rápida do que clicar em dezenas de páginas, 9 itens em cada. A única desvantagem de rolar páginas longas pode ser a desorientação do usuário, uma vez que existem mais de 50 itens em uma página.

Eu acho que você poderia comparar isso com a interface web do Twitter. Não seria irritante se você tivesse apenas 9 tweets por página e tivesse que clicar nos botões "próximo/anterior" na parte inferior ...

2
Jüri

A paginação é definitivamente mais lenta do que rolar a página. No entanto, a paginação tem suas vantagens. Isso facilita o rastreamento dos resultados. Se o tipo de lista que você exige exige ordem e contagem mais rigorosas, a paginação pode ajudar.

1
Kernan Kobaya

Sem dúvida, a rolagem é muito mais rápida do que encontrar e clicar em um link. Mas apenas porque é mais rápido, não significa que você deve tornar suas páginas super longas. Em outras palavras, você não deve usar rolagem infinita em todas as situações, porque, se houver muito conteúdo, os usuários talvez não tenham paciência para rolar até o fim.

Por que rolagem é o novo clique

Este artigo destaca que, se você criar sua página para rolagem, os usuários poderão "ver todo o conteúdo em ordem na página sem precisar clicar em nenhum link". Mas se você usar links de páginas, "os usuários podem pular um link de página e ir para o link de sua preferência sem visitar as páginas puladas. Se um rótulo de link de página não agrada a eles, eles não clicam nele e veem as conteúdo por trás desse link ".

Isso significa que você corre o risco de os usuários não verem determinado conteúdo se não clicarem em um dos links da sua página. Mas se eles rolarem, é quase certo que eles verão.

0
Burma