15 siti orizzontali e il caso per farli
L'eccitazione dello scrolling si è davvero evoluta dal momento che potevamo usare le barre di scorrimento colorate in Internet Explorer anni fa.
Oggi stiamo trovando nuovi modi per reinventare il processo di scorrimento con gesti, funzioni di scrolling della parallasse e altro ancora. Stiamo creando eccitazione e raccontando storie. Stiamo creando esperienze utente fantastiche e rendiamo funzionale il contenuto. Il problema è che la maggior parte di questi siti utilizza lo scorrimento verticale.
E come puoi biasimarli? È normale. È ciò che è previsto. Ed è spesso la cosa più facile da implementare.
Ma dov'è l'amore per i siti a scorrimento orizzontale? Non molte persone li creano, principalmente a causa delle difficoltà nello sviluppo e dell'idea che i siti web orizzontali siano meno funzionali. L'argomento contro lo scrolling orizzontale è sulla falsariga di: "Perché reinventare la ruota?" Ma, dovremmo dare una possibilità di scrolling orizzontale?
Quando e perché?
Lo scroll orizzontale dovrebbe avere la possibilità di due motivi principali: (1) L'infatuazione che abbiamo attualmente con il responsive design e (2) I siti orizzontali hanno un luogo e uno scopo, proprio come fanno i siti di scorrimento.
Per esaminare rapidamente il motivo per cui funziona in modo reattivo, pensiamo a come usiamo i nostri telefoni e tabelle quando tiriamo su un sito su di essi. La maggior parte delle volte, finiamo per capovolgere il telefono in modo che mostri il nostro contenuto in orientamento orizzontale. Significa che giriamo i nostri telefoni per vedere il massimo della larghezza che possiamo. Perché non utilizzarlo creando siti che possono essere visualizzati e navigati in questo modo? Pensa a come guardiamo i video online e come sviluppiamo e progettiamo siti lungo la larghezza. Perché stiamo evitando lo scorrimento orizzontale?
Ora, per il mio secondo punto, posso mostrarti molto meglio di quanto possa dirti. Quindi, saltiamo a destra e vediamo come questi prossimi siti fanno un ottimo lavoro usando lo scrolling orizzontale per essere funzionali e interessanti.
Buro rovesciato
Questo sito portfolio utilizza una combinazione di scorrimento verticale e orizzontale per mostrare il proprio lavoro. Sta diventando sempre più popolare mostrare pezzi di lavoro sui propri schermi senza distrazioni, perché ha senso. Questo metodo di navigazione non è solo intuitivo, ma crea una meravigliosa sensazione di innovazione per questo designer.
Gavin Castleton
Al giorno d'oggi, è imperativo che gli artisti musicali trovino il modo di farsi notare. In un settore così inondato, gli artisti devono creare il pacchetto completo che attirerà l'attenzione, dalla musica al web design. Gavin ha creato un sito meraviglioso che è interessante e perfetto per ospitare tutte le sue informazioni.
Bartle Bogle Hegarty
BBH è ovviamente una delle agenzie creative più conosciute al mondo. Quando hai raggiunto il successo che hanno, iniziano a creare diversi rami e uffici in diverse aree del mondo. Invece di creare siti diversi per ogni località, hanno un modo per verificare cosa stanno facendo ciascuno in tutto il mondo. Mi piace la navigazione orizzontale perché è come se stessi viaggiando da e verso ogni località diversa.
Jens Lehmann
Ovviamente Jens è un ragazzo che ha molti titoli e indossa molti cappelli. Non vuole schiacciarli tutti insieme, quindi invece ha creato una casa sul web che gli permette di mostrare individualmente le cose che fa. La navigazione orizzontale di questo sito rende la trasformazione da ogni titolo facile da capire e vedere.
James Joyce
A differenza del sito Reverse Buro, non possiamo vedere ogni pezzo di lavoro singolarmente per schermo. Tuttavia, penso che funzioni per James Joyce e i suoi disegni perché sono tutti così simili. Abbiamo la possibilità di vedere e apprezzare davvero il suo stile.
Qui Design
Proprio come il sito web di cui sopra, stiamo ottenendo un sito orizzontale per mostrare il lavoro. Questo crea un ottimo esempio su come mantenere la giustificazione orizzontale, ma aggiungere anche le altre informazioni necessarie in questo sito.
CL Holloway
Questo è uno degli usi più ovvi dello scorrimento orizzontale che ho visto. È piuttosto intelligente, poiché questa persona è un'artista e una pittrice che è stata probabilmente in varie mostre di musei. Perché non farlo online? Fare questo dà un'idea migliore di ciò che fa Holloway e di come vuole essere visto. Mi piace davvero questo sito.
WWF
Questo sito è stato creato l'anno scorso per sensibilizzare l'Earth Hour del WWF. Invece di creare un sito con alcuni elementi grafici e alcuni contenuti, hanno deciso di creare una storia. Questa trama si muove orizzontalmente e ricorda molto le pagine di un libro. Nel frattempo, questo è un sito molto divertente e interattivo.
Blocklevel
No, questo sito non sta scorrendo esplicitamente da sinistra a destra. Tuttavia, c'è una striscia che ci permette di vedere il contenuto da sinistra a destra. È molto simile a un dispositivo di scorrimento iperattivo, che ha un senso, soprattutto su uno dei siti preferiti di una sola pagina.
Hot Dot
Hot Dot è una società di produzione web che afferma di essere estremamente innovativa. Con affermazioni così audaci, faresti meglio a sperare che abbiano un sito web che lo supporta. Fortunatamente, lo fanno. Ora, siamo abituati ai siti di scrolling della parallasse che scorrono verso il basso, ma questa volta otteniamo un sito di parallasse che scorre da sinistra a destra. È eccitante, se non più meso, del suo predecessore e offre un look molto innovativo.
Rezo Zero Interactive
Un'enorme parte del web design e dello sviluppo è l'esperienza dell'utente. Si tratta di creare un luogo interessante sul web che sia facile e divertente da utilizzare per il visitatore. Rezo Zero è uno di quei siti che ha grandi effetti, presta attenzione ai dettagli, ha un layout meraviglioso e molto altro ancora. Per non parlare del fatto che fanno un ottimo lavoro nel creare la navigazione della pagina che si muove linearmente.
Quest for the Perfect Pop
Se ami la fotografia in bianco e nero e le linee narrative nel web design, questo è il sito che fa per te. The Quest for the Perfect Pop è dedicato in gran parte al suono che la tua birra produce quando lo apri. Questo sito è un'ode a questo, creando una trama molto interessante che sarà presto disponibile.
Nerval
Proprio come il sito qui sopra, hai l'opportunità di scorrere questo lavoro come se stessimo camminando in un museo. Senza l'evidente grafica, questo è un modo molto pulito e di classe per creare questa sensazione. Non hai assolutamente nulla a tuo modo di distrarre la tua vista dal lavoro oltre al necessario. Questo è un ottimo modo per mostrare come il minimalismo si fonde con questa tecnica.
Il mio spazio
Alcuni di noi sono abbastanza grandi da ricordare "Myspace Tom" e gli argomenti che abbiamo avuto con i nostri amici di non averli nella nostra top 8 o 16. Myspace ha deciso di fare un ritorno, ma ha deciso di cestinare le pagine con glitter e orsacchiotto gli orsi che cadono da esso e invece, abbiamo un design super pulito e reattivo che scorre da sinistra a destra. Mentre altri social network stanno andando su e giù, Myspace sta facendo qualcosa di diverso creando una navigazione orizzontale.
Giellesse
Giellesse è un'azienda di progettazione di mobili con alcuni disegni super moderni. Oltre alla loro straordinaria collezione di pezzi, hanno creato un bellissimo web design che ti permette di scorrere da una pagina all'altra in orizzontale. Questo sembra molto come strisciare una pagina su un telefono e ovviamente si tradurrebbe bene su dispositivi mobili. Questo unisce la vecchia pagina verticale con un nuovo metodo di navigazione.
Conclusione
Ovviamente, ci viene insegnato a mantenere le cose semplici, ma ci viene anche detto di creare soluzioni ai problemi. Come puoi vedere, c'è ovviamente un posto sul web per i siti orizzontali. Sia che tu voglia mostrare qualcosa o creare un concetto pulito e fresco, il passaggio da destra a sinistra, piuttosto che dall'alto verso il basso, può essere utile. Come utilizzerai questa tecnica?
Hai costruito un sito di scorrimento orizzontale? Preferisci lo scorrimento orizzontale, verticale o nessuno? Fateci sapere nei commenti.