Creare un wireframe di lavoro per la progettazione di un prodotto o un sito web che può essere modificato dinamicamente alle specifiche desiderate. L'utilizzo di strumenti basati su software, o strumenti semplici come carta e penna, gli utenti possono creare wireframe che possono essere salvati nei singoli bozze iterativi. Essi possono quindi fare riferimento e uniti una volta che il set finale di cambiamenti sono stati determinati. Questo tutorial vi guiderà attraverso un wireframe per un sito web design.

istruzione

1 Creare la mappa del sito per il tuo sito prima di tentare di creare tutti i disegni wireframe. Progettare uno schema gerarchico che dimostra che le pagine sono collegate dalla home page, dove portano sotto-pagine, e dove le connessioni al database e software di terze parti stanno per essere fatta. Utilizzare la mappa del sito per guidare la creazione della home page e le singole pagine secondarie, ognuno dei quali fornirà diverse esperienze degli utenti e soddisfare le esigenze diverse per l'utente.

2 Avviare un programma di grafica o di tirare fuori un pezzo di carta e matita e iniziare a delineare il layout generale della homepage. Consideriamo lo scopo del sito, i suoi obiettivi e la sua base di utenti. Non concentrarsi su singoli elementi grafici ed estetici. Focus sul collocamento generica di aree di contenuti sul sito web in termini di forma, dimensione e il posizionamento.

3 Trasferire i wireframe ad un programma di editing di immagini digitali. Creare piccoli elementi grafici del wireframe per indicare elementi del sito web, come ad esempio il bar principale di navigazione, l'area di intestazione, eventuali aree di pubblicità, e le zone in cui saranno impiegate rich Internet application.

4 Eseguire i wireframe da diversi gruppi di persone che potrebbero essere i potenziali utenti del tuo sito per determinare se il progetto si sta sviluppando nella direzione giusta e se serve i loro bisogni. Modificare e iterare il design, se necessario.