Uno sguardo indietro a 30+ Diversi anni di progettazione di siti Internet

Il design del web in tutto il mondo ha fatto molta strada a causa del fatto che nel 1991 è stato rilasciato il primo sito web in assoluto. Completamente incentrata sul contenuto testuale, questa pagina web ha segnato l'inizio di quella che si sarebbe trasformata in una rivoluzione elettronica.

E sebbene i ricordi di GIF "in costruzione" e i colori accecanti del track record mi rendono grato per quanto è successo Internet, ci sono alcune decisioni storiche sullo stile del sito Web che essenzialmente richiedono un cenno di rispetto.

Siti Internet come questo non sono mancati da tempo, entrambi. Se vuoi vedere come appariva un sito web ad ogni intervallo considerando il fatto che è stato lanciato, inserisci il suo titolo di dominio nella Wayback Machine e scegli un giorno. In questo articolo, diamo solo una ricerca su come si è sviluppato lo stile del sito Web, dalle interfacce di solo contenuto testuale fino ai design fluidi e attuali che vediamo in questi giorni.

Primi anni '90: antichità

I primi anni '90 segnano l'inizio della timeline del layout del nostro sito Internet. A questo punto, non c'erano queste cose come un collegamento web ad alto ritmo. Erano modem dial-up, o non era niente. Pertanto, i siti Web dovevano essere sviluppati per velocità di collegamento notevolmente inferiori a quelle stellari. Apparivano principalmente come partizioni di testo: ciò che ora consideriamo scontato come "formato di layout" non esisteva.

Sebbene in seguito le variazioni dell'HTML consentissero progetti molto più avanzati, erano comunque incredibilmente primarie rispetto a quelle attuali, costituite principalmente da tag per intestazioni, paragrafi e collegamenti in entrata. I componenti visibili e lo stile come la tipografia, le immagini e la navigazione erano elementi di un futuro non troppo lontano.

Takeaway per i siti Web di Internet moderni:

Sebbene la funzionalità di questi primi siti Web fosse puramente informativa, possiamo vedere alcuni componenti di progettazione che utilizzano in questo momento. Queste vecchie pagine di rete sono state estremamente leggere e ottimizzate per una connessione Internet graduale che tutti noi continuiamo a sperimentare di volta in volta. Questi fattori di design e stile hanno tenuto conto dell'esperienza lavorativa della persona, qualsiasi cosa i siti di oggi di solito non fanno, anche con velocità più elevate.

Certamente, il World Wide Web di oggi può affrontare i siti Web carichi di contenuti multimediali... ma anche adesso ha dei limiti. File multimediali di grandi dimensioni, stile grafico pesante e animazioni anomale possono tutti contribuire a frequenze di rimbalzo maggiori quando le velocità di caricamento di solito non sono così rapide come vorremmo. Tieni in testa la tua persona quando prendi in considerazione lo stile e il design intricati e ricorda di BACIO (Continua a mantenerlo molto semplice, Supereroe).

Metà degli anni '90: il medioevo

Le età centrali della struttura della rete sono state afflitte da costruttori di siti Web sul sito Web e GIF distanziatori. (Più di una vera piaga, però, ideale?) Verso la metà degli anni '90, lo stile del sito web si era sviluppato sia in termini di composizione che di aspetto visivo. I designer hanno iniziato a utilizzare principalmente layout basati su tavoli per gestire il materiale, consentendo una maggiore flessibilità e immaginazione creativa. Ciononostante, i siti Web hanno un contenuto testuale piuttosto significativo, ma ora il testo potrebbe essere suddiviso in colonne, righe e altre funzionalità di navigazione per una leggibilità molto migliore.

Anche le funzionalità di layout grafico sono diventate immediatamente popolari. Contatori di visite al sito, testo animato e GIF danzanti sono solo alcune delle caratteristiche grafiche che segnano questo periodo di tempo in stile netto.

Takeaway per i siti Web di oggi:

In questo momento, ci sono molte spiegazioni per cui il design e lo stile dipendenti dalla scrivania non sono la scelta ideale per il tuo sito Web: il markup sostanziale, i momenti di caricamento lenti e l'incoerenza visiva sono solo una manciata di insidie.

