Web Design  »  Articoli  »  Web design 

Progettare con i wireframe

di: Laura Gargiulo     04 Giugno 2009

Progettare un sito non è cosa semplice. Bisogna avere innanzitutto radicati nella propria esperienza alcuni meccanismi di navigazione che bisogna aver studiato, approfondito e fatto propri. Lo User Centered Design fa parte proprio di questi studi e fa riferimento al punto di vista di navigazione dell'utente finale, quello cioò a cui è destinato il sito.

Viene pertanto da sé che progettare secondo questi parametri è cosa buona e giusta, ma per giungere ad un modello utile e definitivo bisogna ragionare su vari piani quali: la destinazione d'uso del sito, le esigenze particolari del sito, la tipologia di utenti che vi navigheranno, creare modelli e prototipi che possano aiutare a confrontarsi e migliorare gli standard, e infine testare il tutto.

La parte che ci interessa è proprio quella che sta nel mezzo: creare cioè un modello semi-grafico più o meno accurato che ci permetta di definire navigazione, strumenti, contenuti e interazione del sito in oggetto.

La fase antecedente alla creazione del wireframe

Pochi semplici passi ci possono aiutare a comprendere e definire l'aspetto che dovrà avere il sito finale, sebbene alcuni tratti piuttosto standard siamo già in grado di definirli a priori, come vedremo successivamente.

  1. Un primo meeting con il cliente è ciò che ovviamente può chiarirci le idee sui primi punti precedentemente esposti, attraverso un brainstorming in cui si definiranno obiettivi e funzionalità.
  2. Un'analisi dei siti concorrenti ci aiuterà inoltre a definire alcuni meccanismi e le strategie vincenti da attuare, per capire cosa porta più utenti e/o vendite.
  3. Definite inoltre tramite delle simulazioni di navigazione (detti "profili utente") o degli "scenari" (situazioni combinate di un particolare tipo di utente / compito da svolgere) i metodi di interazione con l'interfaccia del sito e gli obiettivi che volete raggiungere.

Ma prima di passare alla fase vera e propria di creazione del wireframe, studiamo alcuni standard di fatto.

Definire i componenti di una pagina

Ciò che non può mancare mai in una pagina web, che sia una homepage di un blog o un e-commerce, o ancora un sito vetrina o aziendale è:

  • Testata, dove vi sia un titolo o logo identificativo ed eventualmente un sottotitolo, slogan o tagline.
    È molto importante che l'utente capisca al primo impatto sul sito di chi ci troviamo e, dato che sul web non abbiamo l'interazione fisica fra persone, è il logo a svolgere questo compito di interfaccia, deve essere il nostro punto di riferimento sempre e comunque all'interno di tutte le pagine del sito. Normalmente per i siti occidentali viene posizionato in alto a sinistra, che è l'area su cui l'occhio cade subito. Ovviamente per gli orientali, la cui scrittura parte da destra verso sinistra, vale il ragionamento contrario.

Guide Web design

Guida Progettazione siti web

Dall'analisi dei requisiti fino allo sviluppo e alla promozione:...

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Architettura dell'Informazione

L'Architettura dell'informazione è la disciplina che permette di...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti