Modi per affrontare una riprogettazione del sito web

Non è raro vedere una riprogettazione in corso per un determinato sito Web ogni 3-5 anni circa. Possiamo guardare a un restyling in diversi modi, ma in breve, è "un nuovo look" in cui si può cambiare:

1. Solo elementi visivi : contenuto, pagine e tutto il resto rimane lo stesso, ma ora il sito sembra più moderno.
2. Contenuto e immagini : questa sarebbe la prima + modifiche ai contenuti come pagine di destinazione, riordino di articoli, nuovi tipi di dati e altro

Il primo è molto più semplice per un designer su cui saltare in quanto non dovrebbe esserci così tanto contenuto che deve essere preparato. Il che ci porta alla prima fase di riprogettazione di un sito web, una volta deciso ovviamente:

Crea nuovo contenuto o usa il vecchio

Un designer ha bisogno di sapere con quali contenuti lavorerà. Ad esempio, quale sarebbe il titolo della home page, ci sarebbero dei sottotitoli, dei paragrafi dopo di essa, forse un elenco, un video, un'immagine? Tutte queste sono le informazioni di cui il designer ha bisogno per mostrare davvero qualcosa.

E questa è la prima decisione, il contenuto del sito esistente rimarrà così com'è o sarà scritto nuovo. Se rimane lo stesso, allora tutto ciò che il cliente deve decidere (o il team di marketing per quella materia) sarebbe la direzione generale.

Se il contenuto deve essere rielaborato, il designer dovrà attendere che il nuovo testo sia pronto e finalizzato. Un modo per presentarlo è tramite wireframe in cui sono solo scatole con testo, che il designer ordina o sarebbe un semplice PDF con contenuto per sezione.

Ovviamente, una volta che l'intero sito Web è pronto, il team editoriale e di marketing avrà la libertà di lavorare con il contenuto e apportare modifiche. Anche se avere una copia del contenuto dal primo giorno consentirà anche al designer di prendere le giuste decisioni per gli elementi visivi che accompagnerebbero il contenuto. Che si tratti di lunghezza, quantità di titoli, elenchi, funzionalità, contenuti multimediali e altro ancora.

Decidi lo stile di visualizzazione

Il prossimo sarebbe "Come dovrebbe apparire?" Sembra una domanda alla quale il designer risponderebbe, ma non è proprio così. In effetti, questa è una domanda che il designer pone al cliente il più delle volte.

La direzione visiva potrebbe essere dettata dal rebranding dell'azienda, che potrebbe essere quella di modernizzare il sito Web e adattarlo a una specifica fascia demografica o potrebbe essere solo un aspetto nuovo e aggiornato del sito nel suo insieme. A volte, la ricostruzione del sito web, i concetti del designer, tutto potrebbe mettere in moto un rebranding dell'azienda, non il contrario. E non parliamo sempre di grandi aziende qui, i marchi più piccoli potrebbero anche essere ispirati a rielaborare il loro packaging, la presenza sui social e altro ancora a causa del lavoro del web designer sul loro nuovo sito web.

Questa è anche la fase in cui i designer spesso chiamano i loro prodotti "un concetto". Che è un altro modo per dire che si tratta di trovare la lingua, l'aspetto e / o le sensazioni corretti. Durante tale fase, i progetti di solito ruotano attorno alla home page o alla vista principale del sito / app.

A seconda della commissione / ambito di applicazione, potrebbero essere creati molti concetti. Con tali concetti, gli sviluppatori, il cliente, i team di marketing e i designer possono discutere qual è la strada da percorrere, quale tipo di elementi funzionano bene insieme e ci sarebbero modifiche ai contenuti o problemi tecnici?

La fase del concept è forse anche una delle più difficili, perché è qui che viene presa la maggior parte delle decisioni.

Ecco alcuni esempi di domande a cui un designer potrebbe dover rispondere:

• L'immagine sarebbe pesante, la grafica è pulita / minimale?
• Se usasse la grafica, che stile sarebbe?
• Quali caratteri devono essere utilizzati
• Il vecchio schema di colori dovrebbe essere modernizzato o uno nuovo dovrebbe sostituire il vecchio?
• Quanto deve essere interattivo il sito?

A seconda della direzione, ci sono alcune cose da considerare nei concetti:

• L'aspetto originale del sito dovrebbe rimanere lo stesso? Potrebbero essere le combinazioni di colori, la grafica, le regole tipografiche e altro ancora.
• Si dovrebbe invece introdurre una sensazione completamente nuova? Ciò significherebbe che tutto il vincolo che un designer avrebbe è il contenuto.

Quando viene scelto un concetto (cosa che potrebbe accadere dopo molte revisioni), può iniziare la fase successiva:

Costruisci le composizioni di design

