Cum de a reproiecta un site (calendarul este un exemplu) 10 pasi simpli

Deci, tu ești pe punctul de a unui eveniment important - redesignul site-ului.

Sarcina nu este ușoară: 301 redirecționări, texte, coduri, testare A / B, hărți site, planificare! Și acestea sunt doar câteva dintre elementele obligatorii.







Vara trecuta, CoSchedule a inceput sa-si revizuiasca site-ul. Și, deși studiul și studiul experienței altor persoane au fost foarte utile, în general, resursele echipei au fost foarte limitate. Dar au reușit să facă față acestei sarcini dificile.

În articolul de astăzi, vă vom spune despre experiența CoSchedule și lecțiile pe care le-au învățat în procesul de reproiectare a site-ului.

Iată cum au reușit două persoane să creeze un site Web cu un draft pentru 4 luni.

Cum de a reproiecta un site (calendarul este un exemplu) 10 pasi simpli

1. Desfășurați brainstorming-ul

În timpul săptămânii, cu ajutorul unei echipe de brainstorming au fost create 3 linii de poveste foarte diferite, cu aplicarea designului în Photoshop. Sarcina lor a fost să scrie o poveste, să facă un design și să prezinte o idee conducerii.

Au început să genereze o varietate de idei. eliminarea celor mai controversate, pentru a face loc inspirației. De la benzi desenate cu super eroi la micile roboți care îi însoțesc pe comercianți pe drum, fiecare idee era un alt pas spre povestea finală.

Cum de a reproiecta un site (calendarul este un exemplu) 10 pasi simpli

2. Creați o hartă a site-ului

Denumiți fiecare pagină a site-ului. Hartă nu ar trebui să fie prea complicată, nu poate dura mai mult de o oră pentru ao crea. Având o hartă similară a site-ului în fața ochilor, puteți construi modalități eficiente de a transforma și fascinant povestirea.

3. Scrieți textul înainte de a crea designul

Înainte de a începe să creați un design, scrieți textele pentru fiecare pagină. Acordați o atenție specială capturilor de capturare pentru toate punctele importante. Aceasta poate dura până la o lună de lucru.

4. Pregătiți schițele

Schițele sunt un schelet al viitorului design, ele sunt necesare pentru munca ulterioară. Crearea lor este destul de simplă: este o reprezentare schematică a aspectului paginii. Pe baza conturului, designul va fi mult mai simplu.

Cum de a reproiecta un site (calendarul este un exemplu) 10 pasi simpli

5. Începeți cu Photoshop, apoi introduceți codul

Creați un design detaliat pentru fiecare pagină. Faceți acest lucru înainte de a scrie codul. Această etapă ajută la scăderea nevoii de a vă imagina paginile viitoare și toate elementele lor.

6. Realizați testarea A / B

Începeți testarea ipotezelor în stadiile incipiente. După crearea textului și design în Photoshop, începe testarea unora dintre ideile sale pe site-ul existent (să acorde o atenție la elemente, cum ar fi titluri, logo-uri, imagini).

Instrucțiuni pentru efectuarea testării A / B:







7. Începeți să vă dezvoltați

Făcând codul, respectați planul. Concentrați-vă pe scrierea codului și pe editarea acestuia. Pe lângă corectarea greșelilor principale, încercați să evitați restructurările semnificative.

8. Verificați codul

Aici puteți verifica funcționalitatea designului. Pentru etapa de confirmare a calității, puteți utiliza Meistertask. Astfel de instrumente simplifică procesul de editare și ajută la testarea rapidă a site-ului. De asemenea, puteți defini diferite faze (în proces, de revizuire, gata) și folosind Skitch crea elemente vizuale (designerii sunt de la acest entuziast).

Cum de a reproiecta un site (calendarul este un exemplu) 10 pasi simpli

9. Alocați timp pentru a corecta erorile

