Planificați un site web

Dacă doriți să proiectați și să dezvoltați un site web, veți găsi mult mai ușor dacă petreceți ceva timp. Faza de planificare permite dezvoltatorului și clientului să colaboreze până când găsesc un format și un aspect care să răspundă nevoilor acestora. Designul influențează selecția stilului site-ului și este probabil cel mai important aspect al designului web, în ​​special pentru companii.

metodă

2

Creați o diagramă a sitemap-ului. O diagramă a sitemap-ului este ca o diagramă de flux și arată cum se deplasează utilizatorii de la o pagină la alta. În acest moment nu aveți nevoie de pagini, ci doar un flux general de concepte. Aveți posibilitatea să utilizați un program de calculator pentru a crea o diagramă sau o schița pe o foaie de hârtie. Utilizați diagrama sitemap pentru a arăta cum să vizualizați ierarhia și conectivitatea paginii.

3

Încercați să sortați cărțile. O metodă populară pentru un grup este de a utiliza un teanc de cărți și de a scrie la fiecare conținutul de bază al unei singure pagini. Permiteți-vă echipei să organizeze cardurile pe care le consideră cele mai utile. Acest lucru este cel mai bun în situațiile în care lucrați cu alții pentru a crea un site web.

4

Utilizați hârtie și o tablă albă sau albă. Aceasta este metoda inițială de planificare pentru un buget mic, care vă permite să ștergeți rapid sau să mutați și să rearanjați conținutul. Desenați desenul pe foi de hârtie și le legați cu un fir sau desenați desenul pe o tablă albă. Mare pentru brainstorming.

5

Creați un inventar pentru conținut. Este vorba mai mult despre re-desene decât paginile noi. Introduceți tot conținutul sau paginile existente într-o foaie de calcul tabelar. Efectuați note despre scopul fiecăruia și folosiți această listă pentru a determina ce rămâne și ce trece. Acest lucru ajută la simplificarea procesului de redesignare.

2

Încercați metoda Grey Box. Blocați conținutul paginii dvs. cu casete gri, conținutul cel mai important din partea de sus. Blocurile sunt aranjate într-o singură coloană, conținutul cel mai important din partea de sus a paginii. Dacă pagina este de ex. pagina Despre Companie poate avea detaliile companiei în partea de sus, urmată de o listă de angajați, apoi de detaliile de contact etc.

3

Încercați un program wireframe. Există mai multe programe care vă pot ajuta la trasarea prin fir. Abilitățile de programare necesare diferă de la program la program. Printre programele mai populare sunt:

4

Folosiți un marcaj HTML simplu. O schemă bună poate fi ușor convertită în pagina actuală mai târziu. Nu vă faceți griji în privința stilului în timpul procesării prin fir. Utilizați în schimb marcarea, care este ușor de înțeles și poate fi schimbată cu puțin efort.

5

Creați o rețea wireframe pentru fiecare pagină a site-ului dvs. web. Poate că este tentant să creezi o singură rețea și să spui: "Excelent, pot aplica asta pe orice altă pagină și sunt bine". De fapt, aceasta conduce la o parte tipică și plictisitoare. Aveți timp pentru a crea o rețea wireframe pentru fiecare pagină și veți afla în curând că fiecare pagină are propriile cerințe organizaționale.

2

Amintiți-vă că un conținut bun este mai mult decât text. Internetul este mult mai mult decât paginile simple de text. Pentru a vă distinge în nișă, aveți nevoie de o varietate de tipuri diferite de conținut pentru a atrage și a păstra vizitatorii. Posibile tipuri de conținut:

3

Închiriați un fotograf profesionist. Dacă includeți fotografii pe site-ul dvs., prima impresie cu fotografii profesionale va fi mult mai bună. O singură fotografie bună este în valoare de peste 20 de persoane rele.

4

Scrie articole de înaltă calitate. Conținutul scris din pagina dvs. va determina valoarea traficului. În timp ce nu trebuie să vă faceți griji prea mult despre crearea de conținut atunci când proiectați site-ul în acest moment, nu vă doare rău să vă gândiți la asta, deoarece aveți nevoie de conținut obișnuit atunci când pagina este live.

2

Creați un aspect simplu. Începeți să mutați blocurile de tip wireframe din coloana unică în pozițiile lor de pe pagină. Ați putea, de exemplu, mutați panoul de navigare în partea stângă a paginii și o listă cu titlurile din dreapta.

3

Creați un model. Utilizați un program ca Photoshop pentru a construi un model al unor pagini de pe site-ul dvs. Utilizați aspectul fix ca ghid. Puteți lucra mult mai repede într-un editor de imagini și faceți tot ceea ce doriți. Deci, puteți folosi aceste imagini ca referințe atunci când vine vorba de dezvoltarea reală.

4

Înlocuiți blocurile cu conținut. Începeți prin introducerea conținutului și a elementelor în pagină. Nu vă faceți griji în privința stilului, puneți totul în poziția corectă. Acest lucru vă va ajuta să determinați dacă modificările de stil vor funcționa.

5

Creați un ghid de stil. Acest lucru este important pentru a menține un stil consistent, în special pentru site-urile mai mari. Dacă site-ul este pentru o companie care are deja o marcă vizuală, atunci acest lucru ar trebui să fie inclus în proiectarea site-ului web. Acest lucru ar trebui să fie luat în considerare într-un ghid de stil:

6

Aplică-ți stilul. Dacă v-ați decis despre un stil și un design pentru site, este timpul să îl implementați. CSS este una dintre cele mai simple moduri de a implementa un stil pe o pagină sau pe întreaga pagină web. Citiți acest ghid pentru mai multe detalii despre utilizarea CSS.