5 modi sicuri per far scorrere gli utenti
I giorni di "above the fold" sono finiti. Scorrimenti lunghi e siti a scorrimento infinito stanno diventando sempre più popolari ultimamente, e non è un caso che questa tecnica si traduca bene in dispositivi mobili. L'uso crescente degli schermi mobili ha sicuramente giocato un ruolo chiave nell'accettazione diffusa della tecnica a scorrimento lungo: più piccolo è lo schermo, più lungo è il rotolo.
Lo scrolling lungo apre molte nuove porte ai designer. Tuttavia, questo modello ha i suoi svantaggi. Richiede ai progettisti di prestare una forte attenzione al contenuto, alla navigazione e all'animazione.
Ecco 5 suggerimenti da seguire per assicurarti che il tuo lungo scorrere soddisfi le aspettative degli utenti.
1. Fornire contenuti interessanti fin dall'inizio
Nonostante il fatto che le persone di solito inizia a scorrere non appena la loro pagina viene caricata, il contenuto in alto, la parte visibile dello schermo è molto importante. Ciò che appare nella parte superiore della pagina crea un'impressione iniziale e imposta un'aspettativa di qualità per i tuoi utenti. Gli utenti scorrono, ma solo se ciò che vedono quando entrano nella pagina è abbastanza promettente.
Per assicurarti che le persone scorrano, devi fornire contenuti che tengano i tuoi visitatori interessati. Quindi, metti i tuoi contenuti più interessanti nella parte superiore della pagina:
- Fornire fatti interessanti (fatti che attraggono visitatori e mantengono la loro attenzione)
- Usa immagini coinvolgenti (gli utenti prestano molta attenzione a immagini e immagini che contengono informazioni pertinenti)
2. Dare agli utenti un segnale visivo
A volte il modo migliore per far scorrere gli utenti è chiedergli direttamente di farlo. Basta informare gli utenti che la maggior parte del contenuto è disponibile below the fold. Una sottile indicazione visiva, come una freccia che punta fuori dallo schermo o un testo "scroll down", può informare gli utenti che la maggior parte del contenuto è disponibile qui sotto.
Il puntatore a freccia fuori campo informa gli utenti che la maggior parte dei contenuti sarà presentata di seguito.
3. Mantieni permanentemente visibili le opzioni di navigazione
La navigazione è un aspetto dell'aspetto o della rottura dell'esperienza utente di un sito. Uno dei maggiori rischi di utilizzare lo scorrimento lungo nel tuo progetto è una possibilità di disorientamento dell'utente. Se la barra di navigazione perde la sua visibilità quando gli utenti scorrono verso il basso, dovranno eseguire il backup completo quando si trovano all'interno della pagina. Di solito, questo comportamento confonde e frustra gli utenti.
La soluzione ovvia per questo problema è usare un menu di navigazione appiccicoso che mostra la posizione corrente e rimane sullo schermo nella stessa posizione in ogni momento.
Un esempio di navigazione persistente visibile persistente.
Solo dispositivi mobili: poiché lo schermo mobile è molto più piccolo dello schermo del desktop, una barra di navigazione visibile può occupare una parte relativamente significativa dello schermo. Un modo per risolvere il problema di un piccolo schermo è quello di nascondere una barra di navigazione quando gli utenti stanno scorrendo per nuovi contenuti e renderli visibili quando gli utenti abbattono per tornare all'inizio.
4. Usa l'animazione funzionale per coinvolgere i visitatori
Gli effetti creativi come lo scrolling della parallasse e le animazioni scroll-activated possono indurre gli utenti a scorrere di più. Trasformano lo scrolling in qualcosa di più divertente e fanno meravigliare l'utente "cosa succederà dopo?"
Prendi in considerazione la possibilità di suddividere la tua pagina in "blocchi" scorrevoli. All'interno di ogni blocco, puoi introdurre il contenuto tramite animazioni creative. Mentre gli utenti scorrono, le animazioni passano alla schermata successiva mentre creano un percorso di contenuto da seguire.
Parallax è un altro effetto animato popolare che può migliorare l'esperienza di scorrimento. L'effetto di parallasse crea un'illusione di profondità e immersione facendo muovere l'immagine di sfondo più lentamente del contenuto in primo piano. Quando il tuo sito vuole raccontare una storia in modo lineare e lineare, lo scorrimento lungo associato all'effetto Parallax è in grado di creare un'esperienza di navigazione completamente immersiva.
5. Evita il dirottamento del rotolo
I siti web che implementano il scroll hijacking prendono il controllo dello scroll e sovrascrivono una funzione di base del browser web. Scroll dirottamento è male perché l'utente non ha più il pieno controllo dello scorrimento della pagina e non è in grado di prevederne il comportamento. L'aspettativa degli utenti dell'interazione di scorrimento di un sito Web non dovrebbe essere distrutta per motivi di esperienza narrativa.
Apple utilizza scroll hijacking sulla loro pagina Mac Pro.
Conclusione
Lo scrolling lungo è in grado di creare un'esperienza di navigazione completamente immersiva. È completamente possibile rendere il viaggio piacevole quanto la destinazione. Quando gli utenti apprezzano il contenuto del tuo sito e trovano l'interfaccia utente intuitiva, a loro non importa la lunghezza della pergamena.