I siti Web di una sola pagina sono una tendenza importante del design. Soprattutto quando si tratta di disegni a una pagina pieni di contenuti, grazie alle infinite tecniche di scorrimento che consentono ai progettisti di continuare una pagina web a tempo indeterminato.
Questa tecnica è ottima per alcuni siti e tipi di contenuto, mentre per altri può essere ingombrante e frustrante. Come qualsiasi altra tecnica di progettazione, non dovresti farlo solo perché vuoi provare qualcosa di nuovo; dovrebbe essere una parte strategica del tuo quadro di progettazione. Quindi come puoi decidere? Diamo un'occhiata ai pro e contro dei siti web a scorrimento infinito.
Cos'è lo scorrimento infinito?
Prima di immergerci nel bene e nel male dello scrolling infinito, dovremmo assicurarci che sia chiaramente compreso. Con il numero di siti Web di una pagina in crescita ogni giorno, è importante distinguere lo scorrimento infinito dallo scrolling della parallasse.
Lo scrolling di parallasse è una tecnica di progettazione popolare in cui le immagini di sfondo e in primo piano si spostano a velocità diverse? per creare un'illusione di profondità. La tecnica viene spesso utilizzata su siti Web di una sola pagina per imitare effettivamente l'aspetto di avere più pagine o schermate per diversi bit di contenuto. Mentre lo scrolling della parallasse non ha un limite, la maggior parte dei progettisti lo conserva in una manciata di pannelli.
Lo scrolling infinito è un'altra tecnica di design popolare in cui il contenuto continua a popolare nella parte inferiore dello schermo mentre un utente scorre lungo la pagina. Il risultato è un? Infinito? flusso di contenuti che continua a crescere con l'azione dell'utente. Non ha un distinto (o nessuno) arresto o endpoint. Esempi comuni di scorrimento infinito in azione sono i popolari siti di social media Facebook, Twitter e Pinterest. Ognuno di questi siti utilizza questa tecnica di scorrimento infinito per mantenere le informazioni popolate nei feed, quindi i siti non hanno fine.
Pro: conserva gli utenti
Lo scrolling infinito può essere un ottimo strumento per i siti web che desiderano conservare gli utenti per lunghi periodi di tempo. La tecnica è comune per i siti con elenchi o contenuti che vengono aggiornati di frequente. (Torna ad uso comune tra i siti di social media.)
Poiché il contenuto continua ad apparire, gli utenti si trovano a scorrere e interagire per periodi di tempo più lunghi. Chi non vuole vedere la nuova cosa che è appena spuntata sotto i contenuti con cui hai già interagito? Questa tecnica può aiutare i progettisti a ottenere una varietà di contenuti di fronte agli utenti, possibilmente anche a informazioni che un utente potrebbe non aver trovato in altri modi.
Con: Lost Footer Information
Una delle maggiori preoccupazioni con lo scrolling infinito è la mancanza di footer su molti di questi siti web. Gli utenti apprezzano e comprendono i footer. Progettisti e sviluppatori hanno? Addestrato? gli utenti che un footer apparirà alla fine con parti vitali sul sito Web come informazioni sui contatti o sui social media, avvisi sulla privacy o sulla sicurezza, informazioni sul copyright e altro ancora.
I piè di pagina appiccicosi sono una soluzione a questo problema. Altri siti con scrolling infinito stanno iniziando a usare questa tecnica. Ma è importante considerare dove si trova il tuo sito web vitali e assicurarti che gli utenti possano trovarli.
Pro: ottimo per dispositivi mobili e touch
Lo scrolling infinito è quasi progettato per gli utenti mobili. A differenza delle esperienze del sito Web desktop, in cui abbiamo discusso per anni se lo scroll era morto o meno, il mobile è fatto per lo scrolling. Gli utenti si aspettano di scorrere. Lo scrolling infinito è un'esperienza attesa e quasi desiderata per questa piattaforma.
Inoltre, lo scrolling infinito funziona bene anche con il tatto. Pensa al design di molti progetti a scorrimento infinito, scatole di contenuti che compaiono. Ognuna di queste caselle è progettata in modo tale da rendere ciascun elemento unico che è in grado di toccare o fare clic per ulteriori informazioni.
Con: Navigazione e collegamenti possono diventare disordinati
Sapendo che una grande percentuale di visitatori del sito Web raggiunge un sito in un modo diverso dalla home page, la navigazione è fondamentale per mantenere quegli utenti in giro. Lo scrolling infinito può rendere la navigazione un po 'disordinata.
Dove vive la navigazione? Un concetto appiccicoso è un'opzione qui. Ma come si collega ad altri contenuti? Quali sono i modelli di collegamento e di flusso della mappa del sito? Se tutto è su una pagina gigante, questo può essere difficile.
Può anche fare bookmarking e saltare difficile. Conoscere questi utenti sia per salvare e saltare le informazioni è qualcosa che devi considerare nella progettazione del sito. Un'alternativa è scrivere le pagine? nella tecnica di scorrimento, quindi le informazioni sono raggruppate in qualche modo.
Pro: Made for Visuals
Lo scrolling infinito è fatto solo per i siti Web visivi. Puoi visualizzare un numero illimitato di immagini nello stile di Pinterest.
Non ci sono limiti al numero di immagini o dimensioni di immagini o forme di immagini. Tutto può essere messo insieme come un gigantesco puzzle per fornire un'estetica interessante. Le immagini possono essere combinate con altri elementi come testo, colore o strumenti di interfaccia utente per coinvolgere ancora di più gli utenti.
I siti Web che sono più comunemente (e nel modo migliore) utilizzando lo scrolling infinito sono quelli che includono contenuti altamente visivi. Portafogli di design e foto e contenuti di condivisione di foto sono comuni. Altri contenuti comuni sono l'aggregazione, come Tumblr (che tende ad essere anche visivo) e alcuni e-commerce.
Con: Tracking Analytics è più difficile
Se vivi per l'analisi, lo scrolling infinito ha alcune grandi sfide. Una riga del codice di Google Analytics potrebbe non fornire tutte le informazioni necessarie e potrebbero essere necessari alcuni strumenti di terze parti.
Causa anche alcune sfide di ottimizzazione dei motori di ricerca. Ci sono modi per superare i problemi SEO, ma devi prenderne in considerazione. Google ha una guida per rendere queste applicazioni rintracciabili per i crawler nel kit di strumenti per i webmaster.
Pro: rende la navigazione facile
Ogni utente sa come scorrere. È così semplice.
Con alcune diverse tecniche di scorrimento su siti Web che richiedono istruzioni, lo scorrimento infinito è tra i più semplici. Sposta la pagina verso il basso e apparirà più contenuto. Non devi preoccuparti degli utenti che abbandonano il tuo sito perché non capiscono come funziona.
Con: carico di tempo e problemi di crash
A volte lo scorrimento infinito si blocca. Può essere lento. Può semplicemente smettere di funzionare se gli utenti effettivamente eseguono lo scroll indefinitamente. Può bloccarsi come qualsiasi altro tipo di progettazione del sito.
Mentre tutti questi sono problemi validi, è possibile combattere molti di essi con buone pratiche di progettazione e sviluppo. Potresti anche considerare l'idea che una pergamena infinita non debba essere veramente infinita. Forse il rotolo è lungo ma ha una fine. Forse carica così tante immagini e poi chiede all'utente di fare clic per ulteriori informazioni. Forse il sito scorre all'infinito, ma quella pergamena è in realtà un loop di contenuti.
Pro: apre la porta alla creatività
I maybes nell'esempio con sopra cominciano solo a suggerire il numero di opzioni che hai quando consideri lo scrolling infinito per un progetto di web design. La tecnica apre le porte alla creatività e ai nuovi modi di presentare informazioni e raccontare storie.
Considera come questa tecnica potrebbe funzionare in collaborazione con i tuoi contenuti e altre parti del design del tuo sito web. Lo scrolling infinito è qualcosa che funziona su una singola pagina di un sito web più grande? È un modo per raccontare una storia unica in combinazione con altri effetti? Considera come questa tecnica aiuta il tuo contenuto (e se aiuta il tuo contenuto) prima di iniziare la strada del suo utilizzo.
Con: lo stesso vecchio design
Purtroppo, una delle più grandi insidie dello scrolling infinito è che così tanti siti che usano questa tecnica si assomigliano. Così molti di loro hanno contorni che assomigliano a un aspirante di Pinterest.
Per il massimo impatto, devi creare qualcosa che sia tuo e che possieda. Usando lo scrolling infinito perché? Tutti gli altri lo stanno facendo? non ti servirà bene alla fine
Conclusione
Se utilizzare o meno lo scrolling infinito nei tuoi progetti può essere una grande decisione. È alla moda e divertente e offre alcuni professionisti distinti, ma può anche presentare sfide per designer e utenti. Vale la pena di valutare ciascuno dei pro e dei contro prima di iniziare, quindi ecco una lista di controllo in stile riassunto!
Professionisti
- Conservare gli utenti
- Ottimo per dispositivi mobili e touch
- Realizzato per immagini
- Rende la navigazione facile
- Apre la porta alla creatività
Contro
- Informazioni sul piè di pagina perse
- La navigazione e il collegamento possono diventare disordinati
- Monitorare l'analisi è più difficile
- Tempo di caricamento e problemi di crash
- Lo stesso vecchio design