Modalități de abordare a unui reproiectare a site-ului web

Nu este neobișnuit să vezi o reproiectare care se întâmplă pentru un anumit site web la fiecare 3 până la 5 ani sau cam așa ceva. Putem privi o reproiectare în câteva moduri diferite, dar pe scurt, este „un aspect nou” în care se poate schimba:

1. Numai vizuale - conținut, pagini și orice altceva rămâne la fel, dar site-ul pare mai modern acum.
2. Conținut și imagini vizuale - aceasta ar fi primele + modificări ale conținutului, cum ar fi paginile de destinație, reordonarea articolelor, noi tipuri de date și multe altele

Primul este mult mai simplu pentru un designer să sară, deoarece nu ar trebui să existe atât de mult conținut care trebuie pregătit. Ceea ce ne aduce la prima fază a reproiectării unui site web, odată ce a fost decis, desigur:

Creați conținut nou sau utilizați vechiul

Un designer trebuie să știe cu ce conținut va lucra. De exemplu - care ar fi titlul paginii de pornire, ar exista subtitrări, paragrafe după ea, poate o listă, un videoclip, o imagine? Toate acestea sunt informații pe care designerul le cere pentru a prezenta cu adevărat orice.

Și aceasta este prima decizie, conținutul site-ului existent va rămâne așa cum este sau nou va fi scris. Dacă rămâne la fel, atunci tot clientul trebuie să decidă (sau echipa de marketing în acest sens) ar fi direcția generală.

Dacă conținutul urmează să fie reprelucrat, proiectantul ar trebui să aștepte ca noul text să fie gata și finalizat. O modalitate de a-l prezenta este prin wireframes în care sunt doar cutii cu text, pe care designerul le comandă sau ar fi un simplu PDF cu conținut pe secțiune.

Desigur, odată ce întregul site web este gata, echipa editorială și de marketing ar avea libertatea de a lucra cu conținutul și de a face editări. Deși deținerea unei copii a conținutului din ziua 1 va permite, de asemenea, proiectantului să ia deciziile corecte pentru elementele vizuale care ar însoți conținutul. Fie că este vorba de lungime, cantitate de titluri, liste, funcții, suporturi media și multe altele.

Decideți stilul vizual

Următorul ar fi „Cum ar trebui să arate?” Aceasta pare a fi o întrebare pe care designerul ar răspunde, dar nu este chiar așa. De fapt, aceasta este o întrebare pe care designerul o adresează clientului de cele mai multe ori.

Direcția vizuală ar putea fi dictată de rebranding-ul companiei, care ar putea fi modernizarea site-ului web și potrivirea unui anumit număr demografic sau ar putea fi doar un aspect nou și actualizat al site-ului ca întreg. Uneori, reconstruirea site-ului web, conceptele designerului, toate puteau pune în mișcare un rebrand al companiei, nu invers. Și nu vorbim întotdeauna despre corporații mari aici, mărcile mai mici ar putea deveni, de asemenea, inspirate să își refacă ambalajele, prezența socială și multe altele, datorită muncii proiectantului web pe noul lor site web.

Aceasta este, de asemenea, faza în care designerii numesc deseori produsele lor „un concept”. Ceea ce este un alt mod de a spune că este vorba despre găsirea limbajului, aspectului și / sau simțului corect. În timpul unei astfel de faze, desenele se învârt de obicei doar în jurul paginii de pornire sau a vizualizării principale a site-ului / aplicației.

În funcție de comisie / scop, ar putea exista multe concepte create. Cu astfel de concepte, dezvoltatorii, clientul, echipele de marketing și proiectanții pot discuta care este calea de urmat, ce tip de elemente funcționează bine împreună și ar exista modificări ale conținutului sau preocupări tehnice?

Etapa conceptului este poate una dintre cele mai dificile, pentru că atunci se iau majoritatea deciziilor.

Iată câteva exemple de întrebări la care un designer ar putea avea nevoie să răspundă:

• Ar fi o imagine grea, grafica are aspect curat / minimal?
• Dacă folosește grafică, ce stil ar fi acestea?
• Ce fonturi trebuie utilizate
• Vechea schemă de culori ar trebui modernizată sau una nouă ar trebui să o înlocuiască pe cea veche?
• Cât de interactiv ar trebui să fie site-ul?

În funcție de direcție, există câteva lucruri de luat în considerare în concepte:

• Ar trebui ca senzația originală a site-ului să rămână aceeași? Acestea ar putea fi schemele de culori, grafica, regulile de tipografie și multe altele.
• Ar trebui introdus în schimb un sentiment complet nou? Asta ar însemna că toate constrângerile pe care le-ar avea un designer ar fi conținutul.

Când se alege un concept (care s-ar putea întâmpla după multe revizuiri), etapa următoare poate începe:

Construiți companiile de proiectare

