Che succede con la moda del design del sito Web di una pagina?


10

Ho visto un afflusso di siti Web che mettono tutti i loro contenuti su una pagina, su questo sito . Anche i siti di alcuni degli elenchi che vedo in Smashing Magazine lo fanno ( come questo, con quelli che sembrano un centinaio di siti, la maggior parte dei quali lo usano).

Come programmatore, questo stile mi infastidisce (per una serie di motivi, principalmente tecnici, non ultimo tra cui manutenzione, SEO, tempi di caricamento, ecc.), Ma soprattutto, sono curioso di sapere perché è diventato popolare tra designer per cominciare?


2
Wow! Non l'ho ancora visto, ma lo odio davvero.
Farray,

L'effetto in quel primo collegamento è chiamato parralax . Alcuni siti lo hanno fatto in modo elegante (ad esempio il più famoso Nike Better World ) portando, inevitabilmente, a un gruppo di persone che dicevano "VOGLIO UNO DI QUELLI" senza pensare se sia appropriato nel loro caso. Quando esiste un caso legittimo per un ordine di lettura fisso dall'alto verso il basso per un sacco di contenuti su una vasta gamma di temi e dove ci sono buoni aiuti per la navigazione di jump-link, può funzionare.
user56reinstatemonica8

Risposte:


9

Ci sono due tendenze separate coinvolte.

Il primo è la tendenza ad avere un sito semplice. Se è un sito di brochure, probabilmente non ha bisogno di quattro pagine separate. Una pagina a scorrimento è più facile da usare, navigare e gestire. Molti siti di app per iPhone utilizzano questo modello. Come fanno molte piccole imprese. Molti siti possono trarne vantaggio.

L'altra tendenza è che gli sviluppatori Flash finalmente scoprono HTML, jQuery e AJAX e continuano a pensare all'interno del vecchio modello Flash di "un file = un sito". Ciò è diverso dalla prima tendenza in quanto si tratta di un sito di grandi dimensioni con molti contenuti compressi in una pagina di dati / interazione. Come dici tu, questo metodo ha tutti i tipi di inconvenienti, anche se sono superabili con il codice giusto (assicurandosi che gli URL cambino / siano segnalibro, Google può navigare nel contenuto, i tempi di caricamento sono gestiti tramite AJAX, ecc.).


3

Penso che una delle migliori idee dietro un sito di una pagina sia quella di avere più di un aspetto narrativo . Il miglior esempio che mi viene in mente è questa pagina : un sito di fidanzamento / invito a nozze. Questo è un sito incredibile, e funziona per molte ragioni, una è che tutto scorre così bene insieme. Non avrebbe lo stesso impatto sparso su una serie di pagine.

Questa demo che è stata originariamente creata per mostrare IE9 è interamente dedicata allo storytelling . Quasi come un libro illustrato, ma con lo scorrimento invece di girare le pagine. E per questo è davvero perfetto e bello. Non molto pratico per creare un sito aziendale, ma evidenzia un motivo per cui l'atmosfera di una pagina è utile.

Funziona anche con pagine più piccole con poco contenuto . Quando mi sono sposato avevo tutte le nostre informazioni su un sito di una pagina perché non c'erano abbastanza contenuti per giustificare il passaggio da una pagina all'altra. È stato più semplice creare e gestire un sito di una pagina e il tempo di caricamento non è stato un problema.

Quando si tratta di affari, penso che sia un caso più duro. Ho pensato che un esempio memorabile fosse quando Google ha lanciato il suo telefono Nexus - lo hanno fatto su un sito di una pagina. Da quando hanno lanciato il tablet e annunciato la loro Q non è più così, quindi non riesco a collegarmi, ma è stato davvero bello vedere tutto in un unico posto. È ridurre i clic e creare un esperienza più coinvolgente .

Penso che vedrai molti esempi di persone che lo fanno solo per flettere il loro muscolo di programmazione o per provare a capitalizzare su una tendenza. Ma questo succede sempre nel mondo del design. Tienilo sul tavolo quando consideri lo scopo del tuo sito e utilizzalo quando appropriato!


2

C'è un lato positivo di questo (solo uno che mi viene in mente!), Che è che se vuoi cercare usando Ctrl+ F, tutto il contenuto è su una pagina in modo da poter cercare l'intero sito web in una sola volta (supponendo che il contenuto sia ricercabile) .

Penso che derivi in ​​parte dal concetto di "Non fare in modo che l'utente richieda più contenuti, dagli solo loro". Come Google, Twitter, ecc. Che danno automaticamente più risultati più in basso si scorre.

Vale la pena guardare il GoogleTech di Aza Raskin del 2008, "Non farmi fare clic" .

L'intero discorso è molto interessante, ma la parte relativa qui inizia a 29 minuti. Qui ha hackerato Firefox in modo da ottenere tutte le schede del browser in una pagina a scorrimento verticale continuo.

Mi chiedo se questo fosse il precursore di ciò che stai vedendo ora.


1

Due parole: esperienza utente.

I siti di portfolio di base non dovrebbero richiedere all'utente di fare clic su più pagine per vedere cosa hanno da offrire se il contenuto è semplice e diretto.

O più specificamente, l'invito all'azione è singolare. Quando l'obiettivo del sito è: "assumimi", il sito può essere controproducente quando la sua Sitemap è inutilmente complessa.

EDIT: alcuni esempi di seguito ...

http://joelglovier.com/

http://pixelightcreative.com/

http://www.tinybigstudio.com/

http://www.charleselena.com.au/

http://joshhemsley.com/

