|
Introduzione Il web design è un'attività che consiste nella pianificazione, design ed implementazione di siti internet e pagine web. Non è semplicemente un'applicazione del design convenzionale, poiché richiede considerare questioni tali come navigabilità, interattività, usabilità, architettura dell'informazione e l'interazione di mezzi come l'audio, testo, immagine. Si può considerare come una parte del design multimediale.
L'unione di un buon disegno con una gerarchia ben elaborata di contenuti aumenta l'efficienza del sito web come canale di comunicazione e scambio di dati che offre possibilità come il contatto diretto tra il produttore ed il consumatore di contenuti, caratteristica riscontrabile del mezzo internet.
Il web design ha visto ampia applicazione nei settori commerciali di Internet. Alle stesso modo, spesso il web si usa come mezzo di espressione autonoma in sé. Artisti e creatori considerano le pagine in Internet come un ulteriore mezzo per offrire le proprie produzioni ed utilizzarle come un canale in più di diffusione delle opere.
Progetto web applicato Il design di pagine web tenta essenzialmente di realizzare un documento con delle informazioni collegate ad altri documenti ed assegnargli una presentazione per differenti dispositivi di uscita, su un schermo di un personal computer, su carta, su un telefono mobile, eccetera.
Questi documenti o pagine web possono essere creati:
- creando files di testo in HTML
- utilizzando un programma WYSIWYG di creazione di pagine web
- utilizzando linguaggi di programmazione dal lato server per generare la pagina web
Tappe Per il design di pagine web dobbiamo tenere in conto tre tappe:
La prima è il design visuale dell'informazione che si desidera pubblicare. In questa tappa si lavora distribuendo il testo, i grafici, i vincoli ad altri documenti ed altri oggetti multimediali che si considerino pertinenti. È importante che prima di lavorare sul computer si realizzi una bozza sulla carta. Questo faciliterà la chiarezza del progetto sul design.
La seconda tappa, una volta che si ottiene questo bozzetto, consiste nello 'scrivere' la pagina web. Per questo, e fondamentalmente per poter gestire i collegamenti tra documenti, si creó il linguaggio di marcatura di hipertesto o HTML. Le frasi o parole in colore diverso di questo documento sono esempi di hipertesto, dato che premendo su essi conducono ad altre pagine con informazione relazionata.
La terza tappa consiste nel posizionamento in motori di ricerca o SEO. Questa consiste in ottimizzare la struttura del contenuto per migliorare la posizione in cui appare la pagina in determinate ricerche. Questa tappa non è propriamente amata dai designer grafici perchè attualmente non si possono ottenere buoni risultati nei motori di ricerca per i siti con alta presenza di grafica. L' HTML consta di una serie di elementi che strutturano il testo e sono presentati in forma di hipertesto per il navigatore. Questo si può fare con un semplice editor di testi senza nessun tipo di formato. Imparare l'HTML è relativamente facile, cosicché è semplice creare in questo modo pagine web. Questa era l'unica maniera di generare siti internet fino a che apparvero, a metà del 1996, alcuni programmi visuali di HTML, come MS FrontPage e Dreamweaver. Con questi strumenti non è più necessario imparare il linguaggio HTML, anche se consigliabile, ma lo sviluppatore si può concentrare sulla cosa più importante, il design del documento. Tutto questo tenendo in conto il livello di programmazione nel design delle applicazioni e dell'impatto visivo che si vuole generare nell'utente.
Fondamenti Un corretto progetto web implica conoscere come devono deve essere utilizzati gli elementi nel linguaggio HTML, cioè fare un uso corretto di questo linguaggio all'interno gli standard stabiliti per la W3C e relativamente alla web semantica. A causa della permissività di alcuni navigatori web come Internet Explorer, questa premessa originale si è persa. Per esempio, questo navigatore ad esempio permette che non sia necessario chiudere i tag ed inoltre utilizza codice proprietario. Questo fatto ostacola la web universale ed indipendente dal mezzo che si usi per essere mostrato.
La web semantica, d'altra parte, patrocina per un uso logico degli elementi secondo il significato per il quale furono concepiti. Per esempio si userà l'elemento < P > per segnare paragrafi, e < TABLE > per tabulare dati, mai per disporre in maniera visuale i differenti elementi del documento. Nella sua ultima istanza, questo ha supposto un'autentica rivoluzione nel web design dato che scommette sulla separazione totale del contenuto dal documento di visualizzazione.
In questo modo si usa unicamente il documento HTML per contenere, organizzare e strutturare l'informazione e i fogli di stile CSS per indicare come si mostrerà detta informazione nei differenti mezzi, come per esempio, un schermo di PC, un telefono mobile, il modulo in carta, la lettura per un sintetizzatore di voce, etc. Secondo la logica, questa metodologia benefica enormemente l'accessibilità del documento.
Esistono anche pagine dinamiche, le quali permettono interazione tra il sito web ed il navigatore, fornendo gli strumenti tali come un motore di ricerca interno, una chat, dei forum di discussione, sistemi di inchieste, etc. e possiedono di un Pannello di Controllo di amministrazione di contenuti. Questo permette di creare, aggiornare ed amministrare quantità illimitate di contenuto nello stesso.
Accessibilità Il web design deve seguire alcune prescrizioni minime di accessibilità web per far si che il suo sito web possa essere visitato dal maggiore numero di persone. Per ottenere questi obiettivi di accessibilità si sono sviluppati modelli come quelle del W3C: modelli di accessibilità al contenuto Web 1.0 WCAG.
|