Per natura, il web è un luogo caotico in cui le persone saltano da una pagina all'altra a volontà. Sfortunatamente, questa libertà può funzionare contro quei siti web il cui contenuto è meglio seguito in un certo ordine.

Le tecniche di progettazione consentono di indirizzare gli utenti lungo un percorso con diversi gradi di persuasione. Ma quando è meglio indirizzare gli utenti e in che modo?

Cosa definisce il contenuto lineare? Ne stai leggendo ora: gli articoli sono simili a flussi di pensiero presentati in un certo ordine. La parola scritta non è sola. Sebbene gli utenti possano saltare avanti e indietro nei video e nei file audio, questi media limitano il pubblico a una timeline.

Le esperienze lineari non hanno minore importanza in un mondo multitasking e iper-threading. Se utilizzati correttamente, i web designer possono utilizzare questo concetto a proprio vantaggio.

Come funziona?

Il vero problema non è come usare un'esperienza lineare ma come mantenere l'attenzione in un mezzo basato sulle distrazioni. Poiché i web designer non possono controllare i fattori esterni, devono lavorare per mantenere gli utenti coinvolti. Una pagina web deve rispondere costantemente alle domande inespresse: "Cosa c'è in esso per me?" E "C'è qualcosa di meglio?"

Gli utenti avranno sempre la possibilità di partire. Possono fare clic sui segnalibri o sul pulsante indietro del browser o utilizzare il campo di ricerca del browser. Oppure fai clic sul link a quel video di gatto divertente che il loro amico ha appena IM. Potrebbero semplicemente chiudere la finestra del browser. Persuadere gli utenti a seguire una traccia richiede un pensiero non convenzionale.

Mantenere gli utenti concentrati è un problema. La presentazione lineare è una soluzione.

Utilizzare un sito a pagina singola

Il modo più semplice per creare una presentazione lineare è utilizzare un formato lineare. I siti a pagina singola trasferiscono tutto il loro contenuto in un'unica pagina lunga per consentire agli utenti di scorrere in orizzontale o in verticale (ma non in entrambi). Il trucco per attirare le persone che sono avverse allo scrolling è far credere loro che lo scrolling valga la pena. È la stessa idea con i link: le persone scelgono di fare clic.

Content structure

Controllo dell'esperienza

  • In un sito Web a più pagine, gli utenti controllano le pagine che visitano.
  • In un sito Web a pagina singola, i progettisti esercitano un maggiore controllo sul modo in cui gli utenti visualizzano il contenuto.

Ottimizzazione del motore di ricerca

Benefici delle prestazioni

  • Siti di più pagine caricano il contenuto su richiesta (mentre gli utenti fanno clic su ciascuna pagina).
  • I siti a pagina singola hanno un ritardo minimo tra le sezioni (una pagina, un carico).

Danni alle prestazioni

  • Pagina multipla: gli utenti devono attendere il caricamento di ogni pagina.
  • Pagina singola: può caricare contenuti che non interessano gli utenti.

La cosa migliore per i siti

  • Siti multipagina che aggiungeranno contenuti nel tempo.
  • Siti a pagina singola che devono competere per l'attenzione degli utenti o avere un messaggio conciso.

La cosa migliore per gli utenti

  • I siti multipagina fanno bene alle persone che cercano un fatto specifico o solo gli ultimi aggiornamenti.
  • I siti a pagina singola sono utili per le persone che hanno bisogno del quadro generale o che sono nuovi all'argomento in questione.

Mantieni sezioni distinte

Come le frasi run-on, le lunghe pagine possono sopraffare e confondere gli utenti. Un lungo treno di pensieri è difficile da assorbire. Rompere una lunga pagina in sezioni distinte, ciascuna con la propria intestazione e il piè di pagina, consente alle persone di "saltare" da un pensiero all'altro.

Se possibile, cerca di mantenere ciascuna sezione all'incirca della stessa dimensione. Come ogni griglia, il ritmo crea un precedente confortevole. Se usato bene, "above the fold" non è una barriera: è uno strumento.

Above the fold

Usa la navigazione in-page

