Dal progetto al web

Tutti conosciamo il famoso detto "Roma non è stata costruita in un solo giorno", mentre, secondo il libro della Genesi, il primo progetto di creazione fu realizzato in ben 6 giorni. Esistono comunque progetti che possono nascere in sole 24 ore. Noi abbiamo provato a vedere se fosse possibile farlo con un sito Web e, orologio alla mano, abbiamo cercato di realizzare delle pagine che non avessero l'aspetto di una semplice bozza. Non bisogna comunque trascurare anche l'altra faccia della medaglia: realizzare un sito rispettando una scadenza ravvicinata aiuta a ottenere risultati migliori, perché si è costretti a concentrarsi sugli elementi principali e a sviluppare tecniche che evitino inutili ripetizioni. Il tempo sta per cominciare...

IL PROGETTO -DA MEZZANOTTE ALLE 8:00
Per il momento, lasceremo da parte Dreamweaver e partiremo con un approccio meno tecnologico. Molti designer creano dei prototipi del sito in Photoshop o PowerPoint; ma si tratta quasi sempre di un sistema adottato solo per impressionare un cliente, piuttosto che per ricevere un aiuto concreto nella progettazione.
Prendete una penna, invece, e seguite alcune delle tecniche di "brainstorming" suggerite sul sito HTML.IT, sul quale troverete molti consigli utili su come strutturare, progettare e realizzare un sito. Si tratta di immaginare gli utenti tipo del vostro sito (in gergo chiamati con il termine latino "personas"): personaggi tipo che potrebbero avere ragioni differenti per visitare il vostro sito (ragioni che sono basate principalmente sul livello di esperienza e di conoscenza dell'argomento). Disegnate sul grafico le caratteristiche del sito. Quelle che si trovano nell'angolo in alto a destra (complesse da realizzare ma di un certo valore per il sito) sono quelle su cui lavorare per prime quando comincerete a pensare alla struttura del sito. Da adesso in avanti, dovrete tradurre queste caratteristiche in elementi del vostro sito. Mantenetevi semplici, per il momento: tornate alle "personas", considerate i loro interessi, quindi immaginate i passi che compieranno nel visitare le pagine del sito. Scrivete questi passi su dei post-it e metteteli in ordine. Alla fine vi ritroverete con una sorta di mappa del sito. Solo dopo questo lavoro preparatorio potrete cominciare a pensare a
come realizzare le pagine. Prendete un volontario che raffiguri una delle "personas" - per esempio un vostro amico - e fategli simulare ad alta voce una navigazione sul sito, attraverso l'uso dei post-it. Se pensate che le cose funzionano senza particolari intoppi, passate alla seconda fase: la realizzazione pratica del sito.

GRAFICA - DALLE 8:00 ALLE 13:00
Dedicheremo l'intera mattinata alla realizzazione dell'aspetto del sito, trasformando il prototipo su carta in qualcosa di tangibile. In parole povere, realizzeremo la grafica che arricchirà le pagine. Ma non affrettatevi ad avviare il vostro programma di grafica preferito. È infatti importante cominciare a pensare
a quale sarà l'approccio nella scrittura del codice, in modo da non creare delle immagini che poi non utilizzerete o che dovrete modificare.
In altri programmi possono avere dei nomi differenti, ma funzionano allo stesso modo. Aprite il pannello Azioni e cliccate sul pulsante di registrazione. Quando avrete terminato, tornate al pannello Azioni e cliccate sul pulsante Stop. Potete anche aggiungere dei punti di stop, per una maggiore interazione durante lo svolgimento dell'azione (ad esempio inserendo la dimensione dei caratteri).
All'interno di Photoshop selezionate Automatizza dal menu File, quindi scegliete Batch. Potete utilizzare questa tecnica tutte quelle operazioni ripetitive che sottraggono tempo alla vostra creatività.
Per ottenere risultati migliori, utilizzate poi l'intero spettro di colori, affinché possiate scegliere quelli che vi serviranno. Mantenete sempre una copia delle immagini nel formato nativo del programma (PSD o PDD) in modo da poterle modificare successivamente.