Diseño web: El scroll en pantalla

-- 25 de Enero de 2011

webspecialista

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  

0 #8 pgsarroca 29-03-2012 17:14
Muchas gracias amigo, acabo de añadir las funciones que comentan en la pagina que me indicaste y solucione el tema, me hacia falta por que a la pagina el 90% de usuarios entran por navegador normal, pero para ese 10% me faltaba solucionar esto,un abrazo,
Pedro
Citar
0 #7 Webspecialista 29-03-2012 16:42
Cito a pgsarroca:
Alguien me sabria decir por que mi web /dedicada a la gestion de los equipos de futbol de la escuela de mis hijos/. Utilizo en algunas de las secciones un scroll vertical para moverme dentro de un div fijo. PERO.. al visualizarla desde un movil ni aparece el scroll. Si alguien me puede decir que anyadir para que se vea en moviles, se lo agradeceria os pongo el link para que lo podais ver \ futboljovellano s.esp.st \

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.
Citar
0 #6 pgsarroca 29-03-2012 15:17
Alguien me sabria decir por que mi web /dedicada a la gestion de los equipos de futbol de la escuela de mis hijos/. Utilizo en algunas de las secciones un scroll vertical para moverme dentro de un div fijo. PERO.. al visualizarla desde un movil ni aparece el scroll. Si alguien me puede decir que anyadir para que se vea en moviles, se lo agradeceria os pongo el link para que lo podais ver \ futboljovellano s.esp.st \
Citar
0 #5 Natxo 26-01-2011 16:09
a mi es scroll vertical no me molesta pero si es muy largo creo que llegaa cansar y es más dificil de entontrar la informacion, aunque se usen enlaces intermedios
Citar
0 #4 Cami 25-01-2011 23:49
skittles es genial porque es skittles, pero para una web de una empresa normal esa web sería inutil
Citar
+1 #3 Ana 25-01-2011 22:12
En ocasiones incluso el scroll horizontal también puede resultar interesante:
deanoakley.com/
Citar
0 #2 Javi 25-01-2011 19:15
Yo prefiero reducir el scroll a lo mínimo posible. Lo más cómodo es que todo esté a la vista o lo más accesible posible.
Citar
+1 #1 Rober 25-01-2011 17:53
Qué demonios es la página de skittles? Menuda flipada! No termina nunca??
Citar

Escribir un comentario

Tu colaboración en Webspecialista es siempre bienvenida.
Recuerda que lo más importante es el respeto hacia los demás miembros de la comunidad, sus opiniones y sus puntos de vista.
Cualquier comentario que se considere ofensivo o inadecuado podrá ser borrado sin previo aviso.
Muchas gracias.


Código de seguridad
Refescar

Artículos publicados

El blog en tu e-mail

webspecialista

Introduce tu dirección de e-mail para poder recibir las actualizaciones de nuestro Blog directamente en tu correo electrónico:

 

Nuestros trabajos

TRIrunners

Mucho más que una tienda de deportes

Francisco Berreteaga

Francisco Berreteaga es, posiblemente, uno de los mejores fotógrafos de arquitectura

Clínica Columbia

La importancia de la salud

Crematorio IBAD

Incineradora de animales domésticos en Vizcaya

Baskolan

Expertos en rehabilitación de edificios

Bai Batzokia

El País Vasco cuenta con una tradición gastronómica tremendamente arraigada en la cultura popular.

Ver más trabajos