Se nelle fasi decisionali originali si è deciso che la struttura del contenuto / sito sarebbe rimasta la stessa, il lavoro del designer è un po 'più semplice. Tutto quello che devono fare è trasformare il vecchio design in un nuovo concetto. Ciò significa che in genere può semplicemente andare su una base pagina per pagina e rielaborare ogni componente per seguire il nuovo aspetto. Qui è dove vedresti cambiamenti più piccoli come la rilavorazione dei componenti - spaziatura, tipografia, colori o cambiamenti più grandi come i cambiamenti di layout - posizione degli elementi, ordine e altro.

Le parti importanti di una riprogettazione del sito sono le viste uniche. Finché una pagina ha un layout e componenti diversi, è necessario preparare un progetto per il team di sviluppo. Dal punto di vista del design è anche piuttosto facile mostrare una leggera variazione in quanto richiederebbe solo un copia-incolla di una tavola da disegno con una piccola modifica all'ordine / contenuto, quindi questo è sicuramente un passaggio che non vale la pena saltare.

Quando i progetti sono completati, dovrebbero essere ricontrollati nuovamente dai designer e dal cliente, nonché da chiunque altro coinvolto: marketing, vendite, sviluppatori. Questo è il passaggio ideale finale in qualsiasi cambiamento importante, perché i progetti sono relativamente facili da rielaborare / modificare rispetto alla fase di sviluppo.

La fase di sviluppo

Di solito è qui che i progettisti terminano il loro lavoro e trasferiscono il progetto al team di sviluppo. Da qui in poi, i progettisti molto spesso rispondono semplicemente alle domande, forniscono risorse e occasionalmente progettano stati di componenti specifici che mancano nei progetti.

Idealmente, le modifiche al design non dovrebbero essere apportate durante la fase di sviluppo prima del lancio del nuovo sito poiché questo spesso si traduce in ritardi nella consegna o stress inutile per tutte le parti coinvolte.

Durante lo sviluppo, di solito ci sono due modi per affrontarlo:

1. Una nuova build
2. Una rielaborazione del sito esistente

Nel contesto di WordPress, spesso una nuova build ruota attorno alla creazione di un nuovo progetto, importando il database dal vecchio sito, creando un tema nuovo di zecca con una base di codice pulita e implementando il design da zero. Inoltre, in questo caso, non ci sarebbe codice legacy a parte i possibili plugin e l'integrazione del tema.

Se c'è una scadenza molto ravvicinata, ci sono due modi per lanciare in tempo un nuovo tema:

1. Non andare a vivere con tutto addosso. Questo è l'approccio più ragionevole. Elenca le pagine con la massima priorità e sviluppa solo quelle. Trasmetti dal vivo con loro, quindi distribuisci qualsiasi altra funzionalità e / o pagina nelle settimane successive al lancio.
2. Scegli una versione approssimativa. Ciò significa che dovresti avere tutte le pagine implementate, ma non necessariamente modificabili. Potrebbe anche essere necessario nascondere uno o due elementi o correggere eventuali bug a causa del poco tempo per eseguire i test o semplicemente perché non hai tempo per risolverli.
3. Semplifica gli elementi dell'interfaccia utente sul design che occuperebbe la maggior parte del tempo degli sviluppatori. Ad esempio, potrebbero essere menu di navigazione complicati (desktop e mobile), mappe / interruttori / ricerche, cursori o layout complessi.

A seconda delle priorità - la scadenza o la qualità - il cliente dovrebbe scegliere su quale delle due l'agenzia oi freelance dovrebbero lavorare per primi.

Tuttavia, se la rielaborazione deve avvenire gradualmente nell'arco di poche settimane, l'agenzia o il libero professionista dovranno spesso rielaborare il tema esistente. Qui, gli sviluppatori creerebbero molto spesso un nuovo foglio di stile per il nuovo sito che può essere migrato quando tutto è finito e inizierebbero a ricostruire i modelli esistenti partendo dall'intestazione / piè di pagina.

Sostituendo pagina per pagina e distribuendo aggiornamenti, il sito risulterebbe incoerente con l'aspetto vecchio e nuovo nelle pagine. Sebbene non sia un sito Web, Windows 10 è un esempio di questo:

Fase di attivazione

Questa è la fase tanto attesa per il live. In generale, la maggior parte del QA e delle recensioni del sito corrispondono agli stessi passaggi della pubblicazione su un nuovo sito Web: molti test, clic ovunque, assicurandosi che ogni voce di menu funzioni, che le pagine funzionino bene, che il contenuto sia buono e quello tutte le integrazioni sono funzionali.

La principale differenza tra una riprogettazione e un nuovo sito è il contenuto esistente, soprattutto quando ci sono stati cambiamenti nella struttura del sito. I vecchi URL funzionerebbero? Ci sarebbero contenuti persi? Tutti i vecchi dati sono stati migrati di recente? C'è un lungo elenco di "giorni di lancio" da esaminare, per il quale è più sicuro utilizzare i servizi di una buona agenzia di sviluppo web.

Sommario

La riprogettazione di un sito web è un processo lungo che coinvolge molte persone. Ha anche molte domande difficili a cui rispondere e ostacoli tecnici da superare. Per fortuna, la maggior parte delle volte. Questo cambiamento si rivela molto positivo per un marchio.