La primera impresión es la que cuenta. Casi todas las páginas web tienen una parte visible y otra a la que sólo es posible acceder desplazándose hacia abajo o haciendo scroll, y eso es algo que según Basekit sólo realiza el 23% de los usuarios.
La palabra inglesa scroll significa rollo. Todos sabemos que en la Antigüedad, antes de que existieran los libros, las obras extensas se presentaban en pergaminos, y otros escritos más cortos en papiros. Eran rollos de piel en el primer caso, y de papel en el segundo, que permitían la lectura mediante el desplegado de los mismos. En épocas más modernas, los periódicos situaban la información más interesante en la cabecera para invitar a desplegar las páginas y seguir leyendo. De ahí viene el término Above de Fold, que es la información que aparece antes del pliegue.
Hoy en día el concepto es el mismo pero trasladado a Internet. Es habitual que para ver una página web tengamos que hacer scroll, es decir, trasladarnos hacia abajo con la barra lateral o el ratón. Sin embargo, nos hemos vuelto muy impacientes y vamos directamente al grano. Si lo que vemos de entrada, sin necesidad de hacer scroll, nos interesa, seguiremos avanzando, en caso contrario, nos quedaremos en la cabecera.
Lógicamente esto tiene su efecto en el diseño web, y el concepto Above the Fold se ha redefinido con la llegada de smartphones y tablets. ¿Qué debe ir antes y después del pliegue? Basekit nos da unos consejos con esta infografía que nos pueden ayudar a ordenar los contenidos teniendo en cuenta tanto la resolución de pantalla como los diferentes navegadores. Aquí os la dejo.
[Via: Diseñar una página web]
Ver imagen ampliada
Scroll creativos
Mientras en la mayoría de las webs nos planteamos qué poner antes y después del pliegue que invite a hacer scroll, otras han basado su diseño precisamente en el scroll con unos resultados muy creativos que les convierten en infografías animadas. Aquí os dejo algunos ejemplos divertidos que invitan a navegar hasta el final de la página. Pulsa sobre las imágenes para ir a la web.
No te vayas a Alemania: Página de empleo
Analysing London 2012, con datos curiosos sobre las Olimpiadas, actualizada a tiempo real
Scroll en el diseño web
