Planificarea paginii web

Cum poți transforma o pagină goală în mult visata ta pagină web? Ai putea începe să scrii cod HTML și CSS—modificând din mers, ștergând ceea ce nu îți place, adăugând alte lucruri noi care îți vin în minte și rearanjând componente ale paginii.

Aceasta nu este întotdeuna cea mai bună strategie, totuși, căci poate conduce la multă risipă de timp când implementezi codul HTML și CSS la care mai târziu renuți. Mai eficient, ar fi să proiectezi pagina înainte să o construiești. Poti să îți imaginezi conținutul, aspectul și chiar ce senzație are utilizatorul.

Adesea, primul pas în proiectarea unui lucru este brainstormming—în care încerci să identifici orice ți-ai putea dori. Sesiunea de brainstorming se face desenând hărți conceputale pe hârtie, scriind idei într-un document sau punând bilețele cu notițe pe o tablă.

Poți să faci asta singur sau—dacă vrei să fie mai multe idei—recrutează un colaborator care să facă brainstorm împreună cu tine. Dacă ai un colaborator, folosește o abordare de tip "Da, și…". Nu te concentra pe ideile care nu merg ale colaboratorului, ci pe ceea ce ar putea să meargă, cum s-ar putea lega lucrurile.

După ce au fost generate cât mai multe idei, va trebui să decizi cu care vei continua. Prioritizează-le pe cele de care ești cel mai entuziasmat—încearcă să le acorzi punctaje sau să le pui într-o listă—și renunță la restul sau salvează-le pentru mai târziu.

La pasul următor, este bine să creezi un prototip pe hârtie—pagina ta web, dar pe hârtie. Este o schiță cu componentele paginii, care are mâzgălituri (simboluri) și casete în locul elementelor.

În imaginea de mai jos avem un prototip pe hârtie pentru quiche SF, o aplicație web cate îți va îndeplini toate pretențiile tale legate de quiche:

Deoarece nu consumă foarte mult timp prototiparea pe hârtie, poti să refaci repede și să nu te împotmolești la design-ul original. De asemenea, poți face în paralel câteva prototipuri diferite sau să faci prototipuri pentru mai multe pagini ale site-ului.

După ce faci un prototip, poate vrei să faci teste de utilizare. Arată-i prototipul unui prieten, apoi întreabă-l pe ce ar da clic mai întâi sau unde îi alunecă privirea. Vezi dacă are să îți ofere feedback.

Când ești multumit de prototipul tău de pe hârtie, ai putea dori să concepi o încadrare. O încadrare este asemănătoare cu un prototip, dar se realizează în format digital și mult mai precis. O încadrare este formată din casete reprezentând fiecare parte a paginii, plus ceva text și iconițe dacă sunt necesare. De exemplu, mai jos avem încadrarea aplicației noastre SF quiche:

Această încadrare a fost realizată cu ajutorul unui instrument online foarte popular numit Balsamiq. De asemenea, poți face încadrări folosind figurile geometrice dintr-o aplicație de birou—precum Powerpoint/Keynote—sau folosind editoare grafice precum Photoshop, Gimp sau InDesign. Poți să cauți instrumente online pentru prototipare. Când te hotărăști pe care să o folosești, nu uita că multe asemenea aplicații sunt contra cost.

După ce faci încadrarea, ai putea dori să faci altă rundă de testare de utilizare. Unele instrumente pentru încadrări îți permit să le distribui pentru a le permite altora să le comenteze. De asemenea, există instrumente precum InvisionApp care îți permit să creezi încadrări interactive, în care dacă dai clic pe anumite zone te conduc la alte ecrane.