Share
Prima di iniziare a progettare, ci sono molte cose da guardare prima. Trovo sempre che questi passaggi iniziali aggiuntivi aiutano quando alla fine inizi a tuffarti nella progettazione per il tuo prossimo progetto - e anche se queste attività aggiungono un po 'di tempo all'inizio di un progetto, saranno più che ricompensate più tardi lungo la linea.
La prima cosa che dovresti iniziare a fare quando lavori su un nuovo progetto è il piano. Non posso sottolineare quanto sia importante la fase di pianificazione: quando hai un progetto che è ben pianificato, è molto più probabile che il progetto funzioni senza problemi e senza tanti problemi o sfide.
Le cose principali a cui devi pensare quando si pianificano riguardano principalmente il contenuto: il contenuto con cui devi lavorare (si spera che il contenuto completo e reale sia in uso sul sito), come la gerarchia dei contenuti funzioni e si adatti insieme, una mappa del sito web e altro ancora. Tuttavia, oltre a tutto il lavoro sul contenuto, potresti voler iniziare a guardare la struttura del progetto, le scadenze praticabili e lo scopo del progetto.
È molto importante progettare siti per abbandonare Lorem Ipsum (o testo di riempimento alternativo) e lavorare con contenuti reali. Questo a volte non è sempre possibile, ma come libero professionista spingo sempre il cliente a fornirmi i contenuti che vogliono sul sito.
Se tu non lavora con contenuti reali, quindi corri il rischio di progettare senza un contesto appropriato e senza di esso non puoi prendere decisioni di progettazione che andranno a vantaggio degli utenti e delle loro esperienze quando interagiscono con il tuo sito web.
Quando lavori su un disegno, lavorare con contenuti reali significa che puoi vedere come questo contenuto interagisce con gli altri elementi di design su una pagina. Questo è ancora più importante con l'introduzione del design reattivo - come possiamo vedere come vero il contenuto interagisce e risponde a particolari viewport e dimensioni.
Una volta che hai il contenuto di fronte a te, la prima cosa che vuoi fare è analizzarla e vedere se riesci a individuare tutto ciò che deve essere cambiato o rimosso. Probabilmente è stato fornito il contenuto in ciò che il cliente ritiene essere pagine separate, quindi contenuto della home page, contenuto della pagina, ecc., Ma in caso contrario, vorrai mirare a iniziare da te stesso.
Sarah Parmenter ha toccato brevemente questo al Responsive Day Out di Brighton a marzo, dove ha parlato dell'analisi del contenuto in un sistema a semaforo.
Ogni volta che Sarah e il suo team ricevono i contenuti per un progetto, passano attraverso e assegnano tre colori al contenuto: per i contenuti che vogliono mantenere sono contrassegnati come verdi e per i contenuti che sanno non è necessario o non è necessario lo contrassegnano come rosso - e quel contenuto è rimosso. Quei pezzi di contenuto che finiscono tra i due estremi sono contrassegnati come arancione o giallo (o ambra, se ti piacciono i dettagli del semaforo!), Da rivedere nelle discussioni con il cliente.
Penso che questa sia una tecnica veramente buona per ordinare facilmente i contenuti che ricevi - è veloce e molto facile da guardare visivamente e individuare quali parti di contenuti devi prestare attenzione.
Quando stai ordinando i contenuti, vuoi anche provare a pensare alle relazioni tra tutti i contenuti. Come faresti quando sviluppi un sito, guarda se riesci a individuare eventuali modelli modulari o comuni per il contenuto e tenerli a mente.
La gerarchia è descritta come "un sistema o un'organizzazione in cui persone o gruppi sono classificati uno sopra l'altro" e ciò si riferisce esattamente al modo in cui possiamo lavorare con la gerarchia dei contenuti. In termini ideali, ciò che stiamo cercando di fare è creare un sistema che lavori per mostrare i nostri contenuti in modo significativo e utile.
Quando stai esaminando i tuoi contenuti, assicurati di pensare sempre a come i contenuti si riferiscono e saranno disposti - qui vuoi veramente pensare a rendere il contenuto più facile da digerire il più possibile. Pensa all'utilizzo di titoli, elenchi, citazioni, immagini e altro per suddividere il contenuto e rendere più semplice la comunicazione di messaggi più mirati agli utenti.
Dopo aver esaminato il contenuto e apportato tutte le modifiche rilevanti che si vanno avanti, si spera che finiscano per avere un mucchio di contenuti con cui lavorare. Una volta che sei soddisfatto dello stato dei contenuti, devi iniziare a guardare come questo contenuto funzionerà sul sito stesso.
Questa è una mappa del sito di base creata usando MindnodePro. Se hai un sito web di piccole dimensioni (come questo) a volte ti viene in mente di aggiungere gli elementi che desideri in una pagina anche nella mappa del sito.
Puoi scegliere di creare una mappa del sito una volta che sei soddisfatto del tuo contenuto finale, ma sentiti libero di usarlo all'inizio, non appena avrai il contenuto originale e fornito.
Trovo grandiose le mappe del sito: sono un ottimo aiuto visivo per vedere lo stato del sito, quante pagine ci possono essere e il rapporto tra tutte le pagine. Questo può spesso essere più facile vedere attraverso una mappa del sito, in quanto puoi rimuovere tutte le confusioni che le pagine di contenuti possono portare.
La creazione di una sitemap è un ottimo esempio di dove una buona pianificazione ti aiuterà per tutta la durata di un progetto. La cosa bella delle sitemap - che tu usi una serie di post-it su una lavagna o crearne una in formato digitale - è che rende davvero facile individuare dove potrebbero essere potenziali problemi e avere il potere di risolverli prima di rimanere bloccati nel design.
Accentsconagua