Il World Wide Web è composto da letteralmente miliardi di pagine web. Ogni pagina è stato progettato da un autore da qualche parte. Infatti, alcune delle pagine web più complesse hanno avuto molte persone coinvolte nei loro disegni. Il processo di progettazione di pagine web può essere suddiviso in quattro componenti principali: progettazione grafica, struttura HTML, progettazione di applicazioni e l'esperienza utente.

Partendo

Quando si progetta una pagina web, c'è una regola base: Form Follows Function. È necessario disporre di una buona idea su ciò che si vuole realizzare con la tua pagina web. Una semplice pagina con parole e immagini deve ancora fornire informazioni in modo chiaro e conciso. Una pagina web interattiva ha bisogno di decisioni su quali strumenti o linguaggi di programmazione saranno coinvolti. Una pagina web che fa parte di un sito più grande ha bisogno di incorporare qualsiasi requisiti branding o di navigazione, lo scopo di tale pagina viene perso o oscurato.

Avvio del processo di progettazione prima che avete deciso esattamente ciò che si vuole raggiungere porta a ritardi, riavvii e ingombrante pagine, quindi assicurarsi che avete una buona idea di che cosa il risultato finale sta per essere.

Graphic Design

Graphic designer sono spesso impiegati specificamente per progettare pagine web e siti. Progettazione grafica per il web è diverso da quello per i layout rivista dove si conosce la dimensione della pagina fino all'ultimo millimetro. Un designer grafico esperto per le pagine web saranno in grado di incorporare un elegante look-and-feel per una pagina web con un layout fluido che può ospitare molti tipi di browser e sistema operativo. Saranno anche in grado di includere qualsiasi marchio aziendale che può essere necessario, sia facendo riferimento alle guide di stile esistente, oppure creando un nuovo layout della pagina web.

Perché il computer e browser web sono disponibili in tutte le forme e dimensioni, dai piccoli telefoni ai monitor wide-screen, una pagina web ben progettato ospiterà la scelta dell'utente del browser così come possibile, essendo visualizzabili su tutte le dimensioni dello schermo.

Spesso grafici lavorano con mock-up per una pagina web in un programma come Photoshop, così che la gente può avere un'idea di cosa la pagina dovrebbe essere simile prima di iniziare a costruirla.

Struttura HTML

HTML, o HyperText Markup Language, è la lingua delle pagine web. È ancora parte del processo di progettazione; Questo è come è realizzata la grafica della pagina web. Nelle prime fasi della storia del web, pagine web sono stati basati intorno a tabelle HTML, ma questo ha creato pagine web che non poteva essere cambiato facilmente. Al giorno d'oggi, la maggior parte delle pagine sono una combinazione di HTML e CSS o Cascading Style Sheets. Il CSS permette il HTML di concentrarsi su ciò che sta dicendo la pagina web, mentre i CSS determina dove il codice HTML va sulla pagina web e quello che sembra.

Molti web diverse pagine può fare riferimento allo stesso file CSS, quindi se si desidera modificare l'aspetto di ogni singola pagina web in una sola volta, è possibile solo modificare il CSS in un unico luogo.

Progettazione di applicazioni

Se si desidera che la pagina web di avere alcune attività dinamica, si deve anche lavorare come questo è meglio realizzato. Se la pagina web è collegato a un database, ci sono un numero di diversi linguaggi di scripting come Perl o la famiglia di .NET di linguaggi, che, in combinazione con il server che ospita il sito, in grado di fornire una diversa pagina web utilizzando i risultati dal database. Alcuni siti sono quasi interamente basati su database e sono gestiti da un CMS, o Content Management System, come Drupal, Plone o Joombla.

In alternativa, una pagina web può eseguire alcuni script nella pagina stessa, senza fare riferimento al server. JavaScript è il linguaggio di scripting più comune per questo, e può anche cambiare l'aspetto della pagina in modo dinamico se necessario.

La progettazione dell'applicazione coinvolge decidere qual è il modo migliore per raggiungere i vostri obiettivi. Molto dipenderà il server il sito Web è in esecuzione, le lingue disponibili (e che il programmatore conosce) e quante persone si prevede di utilizzare il sito.

Esperienza utente

A volte, una grande pagina web può essere imperfetto. Potrebbe avere immagini che sono troppo grandi dimensioni da scaricare rapidamente. Potrebbe avere scarsa navigazione o ricerca, affinché gli utenti non possono trovare che cosa hanno bisogno. Potrebbe avere grandi quantità di testo che non sono facilmente in grado di leggere su uno schermo, o collegamenti con errori di ortografia che non funzionano. Un buon design grafico può fermare alcuni di questi dall'essere un problema, ma può essere difficile dire fino a che le cose siano e in esecuzione. La parte finale della pagina web design sta testando quindi l'esperienza dell'utente, preferibilmente con persone che non hanno familiare con la pagina web. Questo consente ai progettisti di modificare la pagina finché non è proprio il posto giusto.