![]()
A la hora de plantear la disposición de los elementos de una nueva web, una de las primeras preguntas que hay que responder es el tamaño que debe tener nuestra página. Hay casi un consenso universal en establecer el ancho alrededor de los 980 pixeles, de forma que se visualice correctamente, sin barras de desplazamiento horizontal, para resoluciones mínimas de 1024px (lejos quedan ya los tiempos del diseño web a menos de 800px de ancho). Sin embargo, sobre la altura de la web posiblemente este será un tema en el que nunca llegaremos a un acuerdo, ya que cada usuario tiene sus propios gustos y preferencias.
Cuando hablo con posibles clientes, una demanda habitual es que la web se visualice casi completa en su monitor, olvidando que debemos adecuar la web a la mayor variedad posible de navegadores y monitores (sin olvidar tampoco los dispositivos móviles, cada vez más habituales). Por lo tanto, una primera opción es intentar adecuar el alto de nuestra web para evitar, en la medida de lo posible, la aparición de barras de deslizamiento vertical.
Otros clientes entienden el desplazamiento vertical como una necesidad, pero siempre que quede limitado a alturas correspondientes a dos o tres pantallas. Es decir, que no haya que hacer excesivos movimientos de ratón para visualizar la página en su totalidad. Seguramente esta sea la opción más habitual en Internet y la que, de forma natural, se aplica a la mayoría de las web que visitamos habitualmente.
Personalmente soy un enamorado del scroll ultralargo. Propuestas como la de skittles me fascinan. Es evidente que no es una solución aplicable a la mayoría de los proyectos, pero la comodidad del deslizamiento vertical unido a las capacidades del “lazy load” (la web no se carga entera, sino que se va cargando una pequeña porción según vamos avanzando en el scroll) aportan una nueva forma de navegar y de presentar la información en la página web.
¿Y tú que opinas? Scroll vertical ¿si, no o con limitaciones?
Comentarios
Pedro
En los dispositivos táctiles no puedes hacer por defecto un scroll con "overflow-y: scroll;"
Es necesario usar una función externa. Seguramente esta página te podrá resultar de ayuda: bit.ly/ifNMHi
En cualquier caso, lo ideal es evitar ese tipo de div y usar el scroll propio del navegador.
deanoakley.com/
Suscripción de noticias RSS para comentarios de esta entrada.