de Eugenia Stamate

Pentru a realiza designul unui site sunt folosite o serie de tehnici cu ajutorul carora paginile capata contur, atat din punct de vedere vizual cat si din punct de vedere al organizarii legaturilor si al amplasarii continutului in pagini. In continuare sunt prezentate cateva dintre aceste tehnici, fiecare dintre ele referindu-se la cate un aspect al designului site-ului.

Schita site-ului

Odata ce v-ati decis asupra modului in care va fi structurat site-ul este foarte bine ca inainte de a incepe scrierea efectiva a codului HTML pentru fiecare pagina in parte, sa realizati o schita a intregului site.

Puteti folosi in acest scop Microsoft Word sau orice alt procesor de text. Pentru inceput creati un document nou in care listati punctele majore pe care doriti sa le acoperiti in pagina Home.

Faceti de asemenea o lista a elementelor grafice pe care intentionati sa le includeti, insotite de indicatii privind asezarea lor in pagina. Stabiliti care sunt paginile de nivel unu si ce informatii doriti sa oferiti in cadrul lor, precum si paginile subordonate acestora care vor cuprinde detalierea subiectelor anuntate in paginile de nivel unu.

Pentru a avea o imagine cat mai exacta a structurii site-ului inca din faza de schitare a sa este recomandat sa folositi bara de instrumente Outlining din meniul Tools > Customize din Word. Aceasta va permite sa stabiliti nivelul paginilor si sa realizati cu usurinta ramificarea lor in adancime.

O alta metoda pentru a realiza schita site-ului o constituie graficul (sau harta) site-ului. Daca nu doriti sa va complicati folosind un editor de text sau un program de grafica, puteti realiza o astfel de schita si pe hartie, cu creionul. Desenati cate un dreptunghi pentru fiecare pagina din site, specificand in interiorul sau scopul si obiectivele paginii, elementele si aranjarea lor in pagina. Apoi uniti dreptunghiurile prin sageti pentru a specifica traseele pe care le poate parcurge utilizatorul. Sagetile reprezinta de fapt legaturile dintre pagini. Aveti grija ca spre pagina Home sa indice toate sagetile, pentru a asigura astfel o legatura cu ea din orice pagina a site-ului. In acest mod puteti planifica pentru fiecare pagina ce urmeaza sa vada, sa inteleaga si sa faca vizitatorul acesteia, precum si unde se poate deplasa din pagina respectiva.

Oricare ar fi metoda folosita pentru a schita site-ul, la fiecare pagina trebuie sa va puneti urmatoarele intrebari:

• Ce doresc sa afle vizitatorul din aceasta pagina?
• Ce doresc sa faca vizitatorul in acest moment?
• Ce doresc sa simta vizitatorul parcurgand pagina?
• Unde doresc sa mearga vizitatorul in continuare?

Desigur, in ultima instanta comportamentul si impresiile vizitatorului scapa controlului designerului, insa un site in care fiecare pagina da raspunsuri clare si limpezi acestor intrebari are foarte multe sanse de a intruni aprecierile pozitive ale vizitatorilor sai.

Exista multe site-uri care inainte de pagina Home au o pagina de intrare in site, numita pagina intro. Scopul unei astfel de pagini este identificarea rapida a obiectului site-ului in timp ce se incarca restul de date. Pagina splash are pentru site acelasi rol pe care il are coperta unei carti sau prima pagina a unei reviste. Aceasta prima pagina trebuie sa se incarce rapid, sa aiba un impact vizual puternic si sa comunice esentialul despre subiectul site-ului sau compania careia ii apartine site-ul.

Exista opinii divergente in legatura cu folosirea si utilitatea paginii intro intr-un site. Mai ales daca face apel la elemente multimedia, sunet, grafica, animatie complexa care incetinesc timpul de incarcare, pagina intro poate aduce mai degraba deservicii site-ului. In plus, pagina splash poate fi resimtita de vizitator ca o bariera in accesul imediat la informatiile din interiorul site-ului.

Desi aspectul si continutul paginii Home poate varia foarte multe de la un site la altul, exista cateva elemente comune prezente in orice pagina de start:

• Identificarea firmei sau companiei careia ii apartine site-ul (daca este cazul)
• Descrierea scopului site-ului
• Descrierea structurii site-ului. Pagina Home are si functia de Cuprins al site-ului oferind indicatii vizitatorilor asupra subiectelor abordate
• Stabilirea relatiilor intre sectiunile de nivel unu ale site-ului si cele subordonate lor. Aceasta se realizeaza prin intermediul barelor de navigare, butoanelor, hartilor de imagini sau listelor de legaturi.
• Furnizarea informatiilor de contact.

