Dove Web Design Really Fits

Come designer, sapete dove il lavoro si inserisce in realtà nel processo di progettazione?

Tutti noi amiamo Web design. Guardando una casella bianca vuota sullo schermo di un computer e utilizzando solo occhio della mente, un mouse e una tastiera per trasformarlo in uno che vive e respira

Sito web non è impresa minore, e non vi è senza dubbio una corsa creativo quando si tratta di fare qualcosa di simile a questo. Web design può essere una presa forte artistico e porta inevitabilmente con sé la gioia che viene fornito con guardando il vostro lavoro finito e che lo ha presentato a altri.

Sì, in una parola, web design è divertente. Ma diciamo la verità: se avete intenzione di fare i soldi fuori di Web design, allora diventa anche un business.

Se il web design è la vostra attività, allora è necessario apportare alcune ci si trova nella mentalità giusta e se si utilizza il processo di destra quando si tratta di vostro lavoro. Non volete i vostri disegni di fallire, ma, purtroppo, vi è una forte probabilità che essi si fanno esattamente questo. Consente di fare un passo indietro per un minuto e definire un disegno non è, e perché non è riuscito.

In mancanza di Design

In mancanza di design non è necessariamente poveri. Ciò significa che un progetto "non" non è necessariamente un sito brutto. Piuttosto, un disegno non è uno che non riesce a funzionare correttamente per il sito in cui viene utilizzato. Un disegno può essere molto bella, ma è terribile per il suo scopo.

Se la vostra (o il vostro cliente) gol con un sito web è quello di vendere qualcosa o generare entusiasmo per un'idea specifica o campagna, ti consigliamo di progettazione di conseguenza. Per un sito come questo, non si desidera utilizzare un quadro calmo oceano, come l'intestazione con il blues oceano profondo e neri nella progettazione. Certo, si può essere in grado di fare un bellissimo disegno in questo modo, ma è un disegno non perché non integrare l'obiettivo del sito o di un messaggio.

L'esempio sopra è un esagerazione, ma serve a mostrare il motivo per cui così tanti disegni fallire. Il problema sta nel fraintendimento del processo di progettazione.

Il processo di Web Design

Così molti designer, soprattutto più recenti, i lavoratori indipendenti, guazzabuglio il processo di progettazione. Quel che è peggio è che questo è un percorso diretto al fallimento e non saperlo. Saremo concentrandosi su ciascuno degli aspetti del processo di progettazione in appena un po ', ma in primo luogo, diamo un'occhiata a una visione d'insieme. Questo, al massimo della sua base, è il processo di progettazione:

• Pianificazione
  Prima ancora di avere una sola idea in testa su ciò che il Web design più recente è andare a guardare come, è necessario fare tutto il un'adeguata pianificazione. La maggior parte, questo include conoscere le risposte alle domande più importanti.
• Contenuti Building
  Hai bisogno di costruire tutti i contenuti del tuo sito dopo avere un chiaro piano. Ciò non significa necessariamente ottenere tutti i dettagli in basso, ma è necessario sapere che cosa il vostro contenuto sarà e dove andrà.
• Progettazione
  Ora vi progettazione del sito web. Questo è un passo fondamentale, ovviamente, ma se hai fatto la pianificazione e la costruzione di contenuti in primo luogo, questa parte sarà la cosa più divertente, e molto probabilmente il più redditizio! Ma tenete a mente che ci sono diverse considerazioni chiave ti verrà tenuto conto, in modo da non essere scatenate con i tuoi pennelli digitali qui.
• Sviluppo
  Una volta finalizzato il vostro disegno, potrete trasformarlo in XHTML / CSS / PHP / MySQL e quant'altro le vostre esigenze del sito. Sviluppo si riferisce al lato tecnico del web design: la roba di codifica e backend.

Come si può vedere (attenzione a questa parte, è importante!), Alla progettazione del sito è in ritardo nel gioco. Progettisti Molti commettono l'errore di voler passare a destra in fase di progettazione, perché è lì che i talenti di un progettista brillare. Ma se evitare o semplificare la pianificazione e la costruzione di passaggi contenuti, vi ritroverete con un design che si adatta probabilmente il sito abbastanza bene, ma alla fine non riescono ad aiutare il sito di raggiungere i propri obiettivi.

