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.
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.
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.
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.