L'above the fold conta ancora?

Il fold si è spostato, la domanda è rimasta la stessa

Un fold unico non esiste più. Un laptop da 1440 per 900 mostra circa 750 pixel della tua pagina, una volta che il browser si è preso la sua fetta. Un iPhone su Safari ne mostra circa 650, e ancora meno quando la barra degli indirizzi sta in basso. Quindi ogni visitatore vede una porzione diversa di quello che sta above the fold. Quello che vuole da quella porzione è rimasto uguale. Sono nel posto giusto, e vale la pena di un altro scroll?

Oggi la gente scrolla, e decide in fretta

Chiunque usi un telefono dal 2010 scrolla senza pensarci. Il pollice si muove prima che il cervello finisca la frase. Quindi la vecchia paura che nessuno legga sotto il fold è fuori tempo massimo. Le persone però se ne vanno comunque in fretta. Uno clicca il tuo annuncio, legge il titolo, non trova quello che l'annuncio prometteva e sparisce in pochi secondi. Scrollare non costa niente al lettore. La parte scarsa è la sua attenzione.

Misura il tuo fold prima di disegnarlo

Apri la tua pagina sui tre device che i tuoi dati mostrano davvero. Per la maggior parte dei miei clienti sono un iPhone, un MacBook da 13 pollici e un monitor esterno 1080p. Fai uno screenshot della parte alta della pagina su ognuno, senza scrollare. Il telefono di solito mostra un titolo e mezzo pulsante. Il monitor grande di solito mostra un titolo che galleggia in 400 pixel di vuoto. Progetta per tutti e due, separatamente.

Cosa di solito spreca lo spazio

Tre cose si mangiano la prima schermata senza dare niente in cambio. I caroselli che ruotano perdono le persone alla prima slide, quindi la seconda e la terza nessuno le vede. I titoli astratti tipo «Crescita, reinventata» starebbero bene su qualsiasi sito di qualsiasi settore. Le immagini hero troppo grandi spingono il pulsante fuori dallo schermo del telefono. Quest'ultima controllala su un telefono vero, perché il canvas di Framer è generoso in un modo in cui i telefoni non lo sono.

Cosa si merita un posto above the fold

Cinque cose, più o meno in ordine di priorità. Il nome del prodotto e la categoria a cui appartiene. Il risultato che ottiene chi compra, scritto con le sue parole. Una prova, tipo una fila di loghi o un numero solo che sai difendere. Un pulsante principale con sopra un verbo. E una foto del prodotto vero o del lavoro vero, invece di uno scatto stock con un team che sorride.

Dai allo scroll un posto dove andare

Il bordo basso della prima schermata deve sembrare tagliato apposta. Fai partire una sezione appena sopra la linea del fold. Mostra mezza fila di loghi. Lascia che un'intestazione faccia capolino dal basso. Un bordo netto e uno spazio largo proprio su quella linea dicono all'occhio che la pagina è finita. Sulle pagine lunghe tengo la hero a circa l'80 per cento dell'altezza della finestra, così si vede sempre una striscia della sezione dopo.

Come controllare la tua in dieci minuti

Mostra la parte alta della tua pagina a qualcuno fuori dalla tua azienda per cinque secondi. Nascondila e chiedi cosa vende l'azienda e a chi. Se non sa rispondere, il fold ha fallito, e nessuna animazione lo salverà. Dopo il lancio guarda una scroll map. Se una fetta grossa delle sessioni non arriva mai alla seconda sezione, il problema sta dentro quei primi 650 pixel.