Il wireframe: un utile strumento per progettare un sito web

Un wireframe è una bozza generale della struttura di un sito (e a volte delle relazioni tra le pagine dello stesso) che non tiene conto degli aspetti grafici ma si limita a delineare le aree e gli elementi principali del futuro sito.

Il wireframe è uno strumento che ci permette di:
1) semplificare strutture all'apparenza complesse
2) collocare correttamente gli elementi
3) risparmiare tempo nel confronto con il cliente e con i collaboratori

Ulteriori vantaggi che possono venire dall'uso dei wireframe sono:

• flessibilità: con i wireframe è semplice testare diverse soluzioni di progettazione
• pianificazione: un prototipo è la base migliore da cui partire per integrare miglioramenti e perfezionamenti
• usabilità: il wireframe ci permette di capire quale sia la soluzione migliore in termini di navigabilità

Come si realizza un wireframe?

Ci sono tre diversi percorsi possibili:

• a mano, come un semplice schizzo su carta
• con un programma di grafica come photoshop o illustrator
• con un software di wireframing dedicato (qui una lista dei migliori software con tabella comparativa: http://www.masternewmedia.org/it/wireframing-e-web-site-prototyping-i-migliori/ )

Vi segnalo anche questo sito interamente dedicato all'argomento wireframes: http://wireframes.linowski.ca/