La vecchia manta keep-it-above-the-scroll non è sempre ciò di cui i tuoi contenuti - e design - hanno bisogno. Qui ci sono sette modi per creare un sito web a scorrimento lungo che manterrà l'attenzione degli utenti, e si spera che continuino a scorrere.
Lo scorrimento prolungato può essere un modo stellare per coinvolgere gli utenti. A volte la migliore presentazione visiva possibile non avviene interamente al di sopra della pergamena. I formati a scorrimento lungo sono siti Web che si spostano più volte per acquisire tali contenuti. Mettiamo in pausa il concetto, spesso discusso. Gli utenti di oggi comprendono come e quando scorrere.
1. Creare contenuti coinvolgenti
La chiave numero uno del successo quando si tratta di un sito web a scorrimento lungo è il contenuto di qualità. Senza grandi contenuti, nient'altro conta davvero.
La cattiva notizia è che non esiste un test sui contenuti di qualità che ti dirà se ciò che stai creando è buono. (L'analisi dell'utente fornirà tali informazioni).
Ma ci sono alcune cose che puoi fare per contribuire a creare il miglior contenuto possibile:
- Racconta una storia interessante e falla tua.
- Usa immagini ad alta risoluzione e interessanti come foto, illustrazioni e video.
- Dare agli utenti un motivo per scorrere. (C'è un motivo per cui molti capitoli di libri si concludono con i cliffhangers, perché la gente continua a leggere).
- Limitare le scelte. Dare agli utenti qualcosa da fare nel design, ma non travolgerli con troppe opzioni. Una call-to-action per scroll o story stage è sufficiente.
- Scrivi una copia allettante. Mentre le immagini creano una prima impressione, le parole sono ciò che manterrà gli utenti in movimento attraverso i contenuti. Usa i verbi d'azione e interagisci con una storia trattabile e pertinente.
2. Costruisci un tema visivo
Un forte tema visivo aiuterà gli utenti a capire che la storia della schermata precedente, o scorrere, continua. Segnali visivi come una comune filettatura di colore, frecce e linee di collegamento o persino schermi che sembrano sovrapporsi possono creare una linea visiva dallo scroll allo scroll. Ciò contribuirà a mantenere gli utenti in movimento in tutto il design.
Ed ecco come sai se un design a scorrimento lungo funziona per il tuo sito web. Tieni traccia del tempo sul sito nelle tue analisi. Gli utenti rimangono sul sito più a lungo di prima che siano state implementate le opzioni di scorrimento lungo? Stanno interagendo con più o meno contenuti? L'azione di conversione finale desiderata è aumentata o diminuita?
Più che un tema visivo, lo scrolling lungo dovrebbe aiutare il traffico del sito web. Se ciò non accade, gli utenti potrebbero non capire il tema visivo e che dovrebbero scorrere o forse il concetto di design non funziona proprio per quella base di utenti. (Lo scorrimento a lungo non è per tutti o per ogni tipo di contenuto.)
3. Delizia con le interazioni
Una delle grandi cose del lungo scorrimento è che si presta a tecniche di narrazione immersive sul web. E questo include spesso un sacco di piccole interazioni progettate per deliziare gli utenti.
Dalle animazioni alle azioni diapositive alle tecniche di scorrimento fino alle immagini che si trasformano sullo schermo, queste piccole interazioni possono aiutare a mantenere gli utenti coinvolti. Beatrate, in alto, utilizza una manciata di interazioni: video, scatole animate su scroll, effetti hover, contatori rotanti e un cursore immagine.
Ogni parte diversa della pergamena include animazioni esclusive di quell'area di contenuto. Poiché gli elementi, le interazioni e il contenuto sono diversi (ma seguono comunque schemi utente ben compresi), c'è qualcosa di nuovo da fare ai visitatori con ogni tocco del mouse.
4. Utilizzare una tecnica di scorrimento
Uno dei motivi per cui i designer preferiscono i siti a scorrimento lungo è perché funzionano bene sia su dispositivi desktop che su dispositivi mobili.
Molti utenti preferiscono effettivamente scorrere piuttosto che fare clic (o toccare) su dispositivi più piccoli perché tutte le informazioni sono ancora in un posto e facilmente accessibili.
Utilizzare una tecnica di scorrimento, ad esempio parallasse, blocco del colore o tipi di contenuto misto (alternando schermate che sono pesanti con immagini, testo o video) per mantenere il design scorrevole. Usando e mixando le tecniche di scorrimento, il design segnala agli utenti un cambiamento nel contenuto mantenendolo interessante. Questi effetti possono anche incoraggiare lo scorrimento perché gli utenti vorranno vedere cosa succederà dopo.
E con un design a scorrimento lungo, tutto il contenuto (o gran parte del contenuto principale) si trova su una pagina, quindi non è necessario ripensare la navigazione mobile nascosta o nascosta. Tutto è giusto per gli utenti.
5. Scorrimento alternato a scorrimento lungo e corto
Proprio come si alternano le tecniche di scorrimento per creare pagine o schermate all'interno della singola pergamena, creare un punto per mescolare segmenti a scorrimento lungo e corto.
Includi elementi di scorrimento brevi che sono veloci e facili da digerire, come le immagini o un blocco con una manciata di parole grosse. Quindi aggiungi un elemento di scorrimento più lungo, ad esempio un blocco di testo infografico o grosso. Seguilo con un breve invito all'azione.
Mescolare la lunghezza dei blocchi di contenuti aiuta a mantenere un flusso che non diventa noioso per gli utenti. (Il concetto è molto simile al contenuto della scrittura, in cui si desidera mescolare le lunghezze delle frasi per evitare la monotonia o la noia del lettore.)
6. Fornire una tabella di marcia
Quando si tratta di siti web a scorrimento lungo, gli utenti vogliono sapere dove si trovano e quando arrivano dove stanno andando. È necessario fornire una tabella di marcia.
Le roadmap degli utenti del sito Web sono disponibili in una varietà di forme:
- Navigazione appiccicosa
- Punti o elementi che mostrano quanto contenuto è rimasto
- Frecce o significanti che indicano agli utenti cosa fare dopo
- Un modo per tornare all'inizio o alla fine
7. Progetta obiettivi chiari
I siti a scorrimento lungo o scorrimento infinito non dovrebbero essere infiniti. Il design dovrebbe includere un inizio, una fine e obiettivi chiari per l'utente.
Non importa quanto sia bello il design, deve dare agli utenti qualcosa da fare. (Ecco perché hai un sito web, giusto?)
Avere l'invito all'azione in più posizioni è importantePrima ancora di pensare al design, descrivi quale dovrebbe essere l'obiettivo finale.Assicurati che ogni parte del design a scorrimento lungo aiuti gli utenti a raggiungere questo obiettivo. Guarda l'esempio sopra: Ogni pagina e ogni scroll include un pulsante di invito all'azione posizionato centralmente nel design e facilmente visibile e cliccabile.
Avere l'invito all'azione in più posizioni è importante perché non tutti gli utenti scorreranno fino alla fine del contenuto a scorrimento lungo. Non importa quanto sia buona la storia, non importa quanto siano grandi le immagini, non importa quanto siano allettanti le interazioni? la maggior parte degli utenti ha una capacità di attenzione ridotta e deciderà se, e come, impegnarsi con il progetto in pochi secondi. Assicurati che l'elemento azionabile sia chiaro fin dall'inizio e accessibile in ogni fase dell'interazione del progetto.
Conclusione
Mentre i design di siti a scorrimento lungo non sono nuovi, i metodi per migliorare l'esperienza si stanno evolvendo. Inizia con ottimi contenuti e termina con il modo in cui gestisci l'esperienza.
Siate consapevoli del fatto che tecniche e concetti a scorrimento lungo sono ancora piuttosto dibattuti nel design e nella comunità degli utenti. Valutare i pro e i contro e se questa tecnica è adatta al tuo concetto, assicurati di misurare l'analisi e test lungo il percorso per assicurarti che funzioni come previsto.