Dacă în etapele inițiale de luare a deciziilor s-a decis că structura conținutului / site-ului va rămâne la fel, atunci munca proiectantului este puțin mai ușoară. Tot ce trebuie să facă este să transforme vechiul design într-un concept nou. Asta înseamnă că, în general, el / ea poate merge de la o pagină la alta și să refacă fiecare componentă pentru a urmări noul aspect. Aici veți vedea modificări mai mici, cum ar fi prelucrarea componentelor - spații, tipografie, culori sau modificări mai mari, cum ar fi modificările de aspect - poziția elementelor, ordinea și multe altele.

Părțile importante ale reproiectării unui site sunt vizualizările unice. Atâta timp cât o pagină are un aspect și componente diferite, atunci ar trebui pregătit un design pentru echipa de dezvoltare. În ceea ce privește designul, este, de asemenea, destul de ușor să prezentați o ușoară variație, deoarece ar necesita doar o copiere-lipire a unei planșe de lucru cu o modificare minoră a comenzii / conținutului, deci acesta este cu siguranță un pas pe care nu merită să-l omiteți.

Când proiectele sunt finalizate, acestea ar trebui să fie verificate din nou de către proiectanți și client, precum și de oricine altcineva implicat - marketing, vânzări, dezvoltatori. Acesta este ultimul pas ideal în orice schimbări majore, deoarece proiectele sunt relativ ușor de prelucrat / schimbat în comparație cu faza de dezvoltare.

Faza de dezvoltare

Aici, de obicei, designerii au terminat cu munca lor și predă proiectul echipei de dezvoltare. De aici înainte, proiectanții răspund cel mai adesea la întrebări, furnizează active și ocazional proiectează stări de componente specifice care lipsesc din modele.

În mod ideal, modificările de proiectare nu ar trebui făcute în timpul fazei de dezvoltare înainte de lansarea noului site, deoarece acest lucru duce adesea la livrare întârziată sau la stres inutil pentru toate părțile implicate.

În timpul dezvoltării, există de obicei două modalități de abordare:

1. O nouă construcție
2. O relucrare a site-ului existent

În contextul WordPress, adesea o nouă versiune se învârte în jurul configurării unui nou proiect, importând baza de date de pe site-ul vechi, creând o temă complet nouă cu o bază de cod curată și implementând designul de la zero. Mai mult, în acest caz, nu ar exista niciun cod vechi în afară de posibilele pluginuri și integrarea temei.

Dacă există un termen foarte strâns, există două modalități de a lansa la timp cu o nouă temă:

1. Nu intra în direct cu totul pornit. Aceasta este cea mai rezonabilă abordare. Enumerați paginile cu prioritate principală și dezvoltați-le doar. Intrați în direct cu ei, apoi lansați orice alte funcții și / sau pagini în săptămânile de după lansare.
2. Mergeți cu o versiune brută. Aceasta înseamnă că ar trebui să aveți toate paginile implementate, dar nu neapărat editabile. Poate fi chiar nevoie să ascundeți un element sau două sau să remediați orice erori din cauza faptului că aveți puțin timp pentru a face teste sau pur și simplu pentru că nu ați avut timp să le remediați.
3. Simplificați elementele de interfață pe design care ar ocupa majoritatea timpului dezvoltatorilor. De exemplu, acestea ar putea fi meniuri de navigare complicate (desktop și mobil), hărți / comutare / căutări, glisante sau aspecte complexe.

În funcție de priorități - termenul limită sau calitatea - clientul ar trebui să aleagă care dintre cele două agenții sau freelanceri ar trebui să lucreze mai întâi.

Cu toate acestea, dacă reluarea trebuie să se întâmple treptat în câteva săptămâni, atunci agenția sau freelancerul va trebui deseori să refacă tema existentă. Aici, dezvoltatorii ar crea cel mai adesea o nouă foaie de stil pentru noul site care poate fi migrată când totul este gata și ar începe să reconstruiască șabloanele existente începând de la antet / subsol.

Înlocuind pagină cu pagină și lansând actualizări, site-ul ar părea incompatibil cu aspectul vechi și noul de pe pagini. Deși nu este un site web, Windows 10 este un exemplu în acest sens:

Faza în direct

Aceasta este faza mult așteptată de a intra în direct. În general, majoritatea QA și recenzii ale site-ului se potrivesc cu aceiași pași ca și difuzarea pe un site web nou - multe testări, clic peste tot, asigurându-vă că fiecare element de meniu funcționează, că paginile funcționează bine, că conținutul este bun și că toate integrările sunt funcționale.

Principala diferență între o reproiectare și un site nou este conținutul existent, mai ales atunci când au existat modificări în structura site-ului. Ar funcționa adrese URL vechi? Ar fi conținut pierdut? Au fost migrate recent toate datele vechi? Există o listă destul de lungă de „zi de lansare”, pentru care este cel mai sigur să folosiți serviciile unei bune agenții de dezvoltare web.

rezumat

Proiectarea unui site web este un proces lung care implică mulți oameni. De asemenea, are o mulțime de întrebări dificile de răspuns și obstacole tehnice de depășit. Din fericire, de cele mai multe ori. Această schimbare se dovedește a fi foarte pozitivă pentru un brand.