Què és "Above the Fold"?
Laia Ordoñez
-
-
-
En termes de disseny web, "above the fold" es refereix a tota la informació que apareix en pantalla en una primera càrrega, o el que és el mateix: la porció de la pàgina que un usuari pot veure en accedir a la mateixa sense necessitat de fer scroll (per aquest motiu també es ens referim a aquest concepte com above the scroll).
-
Per què és tan important l’Above The Fold?
-
És de sobres conegut per diferents estudis que com més abaix en el codi i el disseny es trobi un element, més difícil és que el visitant arribi a veure’l. A més hem d'estar segurs d'oferir la informació més rellevant o més atractiva above the fold, perquè els nostres usuaris tinguin la millor primera impressió possible.
Un error bastant freqüent en molts eCommerces és situar els botons d'afegir a la cistella o comprar per sota de la línia d’scroll, de manera que la crida a l'acció es dilueix.
-
De quina mida ha de ser l’Above The Fold?
-
Aquest és un tema molt espinós. La varietat de pantalles i dispositius amb els quals es navega actualment fa que no sigui possible saber amb precisió la mesura exacta.
No és el mateix un usuari que navega en un equip antic amb una resolució de 800x600 que un usuari d'un dispositiu amb una pantalla 4K d'alta resolució. I això s'accentua encara més si parlem de dispositius mòbils. A més no podem oblidar-nos de la mida de la finestra del navegador.
El millor en aquests casos és sempre l'estudi propi, instal·lar un software que realitzi mapes d’scroll per veure fins a on arriben els usuaris de manera real.
-
Hem d'evitar l'scroll?
-
Per descomptat que no. L’scroll és una opció necessària per poder plasmar tot el contingut en una pàgina. El que sí que sembla oportú és mirar de fer que la informació crítica, especialment a nivell transaccional i de persuasió (botons, formularis, crides a l'acció...) aparegui en aquest àrea dedicant el below the fold o below the scroll a continguts de caràcter informacional .