Erorile vor fi, astfel încât să evidențieze timpul pentru a le corecta. Cereți membrilor echipei dvs. să testeze site-ul și să încerce să găsească erori și defecte. În aceeași fază, testați UX-ul. Atrageți-vă pentru acest prieten sau coleg care nu participă la proiect. Luați notițe și fiți gata să faceți schimbări. Amintiți-vă, un design bun funcționează foarte bine. dacă utilizatorul trebuie să se gândească la asta, atunci faceți ceva greșit.

10. Respirați adânc și imaginați-vă creația lumii!
10+. Continuați testarea A / B

După lansarea unui nou site, munca nu se încheie. Totul începe doar.

Rețineți că site-ul dvs. are un obiectiv - de a converti vizitatorii către clienți. Și dacă doriți să creșteți ratele de conversie. Testarea A / B vă va ajuta să determinați ce funcționează și ce nu.

Scrie texte în cuvintele clienților

Cea mai bună modalitate de a vinde ceva este să utilizați frazele și cuvintele clienților existenți. Cum se face acest lucru?

Cum de a reproiecta un site (calendarul este un exemplu) 10 pasi simpli

Aprobări zilnice

Fără întâlniri în timpul implementării proiectului, este dificil de gestionat, dar nu trebuie să uităm obiectivele acestor evenimente, astfel încât să nu petrecem prea mult timp prețios pe discuții inutile.

Coordonarea zilnică cu toți membrii echipei contribuie la creșterea productivității și la avansarea mai rapidă. Definiți una sau două probleme pentru fiecare întâlnire și discutați numai despre ele, omiteți discuțiile externe. Respectați timpul și timpul colegilor.

Primul vis, apoi concentrarea

La începutul procesului de proiectare, evidențiați 5 zile pentru brainstorming. Acest proces arată astfel:

  1. Idei de hărți și culegerea de informații
  2. Faceți schițe de design și linii de poveste
  3. Alegeți și concentrați-vă pe 2-3 idei
  4. Creați idei bazate pe idei
  5. Testați o poveste nouă despre ceilalți membri ai echipei

În primul rând avem nevoie, fără a limita imaginația, de a aduna cât mai multe idei posibil. Pentru a vă asigura că ideea merită, întrebați-vă următoarele întrebări:

  • Care este obiectivul principal al proiectului? (conversie, trafic)
  • Ce ipoteze faci? Ce astepti de la acest reproiectare?
  • După analizarea datelor, stabiliți ce funcționează eficient pe site-ul existent? (și ce nu este)
  • Ce îți place / nu-ți place designul actual? De ce?
  • Dacă timpul de lucru nu a fost limitat, cum arăta designul dvs.?

Răspunsurile la aceste întrebări vă vor ajuta să evaluați în mod obiectiv ideile noi și să găsiți ceva cu adevărat unic.

Viteză mare pentru un design mai bun

Cele mai bune rezultate sunt obținute ca rezultat al lucrului rapid. Natura noastră este predispusă să găsească probleme și să fie precaută. Dacă acționați repede, teama nu va avea timp să apară.

Prin urmare, încercați să luați decizii rapide, să renunțați la tot ceea ce nu este necesar și să vă concentrați numai asupra a ceea ce va aduce rezultate.

Evitați reciclarea

În faza inițială de creare a unui design, evitați reciclarea. Foarte des, creați mai întâi o idee de bază, atunci există „alternative“: modificările de fond la un loc nou apare imaginea, elementul de culoare este înlocuit, dar conceptul rămâne același.

Pentru a evita această eroare, obișnuiți-vă cu tipul de "tablă curată" și fiți gata să faceți modificări după o evaluare obiectivă. Încercarea de a aduce designul la perfecțiune, riscați să treceți la o idee complet diferită.

Reproiectarea site-ului web nu este o sarcină ușoară. Având în vedere multe elemente, manageri și opțiuni, puteți obține rapid confuz. Nu încercați să creați procesul perfect. E imposibil.

Luați din experiența CoSchedule ceea ce vă place, lăsați restul și creați propriul proces unic care vă va duce la succes.







Articole similare

Trimiteți-le prietenilor: