Qual è il processo generale per la pianificazione e lo sviluppo di un nuovo sito Web?

Lavoro in un'agenzia principalmente focalizzata sullo sviluppo di software, ma a volte un microsito è accessorio di una delle nostre soluzioni e dobbiamo costruirlo.

Sto cercando di definire il processo per la creazione di questi siti Web, ma non so in quale ordine venga eseguita ogni attività e in particolare sto cercando di capire a quale punto qualsiasi contenuto di copia / statico dovrebbe essere scritto.

Mi vengono in mente alcuni compiti come: scrivere contenuti statici, design, wireframe, definire parole chiave e SEO, codificare. ma non sono sicuro in quale ordine affrontarli.

Per me molte aree possono sovrapporsi in una certa misura.

• Definire le esigenze tramite schizzi, wireframe, note, discussioni, budget, ecc. (Devono venire prima)

• Wireframing - Il contenuto può iniziare a essere scritto qui o almeno delineato. Le idee approssimative sulla dimensione del contenuto aiuteranno nell'inquadratura a filo, quindi la scrittura e l'inquadratura a filo possono andare piuttosto d'accordo.

• Approvazione wireframe

• Finalizza contenuto: le prime analisi di progettazione possono essere avviate qui ma non possono essere finalizzate fino al completamento della copia statica.

• Approvazione del contenuto

• Finalizza design / parole chiave / codifica: le parole chiave possono essere calcolate man mano che il design viene arricchito. A seconda delle abitudini di lavoro, la codifica può essere avviata per finalizzare il progetto.

• Approvazione del progetto

• Finisci codifica / SEO: codifica e SEO possono andare di pari passo. Sai, codice con SEO in mente allo stesso tempo iniziare a pianificare strategie SEO esterne, ecc.

• Approvazione del codice

• SEO / manutenzione in corso.

I flussi di lavoro del mio progetto generalmente funzionano in questo modo:

1. Incontra i clienti per raccogliere i requisiti (determina di cosa hanno bisogno)
2. Determinare quali strategie di back-end utilizzare (linguaggio di programmazione, piattaforma, ecc.)
3. Crea wireframe per delineare come funzionerà il sito o l'applicazione e dove andranno gli elementi di base
4. Esamina wireframe con il client
5. Modelli di progettazione: possono essere modelli HTML / CSS o possono essere immagini progettate in Illustrator o Photoshop
6. Esamina i modelli con il cliente
7. Modifica i modelli in base al feedback dei clienti
8. Crea un prodotto funzionante

Idealmente, i clienti ci ottengono contenuti reali il più presto possibile, ma la realtà è che potrebbe arrivare in un secondo momento. Noterò che creo molte applicazioni basate sul Web, quindi determiniamo le funzionalità di base nella fase dei requisiti e progettiamo tenendo conto di quelle.

Ho ricevuto alcune informazioni dal Blog

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

1. Imparare

   Non dovrebbe sorprenderti che l'apprendimento - la scoperta e la comprensione di ciò che devi costruire in primo luogo - sia la parte più importante dell'intero
   processo di progettazione del sito web.

2. Il riassunto creativo

   Dovresti ottenere queste informazioni nel modo in cui tu e i tuoi clienti siete più a vostro agio, ma qualunque cosa facciate, non saltare il brief creativo perché diventerà la linfa vitale del vostro progetto.

Che tipo di domande dovresti porre nel tuo brief creativo? Come minimo, scopri:

• Il pubblico target del cliente
• I loro obiettivi primari e secondari per il sito Web
• Caratteristiche attuali del marchio Budget
• Scadenze che devono rispettare

3. Piano

Una volta che hai imparato cosa devi costruire, è il momento di iniziare a pianificare il modo in cui ciò accadrà. Prima di poter iniziare a progettare un sito Web, è necessario sapere esattamente cosa, e come, progettarlo in primo luogo - e tutto inizia con la creazione di una strategia di progettazione.

4. Progettazione

Quando sei pronto per iniziare a progettare, tieni presente che devi progettare più di una semplice home page. Avrai bisogno di un design anche per le pagine secondarie del tuo sito. A volte può essere facile progettare un concetto di home page, suddividerlo e iniziare a scrivere codice

5. Codice

Una volta che hai un design killer, dovrai trasformarlo in un vero sito web dal vivo. Una scommessa sicura, indipendentemente dal sistema di gestione dei contenuti con cui lavorerai, è iniziare con un HTML e un CSS generici

6. Avvia

Quando hai finalmente perfezionato il sito, è tempo di rilasciarlo al pubblico. Il lancio può significare cose diverse per persone diverse, principalmente perché ci sono vari sistemi di gestione dei contenuti e circostanze di sviluppo là fuori.

7. Mantenere

Durante la fase di pianificazione, è necessario determinare chi sarà responsabile della manutenzione del sito

Questo può aiutare. Ci sono alcuni buoni principi di web design

Fondamenti web del manuale di google

Il manuale è una risorsa completa per lo sviluppo web multi-dispositivo. Pertanto è suddiviso in 4 categorie:

Layout multi-dispositivo: creazione di layout flessibili, non fissi, che offrono un'ottima esperienza indipendentemente dal dispositivo su cui si trovano

Immagini e video: incorporando immagini, audio o video, scopri come rendere le immagini reattive, aggiungere video e fornire alternative per piattaforme legacy. Audio attualmente in fase di sviluppo

Moduli e input dell'utente: creazione di moduli che utilizzano tipi di input semantici ed elementi che rispondono al tocco e ad altri gesti.

Ottimizzazione delle prestazioni - Scopri come sul modello a oggetti del browser come costruisce la pagina da HTML e CSS. Esistono altre regole di pagina e raccomandazioni per ottimizzare la consegna dei dati