Riprenderemo da questa settimana le nostre lezioni ed in particolare approfondiremo i CSS cercando di capire meglio quanto uno o più buoni fogli di stile ci possono aiutare a rendere il nostro lavoro più semplice, veloce ed efficace.
Ritengo innanzitutto importante la necessità di dover adottare una metodologia che ci aiuti a sviluppare il design dei siti che andremo a creare. In questo senso ne esistono molte, tra l'altro tutte valide (o almeno quasi), l'importante è che innanzitutto soddisfi le vostre necessità e che sia facilmente implementabile anche su diverse piattaforme.
Nel nostro corso abbiamo adottato 960 grid (http://960.gs), ma potremo analizzarne altre in futuro e verificarne magari le differenze sostanziali, ma ripeto, l'importante è adottare un sistema di lavoro innanzitutto.
Il nostro punto di partenza in questa fase rimane comunque lo sviluppo di siti a dimensione fissa (in larghezza intendo) che soddisfino la compatibilità con quanti più device sul quale verrà visualizzato. Per questo motivo il nostro limite in pixel in larghezza sarà di 1024px che dovendo considerare margini ed eventuali barre di scorrimento verticale per convenzione si parla di 960px come area di visualizzazione. Questo ci garantisce con un certo margine di sicurezza di poter visualizzare il nostro sito su quasi tutti i device o per lo meno sulla maggior parte di essi. Non parliamo in questo caso di smartphone che hanno una risoluzione minore, per i quali affronteremo in futuro le metodologie di "responsive" design.
Da dove partire allora?
Innanzitutto il design di un sito parte dalla creatività. La capacità cioè di mettere insieme elementi grafici e testo disponendo il tutto in un layout che faciliti la navigazione, la lettura e la fruizione dei contenuti.
Questa sicuramente è la fase più delicata e forse anche la più importante. Un buon progetto di webdesign parte proprio da qui cercando di valutare alcuni aspetti:
- la navigazione deve essere quanto più immediata e non deve richiedere all'utente la necessità di dover individuare come accedere ai contenuti: il vostro sito potrà essere bellissimo sotto il punto di vista grafico o dell'appeal ma se l'utente non riesce a interpretare le dinamiche di navigazione entro 5 sec. sarà un utente perso; ricordate che l'utente medio deve essere accompagnato;
- la linearità e la semplicità sono sempre un'arma vincente; un sito troppo ricco di elementi a volte risulta a primo impatto di difficile lettura;
- accompagnate i contenuti con immagini: le immagini e i video facilitano l'interpretazione e la lettura se accompagnati da titoli esplicativi e da testi quanto più sintetici e chiari;
- non siate pedanti: inutile ripetere affermazioni, frasi o anche slogan. Risultereste noiosi.
A parte queste considerazioni elementari cominciate a disegnare il vostro sito su un foglio di carta bianco; sì tornate ad usare carta e penna (matita meglio così potete cancellare). E' ancora il metodo più semplice e veloce per farsi un'idea.
Vi suggerisco di adottare questo piccolo trucco: usate un foglio A4 e disegnatelo sia in verticale che in orizzontale. In orizzontale soprattutto. In questo sensto tracciate due margini a circa 3-4 cm in verticale sia a destra che a sinistra.
Ricordate che i monitor rispecchiano come dimensione un foglio A4 orizzontale (più o meno ma serve per darvi un'idea). Questo metodo può essere utile anche per verificare quali sono gli spazi vuoti che l'utente medio vedrà sul suo monitor.
In questa fase sentitevi liberi, non cercate di limitare la vostra creatività in griglie, colonne o altro. Affrontate gli aspetti tecnici in una seconda fase, trovando magari dei compromessi tra creatività e limitazioni tecniche o concettuali.
Alla prossima !!!
Nessun commento:
Posta un commento