Il ciclo di vita del contenuto del design
Il design sul web è arrivato a pieno cerchio sin dai suoi primi giorni.
C'è stato un revival di design di siti web semplici e sobri che hanno messo in primo piano i contenuti, evitando la grafica audace e gli espedienti degli ultimi dieci anni o giù di lì, in modo simile al modo in cui i primi siti web ponevano l'accento sulla funzione e sul contenuto.
Ma è probabile che il web, e il modo in cui è progettato, si muoverà in cicli, come fa la maggior parte delle tendenze. A un certo punto nel prossimo futuro, potremmo ancora una volta vedere i siti con "disegni" più evidenti, con il contenuto spostato un po 'più in basso nella scala di importanza.
Noterete in questo articolo che ci sono casi in cui ho messo "design" tra virgolette. Naturalmente, tutti i siti web sono progettati in un modo o nell'altro, e il design non significa solo grafica.
Le citazioni sono lì per distinguere tra progetti palesi, visivamente dominanti e la pratica generale del design.
All'inizio…
Agli albori di Internet, c'era ben poco "design" in corso. Per la maggior parte, le pagine web erano di testo, con forse un'immagine o due gettati in buona misura. Molto di questo era dovuto ai limiti di larghezza di banda e alle preoccupazioni sul tempo di caricamento (quando tutti sono in dial-up, ogni byte conta). E in gran parte perché non c'erano davvero molte funzioni di "progettazione" incorporate negli standard web.
Aggiungi problemi con diversi browser che mostrano le cose in modi completamente diversi, e puoi capire perché quasi nessuno si è preoccupato del design, al di là di alcuni stili di testo. Il contenuto regnava supremo (accanto alla GIF animata occasionale).
Il web era nuovo, e la gente si avvicinava molto alla stampa. Non c'erano molti web designer "professionisti", e tendevano a essere più persone che progettano per il web che provenivano da uno sfondo software piuttosto che da uno sfondo di progettazione. Per questo motivo, entrambi i progetti visivi sono stati mantenuti minimi, o sono stati davvero, davvero male.
Dovremmo menzionare qui la prevalenza del background "notte stellata" nei primi progetti di siti web. Suo teorizzato che la prevalenza di questo sfondo nello spazio esterno è dovuta al gran numero di appassionati di videogiochi e fantascienza che erano online nei primi anni '90. A volte questi sfondi erano costituiti da immagini statiche piastrellate, mentre altre volte avevano animato sfarfallio o scintillio. In entrambi i casi, erano incredibilmente comuni nei primi siti web.
Il testo lampeggiante era una delle peggiori tendenze degli albori del web design. Il testo dell'arcobaleno (specialmente il testo animato che cambiava i colori in un loop costante) era un'altra tendenza che è felicemente scomparsa dai siti web professionali (anche se a volte è vista su siti costruiti da dilettanti, che riprendono immediatamente a metà degli anni '90, anche se in genere nemmeno un pizzico di nostalgia). Questi sono stati i primi grandi tentativi di "design" visivo sul web.
Cornici, tabelle, flash e il picco del "design"
Non passò molto tempo prima che le persone capissero di poter formattare i loro siti web usando tabelle HTML. Anche se questo ha fatto molto per far progredire il mondo del web design, ha portato anche a progetti di siti web veramente orribili. Inoltre ha aggiunto alla dimensione dei siti Web e ai tempi di caricamento, in quanto richiedevano più immagini di sfondo per creare il design nella maggior parte dei casi.
I frame erano un altro modo in cui molti creatori di siti Web formattavano i loro contenuti. Un frame contiene elementi di navigazione, mentre un altro contiene il contenuto principale. La cornice di navigazione rimarrebbe statica man mano che il nuovo contenuto è stato caricato. I frame sono stati utilizzati anche per visualizzare i collegamenti fuori sito mantenendo l'intestazione del sito originale o altre informazioni (questa tecnica è ancora utilizzata da numerosi siti oggi, in particolare About.com ).
Anche Flash si stava facendo strada nello stesso periodo e veniva utilizzato per creare siti web animati e completamente interattivi. In molti casi i tempi di caricamento dei siti Flash sono stati più lunghi, ma con l'aumento della connessione Internet a banda larga, i tempi di caricamento sono diventati meno importanti.
Internet in quel momento era dominato dal "design". Il contenuto, in molti (più?) Casi, è passato in secondo piano rispetto allo stile visivo. I progettisti (professionisti e hobbisti) volevano mostrare le loro capacità di progettazione, e il contenuto e l'usabilità subiti. Ma il web era ancora relativamente giovane, e non faceva parte della vita di tutti i giorni per miliardi di persone, come adesso.
L'architettura delle informazioni e l'usabilità erano ancora agli inizi online e sono state ampiamente ignorate da molti designer. Le campane e i fischietti erano l'obiettivo principale, indipendentemente dal fatto che effettivamente migliorassero l'esperienza dell'utente.
Web 2.0: bilanciamento di contenuti e design
Con l'avvento del Web 2.0, dei blog e di altri contenuti generati dagli utenti, il contenuto ha iniziato a diventare più importante. Il design audace era ancora importante, e rifletteva ancora molto e in alcuni casi aveva ancora la precedenza sul contenuto visualizzato.
Squidoo è un ottimo esempio di stili di design comuni nell'era del Web 2.0.
Ci sono stati alcuni siti durante questo periodo che hanno focalizzato l'attenzione sul contenuto (Wikipedia sarebbe probabilmente il più importante di questi), ma il design aperto ha comunque avuto un ruolo importante nella maggior parte dei casi.
Il Web 2.0 può essere accreditato enfatizzando il contenuto e infine dando alla funzione almeno tanta importanza quanto la forma. La maggior parte dei siti Web 2.0 era relativamente user-friendly e poneva l'accento sull'esperienza utente. C'era ancora un risalto sugli elementi e sulla grafica del "design", ma generalmente non a scapito del contenuto e dell'usabilità del sito.
MySpace Design
Probabilmente la cosa peggiore che uscirà dall'era del Web 2.0 è ciò che chiamerò "MySpace design". Grafica glitterata. Arcobaleni e unicorni Combinazioni di colori orribili e illeggibili. Pagine con tutto animato. E tutti i generatori che permettevano alle persone prive di design e nessuna conoscenza di HTML o CSS di creare pagine di profilo che erano più orribili di qualsiasi "progetto" amatoriale mai creato nei primi giorni del web. E per aggiungere la beffa al danno, sono stati scritti principalmente in HTML e CSS formattati male.
Per fortuna, questi siti e pagine completamente esagerati e esagerati sono per lo più caduti nel dimenticatoio. Certo, sono ancora comunemente visti nei profili MySpace di ragazze di 14 anni (tra molti altri dati demografici), ma fortunatamente non si sono diffuse molto nel web generale. Con l'eccezione di Cornify , ovviamente.
L'attenzione è tornata sul contenuto
Negli ultimi due anni, c'è stata una rinascita in disegni semplici e puliti. Anche i disegni che sarebbero considerati "grungy" o "Web 2.0" spesso hanno una loro semplicità. L'attenzione è puntata direttamente sul contenuto.
Frieze Magazine ha un design molto pulito e semplice, con l'accento sul contenuto.
Uno dei motivi alla base di questa tendenza è il numero di persone che navigano sul Web con gli smartphone. Gli utenti che navigano da un iPhone o da un altro smartphone di grandi dimensioni non vogliono necessariamente visualizzare un sito mobile. Ma sfogliare un sito troppo complesso è un lavoro ingrato su un piccolo schermo.
Typographica è un altro grande esempio di un sito che dà il centro del contenuto.
Questi nuovi design offrono contenuti mentre scompaiono senza soluzione di continuità in background. Aiutano i visitatori a cercare e trovare ciò che stanno cercando e a migliorare l'esperienza complessiva. Ma non sono ovvi o ostentati e la maggior parte delle persone non li nota consapevolmente. È un'enorme deviazione dai progetti che è stata di spicco dalla fine degli anni '90.
Contenuto vs. Stile
Troppo spesso, i progettisti e in particolare i loro clienti guardano al contenuto e allo stile (o al design) separatamente. Vedono i due come entità separate che devono in qualche modo essere fatte per lavorare insieme. O almeno coesistere nello stesso spazio.
Questo è il modo sbagliato di affrontare un progetto, però. Il tuo contenuto dovrebbe essere migliorato dallo stile visivo del tuo sito web. E gli elementi visivi dovrebbero essere creati per supportare il contenuto e renderlo più utilizzabile per i tuoi visitatori. Trattare contenuti e design come due cose separate porta a un prodotto finale che spesso manca.
Guarda i contenuti che il tuo sito deve incorporare e pensa a come mostrare al meglio i contenuti all'interno del design. Assumere un approccio olistico è più probabile che si traduca in un design che fornisce senza sforzo contenuti, senza attirare l'attenzione su di sé.
La natura ciclica del design
Mentre il design è in continua evoluzione, si muove anche in cicli abbastanza regolari. Siamo entrati a pieno titolo dagli albori del web design fino a dove il contenuto è l'obiettivo principale dei siti web. Eppure, siamo cresciuti così tanto dai primi giorni del web che nessuno avrebbe confuso un sito ben progettato dal 2010 con uno progettato nel 1995.
Overt, il design visivo dominante diventerà probabilmente un ritorno nei prossimi anni, ma è probabile che si sia evoluto e migliorato al punto che non è più dannoso per l'esperienza dell'utente.
Con la prevalenza di video e altri contenuti non testuali combinati con le nuove possibilità offerte da CSS3 e HTML5, ha senso solo che la grafica si impadronisca nuovamente del centro della scena.
Scritto esclusivamente per WDD da Cameron Chapman
Come vedi la relazione tra design e contenuto e i cicli di vita presentati in questo post? Si prega di condividere le vostre opinioni qui sotto ...