Pertanto, è importante conoscere e seguire questo processo nel suo lavoro professionale. Diamo uno sguardo al processo in modo più approfondito.

Fase 1: Pianificazione

C'è un sacco di lavoro davanti a voi, prima in effetti potrete iniziare a disegnare, colorare, che fuori, e in generale la progettazione del sito web. In primo luogo, avete bisogno di risposte a queste domande. Saprete queste risposte, se si progetta un sito per te, o il vostro cliente li riconoscerete.

È necessario conoscere le risposte a queste:

• Qual è il tuo obiettivo con questo sito?
  Stai cercando di vendere qualcosa? Trasmettere un messaggio? Condividere le informazioni? Keep in touch? Ecc
• Chi sono i visitatori del tuo sito?
  In altre parole, chi è il vostro target? Questo può a volte essere vago come "studenti" o il più specifico "riesame inserzionisti ristorante pubblicazione."
• Cosa vuoi i tuoi visitatori a fare?
  Di solito, se stai ricevendo visitatori del tuo sito, si consiglia di fare effettivamente qualcosa. Alcune risposte a questa domanda potrebbe essere ", acquistare un prodotto," segno "a una newsletter," o "imparare a costruire siti web migliore". Questa è una domanda importante, assicurarsi di avere una buona risposta chiara per esso.
• Perché dovrebbero farlo?
  Dare un'occhiata a questo sito dal punto di vista dello spettatore. Perché dovrebbero essere interessati al tuo sito? Qual è l'interesse per loro?

Se voi o il vostro cliente non hanno risposte chiare per le domande di cui sopra, è tempo di fare qualche ricerca. Trovare alcuni dei vostri clienti e ottenere queste risposte o di fare qualche telefonata. Visita altri siti che sono simili ai tuoi in idea e scoprire che tipo di gente che sta disegnando. Se questo è il tipo di folla sarete lavorando, allora avrai alcune risposte.

Una volta che hai buone, risposte chiare a tutte queste domande, si può cominciare a costruire i contenuti per il tuo sito e iniziare a fare alcune decisioni reali di progettazione. Con solo queste risposte, è possibile determinare i principi fondamentali, come:

• Colore
• Layout
• Famiglia di caratteri
• Font size

Colori? Layout? Caratteri? Ah, here we go, questo è di iniziare a suonare più come Web design! Se si conosce, per esempio, che il vostro obiettivo è quello di fornire suggerimenti per la sicurezza della fauna selvatica di camper nuovi, si vuole un layout che consente di fornire un testo chiaro e leggibile. Perché i tuoi suggerimenti verranno per lo più in forma di testo e illustrazioni, di cui si vorrà un sacco di spazio fisico ed un carattere che guarda bene sullo schermo e ben distanziati, con CSS (Arial è un buon valore predefinito per qualcosa di simile). Dal momento che hai a che fare con la fauna selvatica, di materiale bellico, i colori potrebbero imitare quelli del bosco, con i verdi profondi, toni di sabbia e terra, ed i colori di legno scuro.

Ma non saltare la pistola e Photoshop aperto solo ancora! Non sei ancora del tutto pronto per iniziare a disegnare e colorare. Successivamente, si vuole costruire il contenuto del tuo sito.

Fase 2: Building Content

C'è una frase che spesso gettati in giro per il mondo dello sviluppo Web: "il contenuto è re". Questo è vero per la maggior parte dei siti là fuori. La maggior parte dei siti web vuole essere trovato e un modo in siti chiave sono scoperti è attraverso le query di ricerca. I motori di ricerca spesso "ragno", il loro database di siti web per le nuove, chiare, up-to-date e contenuti originali, e siti che hanno contenuti buoni vengono premiati con il più alto rango, e quindi si trovano più spesso.

Non c'è da meravigliarsi, quindi, che la costruzione di tale contenuto è un passo importante nel Web design. Con le risposte che hai ricevuto dal Fase 1: Progettazione, dovreste sapere che tipo di contenuto che si desidera per iniziare a costruire. Se il vostro obiettivo è quello di vendere la musica e l'elettronica, e il vostro target è studenti universitari che cercano di comprare le cose come gli iPod e fotocamere digitali, allora ti consigliamo di scrivere alcuni contenuti che è leggera, i piedi per terra, e al punto, mentre ancora costruendo il popolare "lifestyle", tendenza che vende gadget come questi così bene.