Non importa, questo progresso è stato fondamentale nell'evoluzione dello stile del World Wide Web: è stato l'inizio con il passaggio a un framework di pagine Web non lineare. Elementi distinti potrebbero ora essere posizionati in sezioni distinte di una pagina Web mondiale e i progettisti hanno sperimentato nel considerare il modo più efficace per inviare i dati esistenti al consumatore.

La struttura della pagina Web rimane cruciale quando si considera la navigazione e il contenuto scritto. Decide in gran parte come l'utente sperimenta e interagisce con il tuo sito web. Anche se questi fattori potrebbero non essere stati in prima linea durante le epoche centrali della struttura del web, sono sicuramente in prima linea attualmente.

Fine anni '90: Il Rinascimento

Rinascimento. Rinascita. Lo stile del World Wide Web ha sperimentato la sua ragionevole dose di rivisitazioni, ma una delle prime è emersa con l'introduzione di Flash. Introdotto nel 1996, Flash ha aperto una terra di prospettive di stile che non erano raggiungibili con il semplice HTML. Era il connubio tra grafica virtuale e interazione.

Sebbene molti degli stessi componenti di design e stile dei periodi precedenti fossero stati ancora presenti, sono stati migliorati con animazioni, elementi visivi della cronologia affiancati, colori al neon, pulsanti 3D, pagine Web iniziali e altri contenuti multimediali.

Flash ha segnato l'inizio di uno stile e un design incentrati sul cliente: la costruzione e la navigazione sono diventati criteri vitali ei designer hanno iniziato a perfezionare l'aspetto e l'usabilità in eccesso rispetto agli articoli puri.

Takeaway per i siti Internet di oggi:

Flash è stato un punto di svolta, ma non avrebbe aderito in modo permanente. Flash viene applicato a malapena in qualsiasi momento in questo momento ed è considerato uno dei più grandi peccati di ottimizzazione Web di tutti i tempi. Oggi è normale scegliere soluzioni alternative come animazioni CSS e JavaScript per ottenere risultati equivalenti o incorporare filmati da siti Web di hosting di videoclip.

Primi anni 2000: L'Illuminismo

I primi anni 2000 erano stati un intervallo in cui l'usabilità e l'adattabilità erano davvero all'avanguardia nella struttura del World Wide Web.

In primo luogo la richiesta era CSS, un linguaggio di codifica che consentiva agli sviluppatori di mantenere le regole visibili nelle informazioni separate dall'HTML, separando abilmente contenuto scritto e moda. Ciò ha dato una maggiore libertà artistica sia a quei net designer che agli sviluppatori di contenuti scritti: ora i contenuti possono essere sviluppati completamente dal design e viceversa. I CSS hanno prodotto siti più facili da mantenere (meno codice e complessità), molto più flessibili (i tag div sono indipendenti da un altro ancora) e più veloci da caricare (file di dimensioni più piccole).

Una conoscenza molto migliore della psicologia del colore ha anche portato a un maggiore uso degli spazi bianchi e alla riduzione delle tonalità sgargianti, come i neon. I collegamenti hanno iniziato a rimanere aggiunti alle icone relativamente al semplice contenuto testuale, la risoluzione e la pixelizzazione sono diventate questioni molto più vitali e anche il posizionamento strategico del materiale ha preso piede.

Takeaway per i siti Internet di oggi:

Uomini e donne di solito scansionano i siti Web alla ricerca delle informazioni e dei fatti di cui hanno bisogno, quindi qualsiasi sito che semplifica questo compito ottiene un grande punteggio di prova. I web designer esperti sanno che la maggior parte degli utenti finali non dovresti navigare in ogni piccola cosa su un sito web e capire come il pubblico considera le informazioni.

Di conseguenza, fatti immessi in modo intuitivo, collegamenti in entrata visivamente accentuati e navigazione semplice sono solo alcune delle migliori procedure a cui i siti Web moderni devono attenersi. Generalmente stile e design pensando all'usabilità!

Dalla metà alla fine degli anni 2000: la rivoluzione industriale

La rivoluzione industriale del design e dello stile della rete inizia con l'inizio di Net 2. È in questo momento che le cose hanno iniziato a muoversi davvero verso il moderno world-wide-web. Il progresso delle app multimediali, l'ascesa dei contenuti scritti interattivi e l'avvento dei social media sono un paio di caratteristiche definitive di questo intervallo.