Paginile de nivel unu reprezinta diviziunile majore ale subiectului general al site-ului. Exista tentatia de a include prea multe informatii detaliate la acest nivel. Daca site-ul acopera un subiect vast, cu o cantitate mare de informatii specifice, este bine sa lasati detalierea acestora pentru paginile de nivel doi. Paginile de nivel unu trebuie sa contina o descriere succinta a subiectului acoperit precum si legaturi catre paginile de nivel doi care detaliaza fiecare parte a subiectului. O tehnica des utilizata este plasarea resurselor suplimentare in pagini de nivelul trei. De exemplu o pagina de nivelul doi care ofera pe langa text si imagini explicative ale unui anumite notiuni poate fi legata de pagini de nivel trei care contin imaginile. Cand vizitatorul face click pe un anumit text aflat in pagina de nivel doi se deschide pagina de nivel trei cu imaginea explicativa. Avantajul acestei abordari este descongestionarea paginilor de nivelul doi care cuprind detalierea subiectului.

Schita dumneavoastra trebuie sa cuprinda, pe langa modul de organizare a paginilor, si o lista cat mai completa a elementelor pe care doriti sa le includeti in fiecare pagina (imagini, formulare, fisiere multimedia, etc.).

Fragmentarea informatiilor

Omul poate procesa o cantitate limitata de informatii intr-o anumita unitate de timp. Din acest motiv, una dintre sarcinile specifice in designul Web este fragmentarea informatiilor in secvente care sa nu depaseasca posibilitatile de cuprindere ale utilizatorului. Cantitatea de informatii cuprinsa intr-o pagina nu trebuie sa-l copleseasca pe vizitatorul paginii sau sa mareasca timpul ei de incarcare. De asemenea, modul de fragmentare al informatiei trebuie sa focalizeze atentia vizitatorului asupra principalelor subiecte abordate in pagina si sa il ajute sa ia cunostinta in mod gradat de subiectul prezentat. Fragmentarea corecta a informatiilor este in avantajul designerului , deoarece il ajuta sa creeze pagini reutilizabile . Daca fiecare pagina pe care o veti crea serveste la indeplinirea unui anumit scop, puteti include aceasta pagina fie direct, fie ca o resursa utila si in alte site-uri pe care le creati ulterior si care au subiecte conexe cu pagina respectiva.

In cadrul site-ului fragmentarea informatiilor conduce la stabilirea modului in care va fi detaliat subiectul, la determinarea numarului de pagini necesare pentru acesta precum si a nivelului paginilor. Desi divizarea subiectului in parti mai mici este o tehnica deosebit de utila, nu abuzati totusi de puterea hypertextului . O fragmentare excesiva a subiectului intr-un mare numar de pagini este la fel de obositoare ca si prezentarea acestuia in bloc. Un design eficient anticipeaza nevoia vizitatorului de a obtine informatii suplimentare si furnizeaza la momentul oportun legaturi catre paginile care detaliaza acel punct.

In cadrul unei pagini modul de fragmentare al informatiilor tine de logica interna a subiectului prezentat. Pentru a diferentia partile constitutive ale subiectului unei pagini o mare importanta o are organizarea textului in cadrul paginii.

Cei mai multi dintre cei care navigheaza pe Web obisnuiesc sa "scaneze" paginile in cautare de informatii. Ei citesc mai intai titlurile, listele, si primele fraze dintr-un paragraf. Este bine sa tineti seama de acest lucru cand organizati textul in pagina.

Continutul paginii trebuie sa fie cat mai usor de citit. Folositi paragrafe scurte, despartite prin linii libere, evitati frazele prea lungi si folositi in mod judicios titlurile. Accentuati partile pe care vreti sa le scoateti in evidenta in text prin ingrosare sau scrierea lor cu alta culoare, dar nu in exces. Abuzul de culori sau de texte scrise cu caractere aldine fac pagina incarcata si greoaie. Este indicat sa va limitati la un numar redus de tipuri de font. Cele mai apreciate sunt Verdana si Arial , deoarece sunt lizibile si elegante. Este mai bine sa evitati folosirea tipului Times New Roman, desi este un tip foarte folosit in editarea de texte. Spre deosebire de textele tiparite, pe monitor citirea se face cu 25% mai incet deoarece monitorul adauga fonturilor un anumit grad de neclaritate ( fuzziness ), mai accentuat la fonturile cu serife , asa cum este Times New Roman. Nu aranjati textul in pagina pe doua coloane astfel incat vizitatorul sa fie nevoit sa revina in partea superioara a paginii pentru a citi ce-a de-a doua coloana. Acest format este potrivit pentru ziare si reviste dar nu si pentru o pagina Web deoarece rupe cursivitatea deplasarii in cadrul site-ului.

