Solo un sito web di una singola pagina 3 motivi per cui può funzionare per la tua idea

Una cosa che amo di Internet è come esiste perennemente in uno stato di evoluzione, adottando nuove idee e scartando quelle che hanno cessato di funzionare.

Prendi Flash, per esempio. Dalla metà degli anni '90 alla metà degli anni 2000, era lo strumento dominante utilizzato per aggiungere interattività e brio ai siti web. Innumerevoli vulnerabilità della sicurezza Plugin del browser - Uno dei più grandi problemi di sicurezza sul Web Oggi [Opinione] Plugin del browser - Uno dei più grandi problemi di sicurezza sul Web Oggi [Opinione] I browser Web sono diventati molto più sicuri e più resistenti agli attacchi nel corso degli anni. Al giorno d'oggi il grande problema di sicurezza del browser sono i plug-in del browser. Non intendo le estensioni installate nel browser ... Leggi di più e l'adozione di massa di dispositivi mobili touch-screen più tardi, Flash è diventato inutile, in declino sia sul desktop che come non-player nel campo mobile Adobe Arresta lo sviluppo del plugin Flash per dispositivi mobili [Novità] Adobe interrompe lo sviluppo del plugin Flash per dispositivi mobili [Novità] In una mossa sorprendente (o non così sorprendente), Adobe sta cessando di sviluppare il plugin Flash per i browser mobili. Secondo l'annuncio ufficiale di Adobe, ora concentreranno i loro sforzi su HTML5, in quanto ... Per saperne di più .

Un altro concetto che viene fortemente messo in discussione dall'aumento del dispositivo touch-screen è il menu tradizionale e il design di siti Web a più pagine. Dato che una notevole quantità di navigazione web viene eseguita su schermi di dimensioni sempre più piccole, questo non funziona così bene come un tempo.

Inserisci il layout della pagina singola

Il layout a pagina singola è uno che evita di avere più pagine, ognuna delle quali racchiude un pezzo di testo o dei media. Invece, usiamo una singola pagina continua che contiene assolutamente tutto.

Questo paradigma di design ha trovato innumerevoli fan all'interno della comunità degli sviluppatori Web e si è trovato utilizzato in una varietà di impostazioni, tra cui pagine di marketing e portfolio personali Creazione di un sito web: la tua carriera ti ringrazierà più tardi Creazione del tuo sito Web: la tua carriera ringrazierà Più tardi Un sito Web personale è probabilmente uno degli aspetti più importanti della tua presenza online. Sicuramente altre aree come i social network e i blog sono importanti, ma il tuo sito web è come una base di casa ... un altro. Questa adulazione ha avuto l'effetto di generare innumerevoli librerie Javascript, che rendono facile creare siti web a pagina singola (di cui il mio preferito è fullPage.js). Ma perché? Cosa fa funzionare questo paradigma? Ecco tre ragioni per cui.

Puoi creare una narrativa

Non essere confuso. Le storie sono tutto. Prendi, ad esempio, il sito Web ufficiale di Apple per iPhone 5s. Questo utilizza il paradigma della singola pagina al suo massimo e mostra come è possibile creare una storia avvincente con l'utilizzo di questo paradigma di progettazione.

Quando navighiamo per la prima volta sul sito ufficiale di iPhone 5s, ci viene innanzitutto detto che l'iPhone 5s è "Forward Thinking". Mentre scorriamo verso il basso, ci viene detto che l'ultimo dispositivo Instagram di Apple è stato meticolosamente considerato e realizzato con precisione. Mentre scorriamo più in basso, vengono svelate ulteriori informazioni sulla progettazione e sullo sviluppo del telefono, che dipingono un'immagine di attenta maestria e qualità. Alla fine la pagina raggiunge il suo culmine, e vediamo la sua chiamata all'azione, dove ci viene detto come possiamo acquistare questo dispositivo miracoloso. Saremmo in grado di creare la stessa narrativa fluente e lineare se usassimo pagine web separate e individuali? Forse no.

Forse il mio esempio preferito di come il layout di una singola pagina può essere usato per raccontare storie è visto su jessandruss.us. Questo sito è stato creato per invitare i loro amici e familiari al loro matrimonio, e usa lo scrolling della parallasse e tutti i tipi di inganni javascript per raccontare la loro storia di come si sono incontrati e si sono innamorati. È ridicolmente affascinante e tu dovresti assolutamente dare un'occhiata.

Renderà la tua copia migliore (e i tuoi lettori lo adoreranno)

Di recente ho fatto qualche consulenza sul web design. Il cliente con cui lavoravo voleva creare un sito Web per le loro piccole imprese. Mi ha inviato per email un file ZIP di 365 MB che conteneva una grande quantità di foto e copie. Non sto parlando solo di informazioni immediatamente pertinenti al business, ma di una biografia su ogni singolo membro dello staff. Notizie dall'azienda Solo ... Fluff.

La mia reazione immediata è stata 'ai suoi clienti non interessa questo'! Ero anche preoccupato di come avrebbe influenzato il layout e il flusso della sua pagina web, che utilizzava un design a una pagina. Dopo un po 'di trattativa, acconsentì e lasciai che prendessi un coltello affilato nella sua copia, dove provavo un grande piacere nell'esorcizzare tutto il grasso estraneo.

Il risultato finale fu che il suo sito web offriva solo informazioni che il cliente avrebbe trovato utili e nient'altro. La scelta di un design a pagina singola ci ha costretti a scrivere una copia incredibilmente concisa e, di conseguenza, leggibile in modo fenomenale.

Funziona bene su dispositivi mobili

Tempo di confessione: ho dita grasse.

Davvero, lo so. A volte somigliano più alle salsicce viennesi che alle appendici umane. Di conseguenza, la navigazione in Internet dal modesto schermo di un dispositivo mobile spesso mi mette in crisi di rabbia tumultuosa, poiché faccio spesso clic sui collegamenti che non intendevo per caso.

Questa rabbia è aggravata quando mi imbatto nella maggior parte delle barre di navigazione del sito web che semplicemente non funzionano su dispositivi mobili. Alcuni semplicemente non sono ottimizzati per schermi più piccoli. Forse il peggiore trasgressore della navigazione è dove i menu esistono sepolti all'interno dei menu e possono essere raggiunti solo passando il mouse su un'area della pagina. Come puoi immaginare, questo non funziona sui dispositivi touch-screen.

In parole semplici, i vecchi paradigmi di navigazione del sito web non funzionano più come prima. La bellezza del design web di una singola pagina è che riduce la navigazione in due direzioni: su o giù. Sulla maggior parte dei dispositivi mobili, questo può essere espresso con una singola pressione del dito in entrambe le direzioni, dando come risultato una navigazione incredibilmente intuitiva.

Conclusione

Mi piacciono molto i siti web a pagina singola. Come narratore naturale, mi piace come rendono facile costruire narrazioni coinvolgenti che attirano immediatamente l'attenzione del lettore. Se stai cercando ispirazione, dai un'occhiata a One Page Love, che è un compendio completo di siti web che utilizzano questo accattivante paradigma.

Il tuo prossimo sito web sarà un sito web a pagina singola?

Photo Credit: Code (Nigel Pepper)

Scopri di più su: Web Design.