Oppure, come un altro esempio, se il vostro target è un gruppo di professionisti nel campo della ricerca medica e il vostro obiettivo è quello di porre impegnativo nuove idee di collaborazione o di discussione, ti consigliamo di scrivere il contenuto che viene fuori come un qualcosa di un blog tecnico .

In ultima analisi, però, la cosa più importante che si desidera fare in questa fase è avere tutte le vostre idee per i contenuti su carta o in un file di testo. Non hai bisogno di scrivere gli annunci per la tua musica ed elettronica in questo momento, per esempio, e naturalmente non vorrebbe trascorrere il tempo in questa fase per scrivere una voce lunga rivista medica. Per ora, è sufficiente solo per avere tutti i tuoi contenuti dalla stenografia. Solo essere sicuro di ottenere tutto.

Una volta che hai tutti i tuoi contenuti in un luogo dove si può guardare, si vuole costruire la tua Sitemap. Questo è l'ultimo passo prima che realmente iniziare a progettare il sito. È possibile utilizzare un programma per computer per attirare la vostra mappa del sito come ho fatto io sotto, ma la maggior parte del tempo di una matita e carta funziona al meglio per questa parte.

Diamo un'occhiata ad un piccolo campione di sitemap per la musica e l'elettronica negozio abbiamo parlato in precedenza.

Qui possiamo vedere che i nostri link home page a quattro altre pagine: punti vendita, Musica, Elettronica, e contattaci. La musica e le pagine Electronics ogni link alle sottosezioni diverse. La pagina musicale permette di scegliere un genere di musica da acquistare, e la pagina Elettronica ti permette di navigare attraverso dispositivi diversi.

Quando si progetta la tua Sitemap, è importante ricordare la regola del 3 clic. Semplicemente, il 3-afferma regola clic che un visitatore non dovrebbe mai essere necessario fare clic più di tre volte sul tuo sito per fare qualsiasi cosa. Nella nostra mappa del sito di esempio, possiamo vedere che, se un visitatore ha voluto prendere il nostro punti vendita di altri, avrebbero solo bisogno di 1 click sulla home page. O, se volevano navigare attraverso la musica rock a comprare, che avrebbe bisogno solo di musica clicca sulla home page, poi nella pagina Rock Music. Solo 2 click.

Durante la creazione di sitemap, è necessario assicurarsi che ogni casella (o pagina) sulla mappa del sito conterrà alcuni dei contenuti che descritte in precedenza. Tutto il contenuto deve avere un posto sul vostro sito, ed è necessario essere in grado di visualizzare i sui quali pagine potrete mettere ogni bit dei tuoi contenuti.

E ora che abbiamo la nostra progettazione e costruzione di contenuti fatto, let's get progettazione!

Fase 3: Design

Molti designer fanno l'errore di saltare i passaggi 1 e 2, saltando invece proprio qui alla Fase 3: Design. Ma se è arrivato qui dopo aver fatto il lavoro necessario in via preliminare, allora siete sulla strada giusta!

Nella Fase 1: Progettazione, probabilmente avete già avuto una buona idea su quali tipi di layout e design che si desidera utilizzare. Lasciate che il vostro flusso di creatività qui. Ricordate, ci sono più layout probabilmente avrete bisogno per il vostro progetto. Ti voglio un layout per il vostro homepage, che, secondo la tua mappa del sito, sarà solo contengono alcune informazioni introduttive o mette in evidenza, alcuni link, e, a seconda dei tuoi obiettivi, magari un po 'di immagini emozionanti.

Dovrete anche un layout per le pagine di transizione. Pagine di transizione sono le pagine che solo navetta l'utente a cose più importanti. Nella mappa del sito di esempio sopra riportato, la Musica Elettronica e le pagine sono solo pagine di transizione. La pagina musicale potrebbe essere piccolo, e contengono link ai diversi generi di musica sotto (Country, Hip Hop, Classica e Rock). La pagina elettronica sarebbe anche piccoli, e contengono solo piccoli frammenti di informazione, mentre si collega alle cose più importanti, come la Lettori DVD, televisori, lettori MP3 e fotocamere digitali pagine. Layout di pagina di transizione dovrebbe corrispondere l'intero sito, ma anche semplici modo che gli utenti possono passare in poco tempo su di loro il più possibile.

