Qué es Above the fold
Above the fold es un término usado por diseñadores y desarrolladores web. Imaginar un pliegue de un periódico, la portada primera sería lo más importante. Pues en páginas web es lo primero y también considerado lo más destacable.
Lo primero que el usuario ve al entrar en una página: da la impresión mas clave. Esto es por muchas razones obvias y otras no tanto. Por ejemplo porque no hay realizado ningún scroll, es la vista previa etc.
En este lugar es dónde se colocan los apartados que no pueden faltar: los más importantes. El logo (y todo el header). Algún banner o mensaje primero, productos etc.
Conforme vamos bajando, se tiene que añadir mensajes menos clave o no tan destacables. Esto es porque la probabilidad que un usuario lo vea baja conforme más bajo y adentro de la web estamos.
Para qué sirve este diseño
- Buena presentación / impresión inicial
- Es imprescindible en la usabilidad y UX
- Da consistencia y estilo a la web
- Permite añadir elementos clave constantes (carrito de compra, logo…)
Ejemplos de Above the fold
Para tener Ejemplos, entra a cualquier página web y no muevas el ratón. Lo que ves en pantalla es su «encima del folde». También lo es en cualquier página interna. La primera impresión.