Le barre di navigazione tradizionali hanno due scopi: in primo luogo, consentire agli utenti di fare clic tra gli argomenti che li interessano; in secondo luogo, per mostrare agli utenti dove si trovano nel contesto del sito. La navigazione non diventa meno importante se un sito utilizza solo una pagina. La navigazione a pagina singola ha gli stessi obiettivi, contribuendo a definire le transizioni tra le sezioni e a rispondere "ci siamo ancora?"

Rimuovi le distrazioni

Una tecnica vitale per mantenere l'attenzione degli utenti è quella di ridurre il tempo tra informazioni interessanti o significative su una pagina.

Sia che si tratti di un fatto specifico, di una buona lettura, di un video preferito che hanno visto centinaia di volte, o di un gioco che fa perdere tempo, i visitatori visitano i siti Web per un motivo. I siti web narrativi non sono necessariamente più brevi, ma rendono facile per gli utenti "saltare" da un pezzo all'altro.

Casi adatti per un'esperienza web lineare

Sebbene le esperienze lineari oi siti a pagina singola non siano i migliori per ogni caso, sono utili nelle giuste circostanze.

Il passo rapido delle vendite

Gli acquirenti online possono navigare e cercare a loro piacimento, ma il processo di checkout segue un percorso definito. Per le persone che vendono solo pochi articoli, un sito di una pagina è l'ideale: dal punto di vendita al clic "conferma l'ordine" i clienti non sono distratti dalle pagine laterali. L'esperienza dello shopping a scorrimento li guida alla naturale conclusione.

Ogni Kickstarter il progetto è simile a un sito di una sola pagina: introduzioni, descrizioni, esempi di lavoro e opzioni per donare rendono ogni progetto il proprio passo di vendita autonomo.

indagini

I siti progettati per raccogliere informazioni guidano gli utenti tra i passaggi sono intrinsecamente lineari. A seconda delle tecniche utilizzate, un sondaggio può eliminare i passaggi non necessari man mano che l'utente progredisce, adattando l'esperienza dell'utente al volo. Ad esempio, "se hai risposto no, salta la sezione successiva" può diventare automatico.

Email newsletter

Le pagine Web inviate via e-mail affrontano la difficile prospettiva di evitare il pulsante di eliminazione degli utenti. Nonostante sia limitato a una pagina con lo stesso obiettivo, sii degno della posta in arrivo di qualcuno. Le soluzioni per la progettazione di email convincenti non si limitano alle e-mail. I siti web che devono raggiungere utenti con attenzione limitata o interesse marginale possono utilizzare la formula di introduzione-spiegazione-azione trovata tra i modelli di modelli di email.

Descrivi un processo

Contenuti che spiegano un sistema, utilizzano un diagramma di flusso o mostrano cambiamenti nel tempo possono utilizzare lo spazio verticale con un grande effetto perché gli utenti non devono fare clic su un pezzo per vederne un altro.

BBC Ocean Depths

Il Profondità oceaniche della BBC incoraggia gli utenti a scorrere verso il basso fino ai punti più profondi sulla Terra.

Living with nest

Vivere con Nest porta le persone per un anno a utilizzare il termostato Nest mentre scorrono verso il basso.

Evolution of the web

Evoluzione del web scorre anche per seguire il tempo, ma si sposta orizzontalmente anziché verticalmente.

Experimental web comics

Fumetti web sperimentali di Scott McCloud trasforma le finestre del browser degli utenti in un pannello a fumetto in esecuzione.

The dangers of fracking

Pericoli di fracking segue una goccia d'acqua, usando lo scrolling verticale per attivare gli eventi lungo la strada.

Ignition creative

Ignition Creative usa lo scrolling come strumento per organizzare sezioni della loro stravaganza di una sola pagina.

L'esperienza utente lineare è lo strumento giusto per il tuo lavoro?

Esperienze lineari, a pagina singola o altro, non sono l'ideale per ogni progetto. Se il punteggio elevato con i motori di ricerca è una priorità, ricordalo A Google piacciono i collegamenti interni . Dicono anche " Crea pagine principalmente per utenti, non per motori di ricerca "Tuttavia, i siti con una presentazione diretta costringono i progettisti e gli editori a strofinare il loro contenuto senza materiale estraneo. I parametri restrittivi possono portare a soluzioni innovative.

Alla fine hanno sempre il potere di andarsene, il che fa persuadere gli utenti a seguire un percorso, impegnativo in qualsiasi progetto web.