Probabilmente non vogliono sentire, ma anche a questo punto, si potrebbe considerare di lasciare Photoshop chiuso per un po '. Invece, provare a disegnare diversi layout per il tuo sito su carta prima. E 'una buona idea di costruire layout più solo per vedere come si "sentono" con il sito che stai costruendo, e l'utilizzo di Photoshop per costruire un sacco di layout che si può nemmeno usare molto tempo. È molto più veloce di trarre alcune layout veloce e sporco sulla carta per ottenere una sensazione di massima per la quale modo si vuole andare con la progettazione.

A questo punto, probabilmente avete un diritto twitchy dito su ora, quando si tratta di sparare la tua pistola design. Ma take it slow. Ecco qualcosa da prendere in considerazione sul design.

Lo sapevi che Apple, la società dietro i disegni del grande successo del iPhone, iPod e computer iMac e MacBook, utilizza un processo di progettazione che chiamano "10-3-1?" È vero, al Sud 2.008 By Southwest Interactive Festival, ho partecipato a una presentazione di Michael lopp, manager di Apple ingegneria senior, dove ha rivelato questa piccola piccola di informazioni a una stanza piena piena di designer.

Ecco come funziona. Progettisti Apple deve attenersi alla regola 10-3-1, dove i designer prima si danno un sacco di libertà creativa e venire con 10 buoni, disegni e modelli sani per qualcosa. Questo potrebbe essere per un sito o di un prodotto, tra le altre cose. Poi, dopo il suo arrivo con 10 disegni bene, devono passare attraverso il dolore e spesso difficile compito di eliminare le 7 di loro, lasciandoli con 3 disegni veramente bene a lavorare con.

Poi, i progettisti Apple trascorrere alcuni mesi in questi 3 modelli di migliorarle e portandoli fino al gioco di Apple. Infine, dopo tutto questo lavoro, i progettisti devono ancora eliminare 2 dei disegni, fino a quando sono rimasto con solo 1 design potente che ottiene il lavoro finale fatto e viene dato il ben noto marchio Apple e polacco.

Negli ultimi anni questo tipo di pensiero è stato molto buono per Apple, e il loro design si sono incontrati con alcuni grande successo. Se si desidera che i vostri disegni per avere successo come bene, allora è qui, in questa fase, Fase 3: Design, che si dovrebbe prendere il tempo prima di aprire Photoshop per davvero pianificare il tuo progetto, tenendo conto di tutto ciò che avete imparato dal punto 1 e sul fatto ciò che il sito sarà portata come da Fase 2.

Assicurati di finalizzare il vostro progetto. Una volta che avete il vostro progetto pronto, non c'è ritorno.

Fase 4: Sviluppo

Se hai eseguito la progettazione (sia a te stesso o con il tuo client), allora si può iniziare a sviluppare il sito. A seconda di come si desidera che il sito possa funzionare, questo potrebbe comportare complicazioni come PHP e MySQL backend di programmazione, o potrebbe semplicemente essere semplice come alcuni di base HTML e CSS. In entrambi i casi, questo passaggio implica la codifica effettiva del sito.

Alcuni designer sono solo i progettisti e trattare solo i principi basilari di XHTML e CSS, scegliendo di lavorare con un partner o assumere qualcuno per fare la codifica di un sito. Altri progettisti conoscere lo sviluppo e la codifica lato altrettanto bene come il lato di progettazione, ma questi sono i progettisti non del tutto troppo comune.

Ad ogni modo, noi non andrà nello sviluppo del sito qui. Ai fini del presente articolo, è sufficiente dire che questo è il passo finale, dopo il disegno è fatto, la creazione di un sito web.

Quindi, come si può vedere ....

Quindi, come potete vedere, in realtà la progettazione di un sito web viene quasi completamente l'ultima nel processo di Web design. Se si desidera che i vostri disegni per avere successo, si adottano le misure necessarie a lavorare fino alla progettazione.

D. Rodriguez