Redazione bozze layout sito web Joomla - Mockup
MOCKUP: SIMULAZIONE PAGINE WEB CON SOFTWARE GRAFICO
Consiste nel simulare in formato immagine la schermata della homepage, che in un sito web è la pagina più significativa dal punto di vista dell'impatto grafico ed emozionale. Chi crea la bozza non dev'essere necessariamente il web designer. Capita che se non occupi una terza figura, il grafico, il quale dispone gli elementi della pagina secondo il proprio gusto o interpretando quello del cliente. Si crea una grafica per la testata, per i menù, il corpo della pagina, la tipografia, i colori ecc. cercando di caratterizzare la composizione con un stile unitario e coerente.
La realizzazione della bozza ha un impegno intrinseco che può richiedere da una a diverse ore a seconda della padronanza del software di grafica utilizzato (Photoshop, Gimp, Illustrator, Inkscape ecc.) e del talento creativo del grafico. Ma sarà necessariamente "usa e getta" in quanto immagine statica non spendibile in altro contesto. Ovviamente l'impegno si moltiplica per il numero di bozze che si intende presentare al cliente.
Il vantaggio di questo metodo è probabilmente la libertà di creare da zero un idea grafica partendo dal “foglio bianco” salvo poi misurarsi con i vincoli dell'html per trasporla in pagina web. Generalmente è il metodo a cui ci si affida quando il layout grafico è creato da un grafico puro che passa poi il layout ad uno sviluppatore. Il vantaggio è spesso una “freschezza compositiva” che nasce dal fatto di lavorare in libertà senza curarsi delle problematiche relative alla sviluppo web.
Lo svantaggio più importante è spesso la difficoltà del cliente di valutare una simulazione statica di una pagina web che nelle versioni più accattivanti sarà ricca di animazioni ed effetti; sia al passaggio del mouse, sia con lo scrolling (scorrimento) della pagina: slideshow con effetti di transizione, megamenù che si attivano al passaggio del mouse, splitmenù, dropdown, box che si ingrandiscono o collassano durante lo scorrimento. Insomma tutti quegli effetti che rendono un pagina web moderna, viva e pulsante.
Un altro svantaggio importante è che se il grafico non conosce le problematiche relative alla sviluppo web, la bozza potrebbe incontrare ostacoli in fase di sviluppo web e richiedere modifiche importanti o interventi di un programmatore per adattarla al codice di sviluppo. Se il grafico che realizza il layout è invece anche uno sviluppatore, farà il possibile per comporre il layout secondo i canoni del web. Compatibile cioè con la struttura modulare di una pagina web.
Un altro svantaggio è il costo che potrebbe incidere in misura importante in base al tempo dedicato alla cura delle bozze e al numero delle stesse. A seconda ad es. che si tratti di una singola proposta per la home e le principali pagine interne o più proposte per entrambi.