it-swarm-pt.tech

Uma barra de rolagem ou duas para conteúdo + barra lateral?

Estou trabalhando no design de um site e tentando decidir se a barra lateral se desloca independentemente do conteúdo da página ou se apenas uma barra de rolagem controla as duas divs. Que princípio devo usar para orientar a decisão? Em quais situações você deseja que o conteúdo da barra lateral permaneça fixo enquanto um usuário percorre o conteúdo principal?

Uma barra de rolagem

  • O usuário sabe onde eles estão na página
  • o conteúdo na barra lateral permanece na mesma posição em relação a outro conteúdo
  • Segurar o mouse em qualquer lugar da página rola a barra
  • A grande maioria dos sites usa apenas uma barra de rolagem - se encaixa nas expectativas do usuário
  • pode ter sites de largura fixa sem barra de rolagem feia no meio da página

Duas barras de rolagem

  • Pode visualizar informações na barra lateral enquanto navega no conteúdo principal, o que é bom quando o conteúdo principal tem mais de 4000 pixels ou você precisa de informações na barra de rolagem e na barra de conteúdo principal ao mesmo tempo
  • A barra lateral requer todo o lado esquerdo da página ou cabeçalho fixo, o que reduz a importância do conteúdo principal, a altura vertical da barra lateral e do conteúdo principal
  • Requer o posicionamento do mouse na barra lateral para rolar o conteúdo
  • Dois exemplos de decisões diferentes da mesma empresa seriam o Google Code, que é um site de barra de rolagem de largura fixa e o Google Reader, que tem duas barras de rolagem. Eu acho que com o Google Reader eles precisam de uma barra de rolagem porque o conteúdo é gerado dinamicamente.

Agradeço sua ajuda com isso - especialmente se você puder me indicar dados inclinados de qualquer maneira.

11
Kevin Burke

Acho que a opção que você não enumerou na sua pergunta é a de rolagem de conteúdo com uma barra lateral flutuante (cuja localização é sempre uma distância fixa das bordas da janela, não das bordas do conteúdo).

Eu pensaria cuidadosamente se as duas colunas precisam rolar. Nos casos destacados, o contexto de troca de usuário entre o conteúdo principal e a barra lateral precisaria perder sua localização na página (se rolasse para a parte inferior do conteúdo principal e fosse necessário acessar algo próximo à parte superior da barra lateral) ou teria que descobrir quadros de rolagem independentes e requer mais movimento do mouse para escolher qual coluna obtém ações de rolagem.

Sem saber o escopo do aplicativo que você está desenvolvendo, minha primeira recomendação seria limitar o conteúdo da barra lateral a menos que a altura da janela. Se você precisar de mais espaço, poderá empregar guias na barra lateral ou ter seções paginadas horizontalmente dentro da barra lateral.

3
Brendan Berg

Eu tentaria evitar a rolagem e resolver a navegação na barra lateral de uma maneira diferente. Por exemplo, com paginação e uma alteração semelhante à ajax da barra lateral.

alt text

1
Lode

Parece que você já conhece os prós e os contras de cada tipo, portanto não há muito a acrescentar. Como você disse, alguns sites precisam de 2 barras de rolagem, enquanto a maioria precisa de uma.

Eu acrescentaria outra idéia que é um cruzamento entre os dois que você mencionou. Você pode criar uma barra lateral estaticamente posicionada (css, position: fixed) e ainda assim manter a barra lateral no lugar, mas com apenas uma barra de rolagem. Isso seria um pouco menos confuso para os usuários e é bom desde que o conteúdo da barra lateral seja menor que a página.

0
Sruly