Sopra la piega rimane una parte importante del design del sito web, anche se la nozione è diventata sempre più complessa ogni anno che passa. Anche se non è più così importante come una volta, richiede ancora comprensione e considerazione per tutti i siti web che cercano di presentare un’esperienza coinvolgente per i loro visitatori.
Che cos’è Above The Fold?
Il concetto di above the fold risale a secoli fa, agli inizi della stampa. I giornali, a causa del modo in cui venivano stampati su grandi fogli di carta, venivano piegati una volta arrivati nelle edicole. Questo portava a rendere visibile al passante solo la metà superiore del foglio.
L’industria dei giornali ha capito rapidamente che per ottenere un pubblico, devono presentare titoli, contenuti e immagini che attirino l’attenzione nella metà superiore della pagina. Questo principio di base rimane lo stesso per i contenuti digitali.
Ovviamente, i siti web non hanno una piega fisica come i giornali, la piega in questo senso si riferisce alla barra di scorrimento.
Tutto ciò che non è visibile immediatamente, che richiede lo scorrimento, è considerato below the fold. Sfortunatamente, la versione digitale di above the fold non è così semplice come la versione stampata.
Dimensioni
La prima considerazione per un sito web è come le sue dimensioni appaiono al lettore. Non tutti gli schermi sono uguali. Inoltre, con la proliferazione dei pad e dei telefoni, ogni sito si presenta in modo molto diverso. Per non parlare delle questioni riguardanti le risoluzioni dello schermo e i plug-in del browser.
Le dimensioni dei telefoni sono diventate probabilmente l’area più importante da considerare attentamente, con il loro uso che ha eclissato i desktop nel 2016. I telefoni cellulari sono di varie forme e dimensioni, così come i loro schermi, quindi, a differenza di un giornale, la linea di piegatura è un concetto molto meno prevedibile.
Strumenti online per definire il posizionamento Above The Fold
Ci sono molti strumenti online gratuiti che puoi usare per testare visivamente e posizionare diversi aspetti del tuo sito web in relazione al suo “Fold”. Mentre questi sono estremamente utili per aiutarvi ad avere un’idea fisica del layout, possono solo fornire una presentazione superficiale del sito web e non un’analisi approfondita. Per questo motivo, si raccomanda di effettuare un’ottimizzazione completa del sito web.
Migliori pratiche
Mentre è vero che non ci sono regole rigide e veloci per il posizionamento above the fold, alcune migliori pratiche spesso funzionano come utili linee guida. Alcune di queste sono idee di buon senso, come assicurare che il contenuto più coinvolgente sia sopra la piega. Altre pratiche si riferiscono alle dimensioni menzionate in precedenza, come la dimensione standard di 1.000 pixel di larghezza e 600 pixel di altezza per schermi da 1.024 per 768 pixel. La maggior parte delle dimensioni dello schermo sono superiori a questa nel 2018, tuttavia, quindi è importante adattare il tuo sito web di conseguenza.
È anche importante non dare mai per scontato che le migliori pratiche significhino ortodossia. Per molti anni, i siti web sono stati progettati come le prime pagine dei giornali, ma questo ha portato a una sorta di “templatizzazione”, per cui la maggior parte dei siti sembrano uguali. Innovazioni, come lo scorrimento verticale (o il click) significa che il concetto di above the fold è letteralmente capovolto, e l’esperienza sembra molto più naturale per il lettore come risultato.
Alcuni siti web, infatti, hanno eliminato del tutto la piega, progettando pagine senza contenuti below the fold ed eliminando il problema interamente. Questi design “compatti” sono esteticamente piacevoli all’occhio e sono in grado di adattarsi a tutte le dimensioni dello schermo.
Una delle cose peggiori che un sito web può fare è presentare un “Falso fondo” alla pagina. Questo è dove un sito ha ulteriori informazioni che richiedono lo scorrimento, ma la loro esistenza non è evidente al visitatore. Questo è il peggiore dei mondi. Una piega non deve essere un ostacolo, dovrebbe fluire naturalmente e attirare il visitatore.
Più informazioni qui.
Call To Actions Above Or Below The Fold?
Uno dei miti sui design sopra la piega è che è sempre meglio avere una Call To Action (CTA) chiaramente visibile all’istante. Questo è, come molte cose relative all’argomento, una semplificazione eccessiva del concetto. Dove mettere la chiamata all’azione dipende da diversi fattori, in particolare:
- Visitatori certi
- Visitatori incerti che conoscono il vostro prodotto – o la proposta è semplice
- Visitatori incerti a cui viene presentata una proposta complessa
I visitatori certi sono quelli che probabilmente reagiranno alla chiamata all’azione perché hanno già preso la loro decisione prima di visitare il sito. È qui che le marche conosciute hanno un vantaggio, poiché il “visitatore certo” ha poco da imparare su un prodotto o un servizio. In questi casi, collocare una chiamata all’azione sopra la piega è solo una questione di convenienza.
Per i visitatori incerti che capiscono semplicemente la chiamata all’azione o che hanno una certa conoscenza del prodotto o servizio, collocare la chiamata all’azione sopra la piega è generalmente la migliore pratica per le stesse ragioni elencate sopra, anche se il contenuto informativo è anche importante.
Per i visitatori incerti che sono presentati con una proposta complessa, come un prodotto o servizio che non è ovviamente vantaggioso per loro, collocare la chiamata all’azione sopra la piega non sarà sufficiente. Ciò che è necessario è una spiegazione più approfondita del perché la tua chiamata all’azione dovrebbe essere attuata. In effetti, mettere la chiamata all’azione davanti può apparire un po’ insistente.
In parole povere, la chiamata all’azione dovrebbe essere messa in una posizione in cui il visitatore è stato più persuaso ad agire su di essa.
Posizione degli annunci
Si dovrebbe sempre capire che la maggior parte dell’attenzione, non importa quanto tatticamente si progetta il sito, sarà comunque concentrata sopra le pieghe. Pertanto, è logico che per massimizzare l’impegno degli annunci si dovrebbe inondare l’area con gli annunci, giusto? Beh, no. Gli algoritmi di Google penalizzano severamente questa pratica e potresti rovinare il ranking del tuo sito web in modo incommensurabile se non stai attento. Inoltre, puoi spingere informazioni importanti non solo sotto la piega, ma oltre la pazienza del tuo visitatore.
Il posizionamento degli annunci è un equilibrio complesso che richiede la conoscenza della frequenza di rimbalzo, l’analisi del coinvolgimento e il comportamento degli utenti. Queste decisioni vengono prese al meglio con i dati giusti a portata di mano.
L’importanza di Above The Fold
Come dovrebbe essere evidente a questo punto, l’importanza del design above the fold è essenziale, ma complesso. Di conseguenza, è saggio diffidare di qualsiasi consiglio che tratta in modo assoluto. È certamente vero che le abitudini degli utenti sono cambiate enormemente dai primi giorni di Internet. Durante gli anni 90, a causa della lentezza delle connessioni e dei siti web ponderosamente lenti, era comune per la maggior parte dei “navigatori” leggere raramente qualcosa sotto le pieghe. Al giorno d’oggi le persone sono molto più propense ad usare la rotella di scorrimento del loro mouse.
Questo ha fortunatamente portato al cramming, per cui le informazioni venivano infilate sopra la piega, in gran parte morendo. Oggi è molto più comune essere accolti da un design minimalista ed elegante che permette al visitatore di scoprire ciò che il sito ha da offrire.
Un recente studio di Google ha mostrato che gli annunci che appaiono sopra la piega hanno una visibilità del 73%, mentre quelli sotto hanno solo il 44%. Ma questo dovrebbe essere soppesato con il fatto che il contenuto che attira lo spettatore riduce notevolmente questo divario, e gli annunci possono essere un ostacolo per questo. Come sempre con questo argomento, il contesto e l’equilibrio sono fondamentali.