Legarea paginilor

Modul in care veti realiza legaturile dintre pagini depinde de structura site-ului. Daca optati pentru o structura ierarhica, legaturile din interiorul site-ului vor fi adaptate acestei structuri. Avantajul structurii ierarhice este ca ofera utilizatorului posibilitatea unei navigari logice, plecand de la informatiile generale catre cele particulare. Dezavantajul acestei tehnici este ca utilizatorul trebuie sa urmeze o cale prestabilita pentru a ajunge la o anumita informatie, care se poate afla cateva link-uri distanta de pagina Home .

O alta maniera de a realiza legaturile din interiorul site-ului este de a lega fiecare pagina de toate celelalte. Veti obtine astfel o structura ne-ierarhica care are avantajul ca fiecare pagina se afla la distanta de un link de oricare alta, inclusiv de pagina Home . Pentru site-urile de dimensiuni reduse o astfel de structura poate functiona bine, insa pentru site-urile cu un mare numar de pagini numarul de legaturi creste rapid iar navigarea in interiorul site-ului devine foarte dificila. In plus, utilizatorul nu are la dispozitie o cale ierarhica prin care poate ajunge la o informatie specifica.

Instrumentele de navigare

Pentru a realiza o navigare logica si eficienta in cadrul site-ului instrumentele de navigare trebuie sa fie perfect adaptate modului in care sunt create legaturile dintre pagini si in plus, sa ofere indicii vizuale asupra functiei lor. Pentru a crea un aspect vizual unitar al intregului site si pentru a nu deruta vizitatorul, este recomandat ca instrumentele de navigare sa fie aceleasi in toate paginile.

Stabiliti de la inceput aspectul icon-urilor , butoanelor sau textului pe care le veti folosi drept legaturi si pastrati-l pe parcursul intregului site. Aceasta tehnica ofera site-ului coerenta si unitate si stabileste imediat identitatea fiecarei pagini in cadrul site-ului. In plus, folosirea repetata a acelorasi elemente grafice de navigare mareste eficienta browserului deoarece acestea sunt incarcate la deschiderea primei pagini si stocate in memoria cache , fara a mai fi necesara incarcarea lor la fiecare noua pagina.

Instrumentele de navigare trebuie sa fie cat mai usor de inteles si localizat. Daca folositi o bara de navigare plasati-o acolo unde vizitatorii sunt obisnuiti sa o caute: in partea superioara a paginilor, in stanga sau in dreapta paginii. Folositi o bara secundara de navigare la baza paginii, aceasta il va ajuta pe vizitator sa se deplaseze intr-o alta sectiune a site-ului fara a mai fi nevoit sa deruleze pagina in sus pana la bara principala de navigare.

Daca site-ul este de dimensiuni mari este o idee buna sa creati o pagina speciala care sa reprezinte harta site-ului si sa plasati legatura catre ea in bara principala de navigare din cadrul fiecarei pagini. Aceasta va permite vizitatorului sa se orienteze in interiorul site-ului, oricare ar fi pagina prin care a intrat in site. Harta va contine legaturi catre toate paginile, grupate conform modului de organizare al site-ului.

De asemenea, daca folositi o structura ierarhica, este utila prezenta unui instrument suplimentar care sa informeze vizitatorul asupra locului unde se afla in cadrul site-ului si a caii prin care a ajuns aici, in maniera urmatoare:

Home > Pagina de nivel unu > Pagina de nivel doi > Pagina curenta.

Informatiile despre site si pagina curenta

Fiecare pagina a site-ului trebuie sa contina indicatii privind scopul si obiectivele site-ului precum si obiectivele specifice acelei pagini. In faza de planificare ati colectat informatii privind publicul tinta, ati formulat scopul si obiectivele intregului site. Acestea reprezinta elementele fundamentale in jurul carora este construit site-ul . Fiecare pagina a sa are drept scop indeplinirea unuia dintre obiective. Aceste informatii trebuie comunicate in pagina respectiva. Vizitatorul nu trebuie fortat sa ghiceasca ce rol are o anumita pagina in cadrul site-ului.

Multe site-uri prezente pe web contin o pagina speciala cu informatii de contact precum si o pagina care contine informatii despre site si creatorii sai (pagina About). Totusi este recomandat ca aceste informatii sa fie incluse si in subsolul paginilor din interiorul site-ului. Este bine sa includeti aici informatii despre copyright, data ultimei reactualizari a paginii, despre organizatia sau compania careia ii este dedicat site-ul (daca este cazul) si informatii de contact (adresa de mail, numar de telefon, adresa postala).

Inapoi la articole

Sus