Oggi esaminiamo i fatti più rilevanti su come lo scrolling infinito si è rivelato essere una tecnica così acclamata in tutto il web e perché, nonostante la sua popolarità, non è ancora tutto ciò che è ampiamente adottato nel web design.
Questa caratteristica appariva in un punto della storia di Internet quando aumentava la quantità di informazioni da presentare sulle pagine Web e la velocità delle connessioni consentiva al lettore di accedere e trasferire le informazioni a tariffe maggiori. La questione dello scrolling infinito sulle pagine web è uno degli aspetti coinvolti nella progettazione dell'esperienza utente e non è così secca come si potrebbe pensare.
Inizi e divulgazione
A Google, si chiama scorrimento continuo e può anche essere definito scorrimento infinito. In breve, lo scrolling infinito è una tecnica che consente al browser di caricare automaticamente nuovi contenuti quando l'utente raggiunge il fondo della pagina, in modo che non sia necessario cercare i pulsanti di impaginazione per passare a una parte successiva; l'intera cosa apparirà semplicemente facendo ruotare la rotellina del mouse.
Questa tecnica è particolarmente utilizzata nella pagina dei feed di notizie su Facebook; la pagina dei risultati di ricerca delle immagini di Google e la timeline di Twitter. Un interessante esempio aggiornato pubblicato a scopo di riferimento può essere visto nella pagina demo del plugin jQuery di Isotope.
hexaedro.eu sfrutta lo scrolling orizzontale infinito per illustrare l'evoluzione dell'umanità
Uno dei primi riferimenti a questo tipo di scrolling è stato fatto nel 2005 da Bill Scott (Director of User Interface Engineering su PayPal) nel suo articolo Death to Paging! - Rilasciato Rico LiveGrid.
È stato sviluppato per presentare all'utente una tabella di dati molto ampia in una singola vista prima che fosse necessario passare a una sezione successiva, e per prima cosa veniva indicata come griglia di scorrimento. L'articolo includeva una sezione pro e contro, alcune considerazioni sulla progettazione e formulava gli elementi della domanda in parole chiare: paging vs. scroll infinito.
La tecnica è stata perfezionata e ha iniziato ad essere molto popolare sul web, causando un'improvvisa esplosione di entusiasmo. Un anno dopo l'articolo di Scott, che annunciava la griglia in diretta, è stato possibile trovare testi online che diffondono il fenomeno del chocking della pagina e lodano la nuova pergamena con il motto? Non costringere l'utente a chiedere più contenuti: basta darlo a loro.?
A metà del 2008, il termine infinito scroll aveva già una sua vita e un sito con lo stesso nome dedicato a spiegare in dettaglio come funziona. Il sito ha offerto anche una manciata di plugin per abilitare lo scroll continuo su temi WordPress, pagine tramite librerie jQuery e? Autopagerizzare? componenti aggiuntivi per Safari e Chrome che potrebbero aggiungere automaticamente la funzione di scorrimento ai siti normali.
? Non costringere l'utente a chiedere più contenuti: basta darglielo.Anche nel 2012 la tecnica è ancora presentata come un'innovazione? Per la gioia del tuo cuore? insieme all'attuazione del design reattivo. Da un punto di vista più analitico, questo è stato un ulteriore passo avanti nella separazione tra l'esistenza del contenuto inizialmente stampata e la sua controparte elettronica. Dopotutto, la nozione di pagina web deriva proprio dal mondo materiale di giornali, riviste e libri con pagine di carta reali.
Thomas Baekdal spiega la relazione tra pagine stampate e testi visualizzati su schermi digitali in Dissolving that Print Mentality. Baekdal fondamentalmente risolve il problema con una sorta di formula: prima il formato o prima il contenuto. Nella sua analisi Baekdal afferma che le limitazioni dei supporti stampati non dovrebbero essere trasferite sullo schermo digitale.
Apple ha anche reso omaggio alla tendenza a scorrere. Una delle principali caratteristiche del nuovo iBooks 3.0 era la possibilità di scorrere i libri verticalmente. Ora il lettore può dimenticare la pagina che cambia effetto e leggere i loro bestseller con il dito. È stata proprio una realizzazione del "sbarazzarsi dell'orso ballerino"? motto di Baekdal: permettere al lettore di essere liberato dal vecchio paradigma del libro fisico. Fortunatamente, c'era un'opzione per decidere tra il tradizionale tema del turno di pagina o quello a scorrimento continuo a piacimento, così il lettore vecchio stile avrebbe comunque l'opportunità di imitare libri veri all'interno del proprio dispositivo.
Perché evitare questo miglioramento UX?
Una delle poche eccezioni alla regola di abbracciare lo scrolling infinito è stato il caso di Dan McKinley a Etsy, dove una pratica ricerca utilizzando la metodologia di test A / B ha mostrato che la tecnica non funzionava come previsto.
In effetti, lo scorrimento infinito è stato rimosso dal sito dopo che il numero di clic sui preferiti è diminuito e la funzione di ricerca non è stata più utilizzata. Nonostante un possibile pregiudizio sul metodo utilizzato per valutare le reazioni degli utenti, è chiaro che lo scrolling infinito non stava massimizzando l'attività da solo, o almeno che il pubblico abituale del sito non era d'accordo con il cambiamento.
Google è un altro esempio in cui lo scorrimento infinito non è riuscito a essere pienamente implementato. Solo la ricerca di immagini ha uno scorrimento infinito, e anche lì, lo scorrimento è limitato con il? Mostra più risultati? pulsante.
uno degli usi più creativi dello scrolling infinito è rappresentato nel sito distancetomars.com
I benefici
Più che essere semplicemente una caratteristica di fantasia, lo scrolling infinito presenta vari vantaggi che lo rendono utile in molti casi:
- L'attenzione ininterrotta che un utente mantiene quando vengono forniti più contenuti automaticamente è al centro dell'attrattiva dello scrolling infinito. Il lettore non dovrà fermarsi a pensare dove trovare il prossimo pulsante o quale numero di pagine dovrebbe venire, dopo una migliore attenzione.
- In termini psicologici, lo scrolling infinito sembra attivare risposte automatiche basate sulla curiosità e l'attenuazione delle aspettative prodotte in attesa di nuove informazioni, il che provoca una sorta di eccitazione e volontà di continuare a scorrere per vedere cosa succede. Questo meccanismo psicologico merita una comprensione sufficiente in quanto il vantaggio iniziale può trasformarsi in un problema. Ad esempio, i risultati di McKinley suggeriscono che scorrere infinitamente la pagina dei risultati di ricerca in qualche modo ha scioccato o confuso gli utenti, sovraccaricandoli con sempre più informazioni al punto che è stato evitato l'utilizzo della ricerca.
- I design dei modelli possono beneficiare di maggiore pulizia, maggiore spazio per contenuti e meno elementi di disturbo come l'elenco di numeri per il paging.
I lati negativi
Naturalmente, ci sono anche una serie di problemi con lo scorrimento infinito che dovrebbero essere considerati:
- Il tempo di caricamento della pagina è aumentato: è ovvio che il contenuto aggiuntivo da aggiungere in fondo a una pagina richiede più tempo per essere scaricato. Gli utenti con connessioni dial-up o piani dati mobili scadenti avranno una capacità ridotta di navigare in modo efficace in quella pagina.
- Utilizzo della memoria: i browser, sia su computer desktop che su dispositivi mobili e tablet, possono potenzialmente esaurire la memoria e bloccarsi, specialmente quando la pagina carica tonnellate di immagini.
- L'aumento del tempo di caricamento insieme a una maggiore quantità di memoria di sistema richiesta e l'utilizzo del processore potrebbero portare inevitabilmente a una navigazione sgradevole, maldestra e nervosa.
- Compatibilità con i browser: poiché lo scrolling infinito appartiene al regno del web design reattivo, dipende da librerie e plugin che potrebbero non essere completamente compatibili su dispositivi precedenti o versioni di browser.
- Sia il vedere il footer scomparire che l'impossibilità di raggiungere può essere un? Traumatizzante? esperienza per l'utente. Inoltre, tutto il contenuto del footer e quindi la funzione del footer stesso svaniranno.
- Mancanza di orientamento e riferimento spaziale: in uno schema impaginato gli utenti possono impostare un semplice riferimento visivo per orientarsi attraverso il contenuto della pagina e contrassegnare i luoghi in cui si trova qualcosa di interessante, quindi è possibile tornare rapidamente in seguito. Potrebbero esserci utenti che si sentono persi o confusi non sapendo dove sono realmente o mancando ciò che stavano cercando.
- Perdita dell'ultima posizione dell'utente nel flusso di dati, quando viene premuto il pulsante Aggiorna o Indietro. Poiché lo scrolling infinito ha lo scopo di mostrare grandi quantità di voci, dovrebbe essere implementato anche un modo per recuperare la posizione attuale nell'elenco, per evitare situazioni frustranti. La maggior parte dei reclami contro pagine infinite si riferiscono a questi ultimi due punti in quanto gli utenti stavano perdendo il controllo sulla pagina che visitano.
- I segnalibri tendono a essere inutili in quanto un punto di interesse non verrà contrassegnato su una pagina discreta ma fluttuerà da qualche parte nel flusso di voci.
- Anche se non è necessariamente una cosa negativa, le classifiche possono variare notevolmente nelle pagine di ricerca poiché i risultati confinati dopo il numero di pagina 2 verranno visualizzati nella pagina numero uno solo scorrendo per un tempo sufficientemente lungo.
Ecco perché, nonostante la loro alta popolarità, le pagine infinite non sono sempre l'opzione migliore per ogni sito o anche per lo stesso sito visualizzato in dispositivi diversi.
Alcuni metodi alternativi
Gli sviluppatori trovano costantemente soluzioni alternative per questi inconvenienti, rendendo più efficace lo scorrimento infinito. Il caso ben documentato della nuova app di LinkedIn per iPad offre un buon caso di studio su problemi e soluzioni quando si implementa lo scroll infinito.
L'applicazione doveva avere scrolling infinito in una lista centrale per mostrare notizie e grandi immagini; questo ha creato la necessità di un modo conveniente di gestire tutti gli elementi senza influenzare le prestazioni della pergamena. I trucchi HTML5 e CSS sono stati combinati per ottenere il risultato finale di un'app che mostra il contenuto senza intoppi senza crash.
Indubbiamente questo miglioramento dell'esperienza utente ha ancora un modo giusto per evolversi, ma gli utenti godono già di un'esperienza di navigazione migliore, in particolare quando si tratta di navigare pagine con molte informazioni, grafica e testo.
Zona del deposito
Lo scrolling infinito è qui per restare, quindi è consigliabile conoscere diversi metodi per farlo funzionare:
Enhantsy: La manciata di persone a cui è veramente piaciuta l'implementazione dello scrolling infinito su Etsy.com può riattivarla sulla propria pagina installando questo plugin dalla pagina Enhantsy. Il plugin offre diverse altre funzioni oltre a ripristinare lo scorrimento continuo in tutte le pagine di Etsy.
Soluzioni WordPress: I blog sono forse i candidati preferiti per lo scrolling infinito. Forse una piccola percentuale di utenti non è ancora in grado di gestire il footer float semitrasparente posto da WordPress quando lo scorrimento infinito è abilitato, ma per la grande maggioranza a cui piace la tecnica, Infinite-Scroll è un plugin che attiva la modalità di scorrimento infinito nella maggior parte dei casi dei temi del WP e richiede poca esperienza o capacità di codifica. Il plugin Jetpack offre anche uno scroll infinito come uno tra decine di funzionalità. Tuts + ha pubblicato un tutorial su come ottenere lo scrolling infinito usando jQuery; questo tutorial è diretto ai coraggiosi armeggiatori disposti a implementare lo scrolling infinito inserendo il codice stesso.
Discussione e raccomandazioni: StackOverflow offre numerosi tutorial su qualsiasi aspetto immaginabile relativo allo scrolling infinito.
Alternative mobili: Lo scrolling infinito funziona bene con i dispositivi mobili a causa della natura dei loro schermi tattili. È possibile ottenere l'effetto su Android utilizzando Android-Binding. I metodi per lo scrolling delle immagini utilizzati nelle app sono anche disponibili, ad esempio, per funzionare su iPhone.