“Sopra la piega.”
Per alcuni, è il Santo Graal del sito immobiliare.
Per anni, le aziende hanno pensato che fosse la migliore pratica per stipare il contenuto più importante che potevano qui sui loro siti web.
Hanno riempito quei primi 600 pixel di una pagina con link ad altre pagine, annunci popup, moduli di contatto e qualsiasi altra informazione pensavano che gli utenti dovessero essere in grado di vedere proprio quando sono arrivati.
Il loro ragionamento era che nessuno scorre quindi qualsiasi contenuto sotto la piega è una causa persa.
Tuttavia, l’arrivo di smartphone o tablet ha completamente cambiato il modo in cui gli utenti navigano.
Lo scorrimento è diventato una seconda natura e gli utenti sono più curiosi e concentrati sul fare la propria ricerca su un’azienda prima di essere pronti ad acquistare.
Questi cambiamenti hanno portato molti designer ed esperti di UX a discutere di quanto sia rilevante la piega in realtà e se abbiamo davvero bisogno di stipare tutti i nostri contenuti lì.
In primo luogo, Che diamine è ” Above the Fold?”
Se questo è stato il tuo primo pensiero quando hai iniziato a leggere questo blog; non ti preoccupare, non sei solo.
“Above the fold” è un concetto che risale ai primi giorni della pubblicazione. In particolare, l’era in cui i giornali erano la principale fonte di notizie quotidiane per la maggior parte delle persone.
Quando i giornali venivano esposti sugli stand di strada erano sempre impilati e piegati a metà in modo che i passanti potessero vedere solo la metà superiore della prima pagina.
Gli editori si sono resi conto rapidamente che se volevano vendere documenti, avrebbero dovuto mettere tutti i loro titoli più importanti e immagini vivide in quest’area al di sopra della piega per attirare i clienti.
L’idea di “above the fold” da allora ha portato nel mondo digitale dove la piega si riferisce al contenuto che viene visualizzato nella parte superiore di una pagina senza richiedere al visitatore di scorrere.
Quindi, “Above the Fold” è ancora rilevante?
La risposta semplice è sì, ma non per le stesse ragioni per cui era una volta.
Quando si tratta del design del tuo sito web, è necessario porre ulteriore attenzione al di sopra della piega, ma solo nel senso che la parte superiore della pagina dovrebbe spiegare chiaramente la tua proposta di valore e anche invogliare gli utenti a continuare a scorrere.
La piega pone le basi per il resto del contenuto della pagina e imposta le aspettative di ciò che gli utenti possono aspettarsi di trovare sul resto della pagina, ma l’idea che dobbiamo adattare il maggior numero possibile di contenuti in quest’area perché è l’unico contenuto che le persone leggono è una pratica di progettazione obsoleta.
Ecco alcuni motivi per cui:
Lo scorrimento è una seconda natura per gli utenti di oggi
Le aziende pensavano che gli utenti non avrebbero letto il contenuto sotto la piega perché non avevano abbastanza familiarità con lo scorrimento e quindi non avrebbero saputo scorrere la pagina per saperne di più.
Come qualcuno che legge questo articolo in questo momento, sono sicuro che sai già quanto sia falso, ma abbiamo anche visto uscire un sacco di studi che negano questa idea.
Huge, un’agenzia creativa con sede a Brooklyn, NY, ha eseguito un interessante test utente in cui hanno testato quattro diverse versioni di un design. Le versioni incluse:
- Un’immagine di controllo, senza segnali visivi per scorrere sotto la piega.
- Una freccia di scorrimento che indica agli utenti di scorrere verso il basso.
- Una breve immagine, in cui gli utenti dovevano scorrere per vedere il contenuto above-the-fold nella sua interezza.
- Un’immagine animata con un elemento in movimento per condurre gli spettatori sotto la piega.
Immagine gentilmente concessa da Huge
I risultati hanno mostrato che quasi tutti i partecipanti scorrevano indipendentemente da ogni variazione.
Le statistiche sono ancora più dominanti sul cellulare. Uno studio ha rilevato che, sul cellulare, la metà degli utenti inizia a scorrere entro 10 secondi e il 90% entro 14 secondi.
Alcuni dei siti più popolari di oggi come Amazon, Facebook, e Twitter sono grandi esempi del mondo reale per il caso di utenti naturalmente scorrimento. Le loro intere esperienze si basano sullo scorrimento di un newsfeed.
L’ultima volta che hai visitato uno di questi siti, ti sei fermato a pensare se avevi bisogno o meno di scorrere?
Ci sono troppe dimensioni dello schermo diverse per prevedere con precisione “La piega”
Pensa a quanti dispositivi diversi usi ogni giorno.
Ci sono smartphone, smartwatch, tablet, laptop.
Con il numero di dispositivi diversi là fuori, ci sono troppe variabili da considerare quando si cerca di prevedere dove si trova la piega effettiva su un sito web.
L’esempio sopra mostra le diverse aree “la piega” di un sito può atterrare a seconda del dispositivo su cui si visualizza un sito.
Ogni dispositivo ha una diversa dimensione dello schermo, orientamento di visualizzazione, e la densità di pixel.
Provare a progettare per tutte queste dimensioni in una volta è una battaglia che non puoi vincere.
Luke Wroblewski, un designer di prodotti digitali, ha studiato le diverse dimensioni dello schermo dei telefoni cellulari Android. Ha scoperto che c’erano quasi 4000 diversi punti di piegatura!e questo è solo un tipo di dispositivo!
Questo significa che anche se pensi di aver imparato la tua presentazione above-the-fold su ogni dispositivo, non c’è alcuna garanzia di questo.
È semplicemente irrealistico aspettarsi che ogni persona nel mondo (con impostazioni diverse, dimensioni del testo e tra i sistemi operativi vedrà le cose allo stesso modo in cui si fa durante i test.
Il modo in cui la gente compra è cambiato
Il modo in cui la gente compra oggi è completamente diverso da come hanno usato per negli anni passati.
In un recente articolo sul blog, la stessa Liz Murphy di IMPACT ha dichiarato: “Potremmo vivere in un mondo in cui gli acquirenti stanno facendo il loro dannato per evitare di parlare con qualcuno nelle vendite…”
Il principale takeaway dalla sua citazione è che le persone sono più focalizzate sul coinvolgimento con un marchio e sull’educazione di se stesse. Sono pronti e si aspettano di trascorrere del tempo a scorrere e assorbire le informazioni sul tuo sito web per aiutarli a valutare se sei la partita giusta per loro.
È molto raro che arrivino sul tuo sito web e si aspettino di vedere esattamente ciò che stanno cercando nel momento in cui la pagina viene caricata.
Su cosa dovrei concentrarmi davvero?
Alla fine della giornata, la piega è in realtà solo una linea guida da tenere a mente durante la progettazione di una pagina.
Il suo scopo principale è quello di ricordarti che la parte superiore della tua pagina dovrebbe preparare il terreno per il resto del contenuto, catturando anche l’attenzione di qualcuno.
Progettare con tutti i tuoi link più importanti sopra la piega non garantisce tassi di conversione più elevati. In realtà, è più probabile che portare a disordine e gli utenti non sanno dove cercare prima.
Invece di sovraffollare la parte superiore della pagina, prova a concentrarti su alcuni dei seguenti elementi:
Mettere le informazioni GIUSTE sopra la piega
I tassi di conversione su una pagina non dipendono dal fatto che i tuoi call-to-action (CTA) siano sopra o sotto la piega.
Ciò che è importante è posizionare i tuoi CTA in un’area in cui le persone si sentiranno pronte a convertire e assicurarsi che il contenuto attorno ad esso incoraggi questa azione.
Neil Patel dice “Tassi di conversione più elevati non hanno nulla a che fare con se il pulsante è al di sopra della piega, e tutto a che fare con se il pulsante è al di sotto della giusta quantità di buona copia.”
Detto questo, è necessario considerare dove si prospettive sono nel viaggio del compratore e come istruiti sono sulla vostra azienda.
Ad esempio, con i potenziali clienti che già sanno cosa stai offrendo e sanno che vogliono lavorare con te, un CTA, sopra o sotto la piega, probabilmente convertirà molto bene.
Ma quando si tratta di qualcuno che è nuovo per la tua azienda, avranno bisogno di più istruzione, quindi è improbabile che tu veda una risposta a un CTA prominente sopra la piega.
Probabilmente vedresti tassi di conversione più elevati se hai inserito lo stesso CTA dopo una proposta di valore chiara e una copia ben scritta che spiega i tuoi servizi.
Evita di creare “Fondi falsi” sul tuo sito
Un fondo falso è quando crei una sezione di un sito Web che dà a un utente l’illusione di essere in fondo a una pagina nonostante ci siano ancora più informazioni sotto quella sezione.
Dai un’occhiata all’esempio qui sotto. La sezione eroe di DoorDash termina a filo con la parte inferiore del browser rendendo gli utenti si sentono come non c’è più contenuto sotto questa sezione.
Il modo più semplice per evitare di dare alle persone un falso fondo è quello di includere un sottile segnali visivi per far sapere agli utenti che c’è più contenuto da leggere.
Nell’esempio seguente, noterai che Zenefits include una piccola riga di testo che dice “Esplora Zenefits” con una freccia rivolta verso il basso. Questo spunto sottile consente agli utenti di sapere che c’è di più da vedere sulla pergamena.
Thinking Top Down
Quindi, tornando alla domanda originale: “above the fold” è ancora rilevante? Assolutamente sì, ma i motivi per cui si sono evoluti e cambiati da quando il termine inizialmente ha iniziato ad essere usato.
La piega è importante per impostare le aspettative del resto della pagina, ma stipare il maggior numero possibile di link in quest’area non garantisce conversioni migliori.
Invece, devi davvero concentrarti su elementi come posizionare i tuoi CTA nelle aree appropriate, inclusa la copia giusta da supportare, e prendere in considerazione alcuni principi UX come non creare “fondi falsi” per i tuoi utenti.
Nel complesso, vuoi attirare l’attenzione dell’utente con contenuti di qualità e un design che lo evidenzia in modo che vogliano restare e scorrere.
Anche ai tempi dei giornali, gli scrittori non presumevano che nient’altro sarebbe stato letto.
Avevano solo bisogno di avere quel tanto che basta per attirare l’attenzione. Il tuo sito web non è diverso.