Inoltre, questi miglioramenti hanno principalmente dettato il modo in cui la struttura del sito Web era... ben fatta . Le alterazioni estetiche combinavano una migliore distribuzione delle tonalità, un maggiore uso delle icone e una migliore attenzione alla tipografia.

Ancora più importante, tuttavia, lo stile e il design sono cresciuti fino a diventare materiale di contenuto e il contenuto scritto si è rivolto all'ottimizzazione del motore di ricerca. Con la persona ora saldamente al centro del layout, le soluzioni di marketing (almeno esplicitamente) sono diventate le prestazioni secondarie dei siti: ora si trattava di scoprire.

Takeaway per i siti Internet di oggi:

Come accennato, l'evoluzione del sito Web 2. ha osservato il progresso dell'ottimizzazione del Web come una cosa da considerare. Sebbene questi metodi siano stati adattati nel corso degli anni, considerare il tuo sito Web in frasi di ottimizzazione Web è ancora una priorità importante per i siti Web aziendali più fiorenti.

Seo richiede contenuto scritto e il contenuto scritto è cresciuto per lo più fino a diventare l'enfasi dello stile e del design del sito Web durante questo periodo. Ottimizzazione delle parole chiave, link in entrata e in uscita, authoring, tagging e know-how di syndication come RSS sono diventati puri elementi di layout. Sebbene lo spamming degli URL e il jamming dei termini di ricerca abbiano rapidamente sfruttato questi metodi, queste procedure non sono efficaci per un periodo più lungo e (spero) sono per lo più svanite.

Dal 2010 ad oggi: l'era della moda

Oggi, circa due anni dopo la pubblicazione del primo sito internet, net layout si è saldamente affermata come ingrediente insostituibile di ogni singolo ottimo approccio pubblicitario e di marketing. L'ultima analisi ha rilevato che il 50% dei consumatori di oggi ritiene che lo stile del sito Web sia fondamentale per il modello di business.

In condizioni di estetica contemporanea, abbiamo assistito alla proliferazione del minimalismo: articoli sparsi, grafica piatta (così lunghi, pulsanti 3D!), tavolozze di colori più semplici e immagini grandi e audaci. Inoltre, l'UX è passato alla fase intermedia, fornendo il modo a queste opzioni di layout come lo scorrimento infinito e il design e lo stile di pagine web solitarie.

Potresti aver notato che il nostro sito Internet ha abbracciato tutte queste caratteristiche con il suo ultimo layout:

Un passo più essenziale nell'evoluzione dello stile e del design web è l'internet cellulare. Considerando che l'inizio dell'Iphone nel 2007, c'è stata una rianalisi del modo in cui i siti Internet sono strutturati per accogliere il crescente numero di persone mobili del world wide web. Questo include vari framework mobili che scelgono una strategia "mobile-first" e un obiettivo ancora più grande sull'ottimizzazione del ritmo cellulare, considerando il fatto che i telefoni in genere non hanno la velocità di elaborazione o la potenza di relazione del tuo desktop tipico.

Questa rivoluzione digitale ha anche consentito un aumento del layout responsivo, in cui gli aspetti della pagina si modificano meccanicamente all'ampiezza della finestra di navigazione, consentendo ai siti Internet di intravedere molto bene su qualsiasi macchina o display. Ora, è necessario un design reattivo per garantire un incontro soddisfacente con gli utenti mobili, specificato che oltre il 50% dei visitatori del sito in tutto il mondo proverrà da dispositivi cellulari.

Dove andranno i siti Internet dopo?

Se c'è un elemento particolare che ha educato ogni individuo solitario a uno solo di questi sviluppi, è il contenuto scritto. Ogni singolo ingrediente della struttura sottostante è stato adattato in modo tale da trasportare il materiale più appropriato alla persona nel modo più produttivo ed efficace. Le nozioni di accessibilità, adattabilità e usabilità definiscono davvero questo periodo di layout del World Wide Web.

Anche se al momento c'è molto di più che possiamo fare con il design di Internet, è bello pensare di tornare in cui veniamo. Volendo vedere come il design del sito web è progredito di conseguenza, è davvero emozionante sentire dove sarà nei prossimi 20 anni.

Nota dell'editore: questa pubblicazione è stata inizialmente pubblicata nel luglio 2013 ed è stata aggiornata per completezza.