La regola dei 3 secondi nel web design
Hai tre secondi. Non dieci. Non trenta. Tre. È tutto il tempo che un visitatore concede al tuo sito prima di decidere se restare o andarsene. La maggior parte dei siti di piccole imprese spreca quei tre secondi con uno slideshow di foto stock, un messaggio di benvenuto generico, o un logo che impiega due secondi a caricarsi. Quando il visitatore capisce cosa fa l'attività, se n'è già andato.
Cosa succede in 3 secondi
Nei primi tre secondi un visitatore risponde a tre domande senza rendersene conto. Cos'è questo? È per me? Cosa faccio adesso? Se la tua hero non risponde a tutte e tre, l'hai perso. Non per mano di un concorrente: per il tasto indietro.
Un sito di ristorante che si apre con una foto a schermo intero della sala non risponde a nessuna domanda. Un sito che si apre con "Cucina bengalese autentica a Torino. Guarda il menù." risponde a tutte e tre in meno di due secondi. La differenza non è bravura di design. È chiarezza.
Il visitatore non sta leggendo il tuo sito. Lo sta scorrendo in cerca di un motivo per restare.
L'audit above-the-fold
C'è un test semplice che chiunque può fare. Apri il tuo sito sul telefono. Fai uno screenshot della prima schermata, senza scorrere. Mostralo a qualcuno che non l'ha mai visto per esattamente tre secondi. Poi toglilo e chiedi: cosa fa questa attività? Se non sa rispondere chiaramente, il tuo above-the-fold è rotto.
Deve contenere tre cose: un titolo che dice cosa fai, una riga sotto che dice per chi lo fai, e un CTA visibile. Nient'altro. Navigazione, social proof, funzioni, premi: tutto vive più in basso. La cima del tuo sito non è un riassunto. È una porta.
Uccidi lo slider
Gli slider in hero sono l'assassino dei tre secondi più comune nei siti di piccole imprese. Quando appare la seconda slide, il visitatore ha già deciso. Gli slider non esistono perché funzionano. Esistono perché l'attività non è riuscita a decidere cosa fosse più importante: il che significa che niente lo è.
Un messaggio. Un'immagine. Un'azione. È l'unica cosa che una hero si possa permettere. Uno slider è la risposta di un comitato a una domanda di design che avrebbe dovuto rispondere un fondatore.
Uno slider è la risposta di un comitato a una domanda di design che avrebbe dovuto rispondere un fondatore.
Come superare il test
Scrivi il titolo come se fosse l'unica cosa che il visitatore leggerà mai: perché per la maggior parte dei visitatori, lo è. Rendi il CTA impossibile da perdere: abbastanza grande, abbastanza contrastato, posizionato dove l'occhio atterra naturalmente. Non nascosto nella navigazione. Non sepolto sotto un paragrafo.
Togli ogni elemento decorativo nella hero che non serva alle tre domande. Poi testalo. Mostra il sito a cinque persone per tre secondi ciascuna. Se tre di loro non riescono a spiegare cosa fai, riscrivi la hero. Il problema non sono loro. È il sito.
Tre secondi. Un titolo. Un'azione. Non è una limitazione: è una disciplina. I siti che convergono sono quelli che rispettano quanto poco tempo hanno a disposizione.