http://www.digitallabs.tv/


2
Sarei più d'accordo con questo se tutti potessero scorrere verso il basso, ma questa non è né la loro funzione generale né il loro intento. Diversi scorri lateralmente e molti non mostrano affatto la possibilità di essere scorrevoli e sono, infatti, progettati per apparire come più pagine, gettando la tua teoria fuori dalla finestra.
Shauna,

Shauna, anche se ho familiarità con i siti a scorrimento orizzontale, non ho familiarità con gli altri a cui ti riferisci. Posso tuttavia indicarti una mezza dozzina di quelli di cui sto parlando dalla cima della mia testa. (vedi le modifiche sopra)
Joel Glovier,

1

Dal punto di vista SEO, il design del sito Web di una pagina è una mania.

È qualcosa che probabilmente rovinerà le tue prestazioni SEO, specialmente quando lavori in un contesto commerciale altamente competitivo. So che i grafici raramente lo prendono in considerazione, e d'altra parte i clienti non hanno abbastanza conoscenze sulla SEO, ma se chiedi a uno specialista SEO, diranno lo stesso.

Il mio consiglio? Chiedi al tuo specialista SEO di fare una ricerca per parole chiave e darti una descrizione della struttura del tuo sito web.

Puoi leggere di più su Search Engine Land, questi ragazzi conoscono molto bene la SEO;) https://searchengineland.com/single-page-we website- seo- 182506


0

Sembra che sia un tentativo di ottenere tutto "above the fold" - l'area preziosa e preziosa in cui si trova lo spettatore medio di attenzione breve. Diversi studi di usabilità hanno dimostrato questo, così la gente cerca di mettere lì le cose "importanti". Sembra che questo designer abbia pensato che "tutto è così importante".


Ciò che mi sconcerta è il numero di siti che ho visto che fanno questo. Ecco una delle liste di Smashing Magazine a cui ho fatto riferimento, ho rinunciato a circa un terzo del down perché erano tutti così: smashingmagazine.com/2011/04/19/…
Shauna

0

Non penso che sia qualcosa di più di qualcuno che usa l'ultimo accattivante trucco per convincere la gente a leggere un sito web.

Prendi, ad esempio, il sito Nike nell'articolo collegato di @ Shauna. Onestamente, tanta innovazione è rimasta nel design delle scarpe da corsa e nella pubblicità di quelle stesse scarpe da corsa? Quel contenuto avrebbe potuto essere facilmente inserito in una brochure o in Flash se volessero la parallasse. Possono invece aggiungere un elegante effetto di parallasse come risultato del nuovo schema di navigazione senza l'onere di Flash.

Andrei persino al punto di indovinare che esiste un tutorial HTML5 / CSS sul sito Web di Smashing Magazine che mostra come fare ciò che ha generato i siti mostrati.


Il downvote? Sì, è stato giusto. Nessuna delle mie migliori risposte. Penso di essere stato un po 'incisivo quando l'ho scritto.
Philip Regan,

Scrollata di spalle Non ho abbastanza rappresentante su questo sito per votare, quindi non sono stato io.
Shauna,

Gli ho dato un voto per annullarlo perché sembri provenire da un buon posto;)
thomasrutter,

0

In realtà penso che il primo elemento (la barra di scorrimento) che hai collegato abbia un fattore interessante: sembra buono in movimento.

Non ha avuto senso per me fino a quando non ho fatto clic su uno dei collegamenti del menu, e ora vedo che l'animazione è stata la forza trainante dell'intera idea. È una specie di effetto fotocamera a 3 piani della vecchia scuola come un vecchio cartone animato Popeye o Disney.

Penso che la scorrevolezza su quella pagina sia un errore o una caratteristica di cui non potrebbero liberarsi.


0

Un problema è che potrebbe essere popolare tra i clienti! Questi siti risalgono ai giorni dei microsfere flash per un prodotto appena rilasciato, la parallasse sembra fare questo lavoro al momento. Per un microsito di prodotto penso che vadano bene, per un sito che in realtà ha dei contenuti non sono sicuramente adatti. Penso che un'altra cosa sia che ai designer piace mostrare che sono aggiornati e "alla moda", avere un sito web in una nuova popolare moda potrebbe sembrare utile. Tutto quanto sopra riguarda Internet in siti simili.


0

Penso che tu abbia praticamente risposto alla tua domanda nel titolo, cioè è una moda passeggera.

Proprio come quando Javascript (e poi AJAX) è apparso anni fa e le persone facevano ogni sorta di cose fantasiose con esso, un migliore supporto per Jquery e CSS 2/3 e una migliore velocità di rendering nei browser ha spinto un nuovo round di sperimentazione con nuovi modi di stesura di siti che potrebbero non essere stati così pratici in passato a causa di alcuni browser più vecchi.

Ma proprio come con CSS, Javascript e AJAX, la moda maturerà e sarà morbida, e diventerà più raffinata, piacevole e utile nel tempo. Il tuo primo esempio è inducente al mal di testa con il suo folle scrolling disgiunto (se sei, diciamo, all'inizio e premi "Galleria"). Secondo la mia modesta opinione, è andato troppo lontano e non è un'esperienza abbastanza fluida da giustificare la separazione dal normale. Ciò non significa che tutti i siti che utilizzano tecniche simili saranno dannosi.

È importante che i progettisti sperimentino nuovi modi di fare le cose con le nuove tecnologie. Per un momento non suggerirei che questo non avrebbe mai dovuto essere tentato. Ma è quello che è - sperimentale.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.