it-swarm-es.com

¿Una barra de desplazamiento o dos para contenido + barra lateral?

Estoy trabajando en el diseño de un sitio web e intento decidir si la barra lateral se desplaza independientemente del contenido de la página, o si solo una barra de desplazamiento controla ambos divs. ¿Qué principio debo usar para guiar la decisión? ¿En qué situaciones desea que el contenido de la barra lateral permanezca fijo mientras un usuario se desplaza por el contenido principal?

Una barra de desplazamiento

  • El usuario sabe dónde están en la página.
  • el contenido en la barra lateral permanece en la misma posición en relación con otro contenido
  • Al mantener el mouse en cualquier lugar de la página, se desplaza la barra
  • La gran mayoría de los sitios web usan solo una barra de desplazamiento, se ajusta a las expectativas del usuario
  • puede tener sitios de ancho fijo sin una barra de desplazamiento fea en el medio de la página

Dos barras de desplazamiento

  • Puede ver información en la barra lateral mientras navega por el contenido principal, lo cual es bueno cuando el contenido principal es> 4000px de longitud, o necesita información en la barra de desplazamiento y en la barra de contenido principal al mismo tiempo
  • La barra lateral requiere el lado izquierdo completo de la página o un encabezado fijo que reduce la importancia del contenido principal, la altura vertical de la barra lateral y el contenido principal.
  • Requiere la colocación del mouse dentro de la barra lateral para desplazar su contenido
  • Dos ejemplos de decisiones diferentes aquí de la misma compañía serían Google Code, que es un sitio de barra de desplazamiento de ancho fijo y Google Reader, que tiene dos barras de desplazamiento. Creo que con Google Reader necesitan una barra de desplazamiento porque el contenido se genera dinámicamente.

Le agradezco su ayuda con esto, especialmente si pudiera señalarme la inclinación de datos de cualquier manera.

11
Kevin Burke

Creo que la opción que no enumeró en su pregunta es la de desplazar el contenido con una barra lateral flotante (cuya ubicación siempre es una distancia fija de los bordes de la ventana, no de los bordes del contenido).

Pensaría cuidadosamente si ambas columnas necesitan desplazarse. En los casos que resalte, el usuario que cambia el contexto entre el contenido principal y la barra lateral necesitaría perder su ubicación en la página (si se desplaza hacia la parte inferior del contenido principal y necesita acceder a algo cerca de la parte superior de la barra lateral) o tendría que descifrar marcos de desplazamiento independientemente y requiere más movimiento del mouse para elegir qué columna recibe acciones de desplazamiento.

Sin conocer el alcance de la aplicación que está desarrollando, mi primera recomendación sería limitar el contenido de la barra lateral a menos de la altura de la ventana. Si necesita más espacio, puede emplear pestañas en la barra lateral o tener secciones paginadas horizontalmente dentro de la barra lateral.

3
Brendan Berg

Intentaría evitar el desplazamiento y resolver la navegación de la barra lateral de una manera diferente. Por ejemplo, con paginación y un cambio de barra lateral similar a ajax.

alt text

1
Lode

Parece que ya conoce los pros y los contras de cada tipo, por lo que no hay mucho que agregar. Como dijiste, algunos sitios necesitan 2 barras de desplazamiento, mientras que la mayoría necesita una.

Añadiría otra idea que es un cruce entre los 2 que mencionó. Puede hacer una barra lateral posicionada estáticamente (css, position: fixed) y aún así la barra lateral permanecerá en su lugar pero con solo una barra de desplazamiento. Esto sería un poco menos confuso para los usuarios y es bueno siempre que el contenido de la barra lateral sea más corto que la página.

0
Sruly