Come si svolge il processo di progettazione di un sito web?

Come si svolge il processo di progettazione di un sito web? A cosa prestare attenzione e come affrontare l’argomento? Nell’articolo di oggi voglio condividere con voi l’aspetto del mio briefing, del mock-up, del design e del caricamento dei file allo sviluppatore.

Briefing

Come ogni processo di progettazione, la creazione di un sito web inizia con la conoscenza dei requisiti e dei dettagli del progetto che stiamo realizzando. Questo può essere fatto parlando con il cliente di persona, al telefono o online, oppure inviando un’e-mail e creando un documento che metta per iscritto i requisiti.

Indipendentemente dalla strada scelta, vale la pena di preparare un briefing, cioè un documento con un elenco di domande che vogliamo porre al cliente. Questo è particolarmente importante nelle riunioni dal vivo, perché non possiamo permetterci di improvvisare e di affidarci a ciò che il cliente vuole dirci: non è sempre necessario che sappia cosa dire per creare il progetto giusto. Se siete nel settore da molti anni e avete avuto centinaia di queste conversazioni, potete saltare l’elenco delle domande.

Nel mio lavoro professionale, dato che la maggior parte dei miei clienti vive lontano, di solito mi limito ai contatti via e-mail e alle chat via videomessaggio, che sono diventate particolarmente popolari di recente. Quando si tratta di riunioni, queste di solito si limitano a integrare la comunicazione via e-mail. In questo modo posso mantenere la corrispondenza trasparente ed evitare malintesi. Non c’è niente di peggio di una situazione in cui dobbiamo dimostrare chi ha ragione e chi ricorda meglio i risultati.

Anche se la collaborazione si basa su contatti dal vivo o telefonici, consiglio vivamente di mettere per iscritto gli accordi più importanti e di registrare anche la corrispondenza con il cliente.

Immagini dell’umore

La prima fase della progettazione di un sito web consiste nello stabilire lo stile e l’atmosfera dell’implementazione prevista. Si possono usare le parole, ma l’immagine è la soluzione migliore. Per questo motivo, nel mio processo di progettazione ho incluso la fase di creazione di moodboard.

Come parte di questo processo, invio al cliente diversi (di solito tre) suggerimenti per l’aspetto e lo stile delle pagine che raccomando. In questo modo, arriviamo a una visione comune molto più velocemente che se progettassimo solo sulla base di un’intervista.

Come si creano queste moodboard? Fatelo nel programma più comodo per voi. Attualmente uso Keynote perché è facile aggiungere grafica ed è molto veloce.

Disegnare e costruire la struttura della pagina

Mentre creo i moodboard, mi occupo anche della struttura del sito. In questa fase è necessario annotare tutti i risultati, distinguere le sezioni e organizzare i pensieri. Tutto questo viene fatto su un foglio di carta.

Poi creo un progetto preliminare del sito. In esso, elenco tutte le sottopagine da includere nel menu e fornisco una breve descrizione del contenuto. Invio il documento al cliente per l’approvazione e definiamo insieme la forma definitiva.

Modelli di pagina

Nella fase successiva, mi concentro sulle funzioni e sull’architettura delle informazioni e sulla loro utilità. A questo scopo utilizzo dei mockup, talvolta chiamati wireframe. Si tratta semplicemente di uno scheletro della pagina che contiene già il contenuto previsto (se lo abbiamo già in questa fase). Il loro scopo principale è quello di definire la struttura esatta della pagina, il suo layout. In questo modo, insieme al cliente, possiamo concentrarci sui compiti che il sito deve svolgere, su dove trovare i pulsanti e sulle modalità di navigazione.

Naturalmente, ci sono anche siti in cui il processo di mock-up non è necessario. Questo accade quando so esattamente quale stile si addice al cliente, quando stiamo creando un sito web molto atipico e quando stiamo disegnando altri progetti per la stessa persona – quando ci basiamo su una grafica già esistente. Altrimenti, l’omissione dei mock-up, che sembra far risparmiare tempo, porta molto spesso a trascinare l’intera implementazione.

Tuttavia, è molto importante spiegare al cliente cosa sono i mock-up, perché li creiamo, a cosa servono e cosa apportano a entrambe le parti. Spesso capita che i clienti che non hanno familiarità con le tecnologie internet e con il processo di progettazione di un sito web non capiscano le loro idee. Mi è capitato che la mancanza di una spiegazione adeguata di ciò che sto inviando abbia spaventato il cliente perché pensava che la landing page sarebbe stata semplice come l’immagine caricata.