Etapele dezvoltarii unui sit web

Etapele dezvoltarii unui sit web

Proiectarea unui sit Web reprezinta un caz particular de proiectare a unei interfete cu utilizatorul. Grija deosebita acordata proiectarii interfetei cu utilizatorul, indiferent de tipul aplicatiei software dezvoltate, se datoreaza faptului ca utilizatorul final percepe complexitatea si utilitatea aplicatiei exclusiv prin intermediul interfetelor. Realizarea unei interfete deplin functionale, ergonomice, productive si agreabile este o activitate complexa si dificila, care necesita combinarea mai multor tehnologii si conlucrarea unor echipe diverse de profesionisti (graficieni, programatori, experti in relatii cu publicul si chiar utilizatorul final).

Procesul dezvoltarii unei interfete constituie un proces iterativ, compus din mai multe faze, fiecare dintre acestea putandu-se repeta in vederea rafinarii interfetei pana cand aceasta se conformeaza cerintelor. Este un proces care, in literatura de specialitate, se numeste ciclul de viata al aplicatiei - software life cycle.

Procesul dezvoltarii interfetei poate cuprinde (vezi [2]) urmatoarele etape:

• Identificarea si intelegerea nevoilor utilizatorilor finali;
• Analiza activitatilor si a contextului interactiunilor dintre om si masina;
• Prototipizarea interfetei;
• Evaluarea interfetei;
• Programarea interfetei;
• Reiterarea etapelor precedente.

1. Stabilirea scopului site-ului

Pentru a putea identifica nevoile utilizatorilor este nevoie, in primul rand, de stabilirea cu precizie a scopului sitului web. Este necesar sa stabilim de la bun inceput un set de obiective ce vor fi atinse prin dezvoltarea sitului, formuland apoi, intr-o fraza clara si coerenta, scopul sitului pe care il dezvoltam.

Scopul identificat trebuie sa contina elemente ce denota eficientizarea activitatii organizatiei sau firmei pentru care dezvoltam aplicatia. Scopul trebuie enuntat astfel incat succesul respectivului sit sa poata fi evaluat si cuantificat in termeni calitativi si cantitativi.

Un prim pas in stabilirea scopului sitului poate fi facut printr-o buna cunoastere a tipului de vizitator caruia ne adresam, adica a audientei sitului. Structurarea sitului si stabilirea designului acestuia se face in concordanta cu nevoile si asteptarile potentialilor vizitatori. Nu trebuie sa pierdem din vedere si gradul de instruire in domeniul IT al vizitatorilor, astfel incat sa putem furniza o interfata utilizabila in egala masura atat de catre novici cat si de catre utilizatorii experimentati. Din punct de vedere al experentei si interesului manifestat de vizitatori, putem identifica trei categorii de utilizatori (vezi [2]):

• Utilizatorii novici si cei ocazionali. Acesti utilizatori vor fi atrasi de structura clara a sitului si de navigarea facila in cadrul structurii informationale furnizate. Pagina de primire trebuie sa fie organizata judicios, sa aiba un design atractiv si sa ofere de la prima privire o imagine generala privind informatia ce poate fi gasita aici. Studii efectuate de specialisti releva faptul ca mai putin de 10% din cititorii unei pagini Web deruleaza documentul pentru a vedea partea inferioara a paginii.
• Utilizatorii frecventi si expertii. Aceasta categorie de utilizatori apreciaza, in primul rand, accesul rapid si acuratetea informatiilor obtinute. Utilizatorii experti nu au rabdare sa utilizeze meniuri grefice complicate, care se incarca relativ greu; sunt apreciate meniurile text, care permit accesul rapid la informatia dorita.
• Utililizatorii internationali si utilizatorii cu dizabilitati. Daca situl nostru se adreseaza unei largi categorii de vizitatori, care ar putea cuprinde si utilizatori din alte tari, atunci trebuie sa furnizam in cadrul interfetei facilitati pentru acestia: traduceri in limbile de larga circulatie internationala  pentru informatiile cele mai importante, atentie sporita la conventile locale privitoare la data, timp si unitati de masura.

Pentru utilizatorii cu dizabilitati (persoane nevazatoare, hipoacuzici, e.t.c) trebuie sa furnizam facilitati de accesibilizare a sitului, cum ar fi: posiibilitatea schimbari dimensiunii fontului, atasarea de texte explicative elementelor grafice, realizarea de scurtaturi pentru accesul la elementele importante, variante text only pentru paginile principale e.t.c.

2. Stabilirea cerintelor

Proiectarea sitului nu poate fi realizata fara un dialog eficient intre echipa de dezvoltatori si beneficiarul proiectului. Cerintele vor fi discutate in amanuntime cu beneficiarul, ajungandu-se la un acord in privinta unor aspecte generale si/sau particulare ale sitului respectiv. In general, cerintele pot fi impartite in trei categorii:

• Cerinte absolut necesare, care sunt obligatoriu de implementat. Aceste cerinte se refera la functionalitatile indispensabile pentru acel sit.
• Cerinte optionale. Aceasta categorie cuprinde cerintele care vor fi incluse dupa prima evaluare a sitului, realizata dupa implementarea facilitatilor de baza. Oportunitatea implementarii cerintelor optionale va fi stabilita dupa aceasta prima evaluare, pe criterii de functionalitate, necesitate si dupa criterii economice.
• Cerinte ce pot fi/vor fi implementate ulterior. Aceasta categorie  cuprinde cerintele ce vor fi implementate, cel mai probabil, intr-o versiune ulterioara a apolicatiei, mai ales daca necesitatea acestora va fi probata in practica, dupa lansarea sitului.

Echipa de dezvoltatori ti beneficiarul pot decide, printre altele, in privinta urmatoarelor cerinte:

• Platforma tinta - echipamentele hardware, sistemul de operare, serverul/clientul -Web;
• Limbajele de programare autilizate si sistemul de gestiune a bazelor de date folosit, daca este cazul;
• Nivelul programarii Web: la nivel de client, la nivel de server sau mixt;
• Cerintele de securitate, vizand categoriile de utilizatori si nivelele drepturilor de acces la aplicatie;
• Designul general;
• Audienta si specificul continutului;
• Frecventa de actualizare a continutului;
• Cerinte speciale privind utilizatorii internationali si a celor cu dizabilitati;
• Cerinte privitoare la administrarea ulterioara a sitului;

3. Aspecte generale ale proiectarii interfetei Web

Interactiunea dintre vizitator si interfata Web se realizeaza mult diferit fata de interactiunea dintre cititor si clasicul material tiparit. Interfata grafica a unui sistem software include metafore de interactiune, imagini si concepte utilizate pentru a exprima functionalitate si semantica intr-un mod vizual.

Caracteristicile componentelor interfetei si interactiunea acestora cu vizitatorul contribuie la crearea unei identitati proprii a sitului, a unei unitati in aspect, design si functionalitate.

In continuare vom prezenta acele aspecte de care proiectantul interfetei Web trebuie sa tina cont.

Tipul designului

Conceptele de baza ale publicatiilor Web, atat in ceea ce priveste ierarhizarea informatiei cat si a aspectului general, sunt preluate din modul de organizare a tipariturilor clasice, cuprinse in ghidurile de tehnoredactare computerizata.

Chiar daca designul documentului Web evolueaza, prin inglobarea diverselor tipuri de medii purtatoare de informatie(imagine, video, aplicatii Java), majoritatea documentelor se vor conforma organizarii clasice ale unei tiparituri: ierarhizarea informatiei in capitole, subcapitole si sectiuni, indexarea, notele de subsol, cuprinsul, trimiterile bibliografice.

Designerul Web va trebui sa ia o decizie in privinta designului general folosit, dar majoritatea acestora opteaza pentru o varianta mixta, combinand metafora cartii tiparite cu tehnologiile multimedia.

Cine, ce, cand, unde

In capitolul 1 si 2 al lucrarii am prezentat pe larg elementele de baza privind crearea documentelor Web, folosind tehnilogiile HTML, PHP si MySQL, dar exista elemente legate de stilul si functionalitatea unui sit, care nu pot fi exprimate in termeni de etichete si instructiuni.

Spatiul WWW este atat de vast incat un vizitator se poate "pierde" usor atat in spatiu cat si in timp. Este foarte important, mai ales pentru credibilitatea informatiei furnizate de sit, sa precizam fara echivoc natura informatiilor oferite (ce ?), sursa informatiilor (cine ?), data cand am postat informatia (cand ?) si locatizarea spatiala a documentului (unde ?).

Designul de baza al site-ului

Procesul de proiectare al interfetei Web trebuie sa aiba ca punct central utilizatorul, cu nevoile si asteptarile sale. Proiectantul trebuie sa adapteze tehnologiile Web utilizate la asteptarile utilizatorilor, la gradul lor de instruire. Informatiile privitoare la asteptarile utilizatorilor potentiali se pot stabili fie prin sondaje, fie prin construirea apriori a unui tip de utilizator generic, realizand o estimare.

Designul de baza al sitului va fi stabilit in functie de urmatoarele aspecte:

• Navigarea prin sit
• Contextul
• Accesul direct si rapid
• Asigurarea simplitatii sa consistentei
• Stabilitatea designului
• Asigurarea accesibilitatii
• Contactul cu utilizatorii

Un design bine conceput va furniza utilizatorilor posibilitatea navigarii rapide in structura de documente a sitului. Utilizatorii trebuie sa se poata intoarce intotdeauna la pagina de start si la oricare din punctele importante de navigare. Cuprinsul, meniurile bine structurate si hartile ce descriu structura sitului dau utilizatorului siguranta ca stiu unde se afla in structura hipertext. Elementele de navigare trebuie sa aiba o zona fixa in cadrul oricarei pagini a sitului, sa aiba aceeasi structura si aspect identic.

Orice interfata Web trebuie sa tina cont de context, astfel incat utilizatorul sa fie constient de pozitia sa in cadrul structurii informationale a sitului. Accesand o hiperlegatura, vizitatorul nu poate fi niciodata sigur ca destinatia catre care este condus este cea asteptata sau ca va gasi o informatie cu acelasi grad de relevanta cu informatia sursa a legaturii. Pentru a realiza un context consistent, proiectantul sitului Web trebuie sa ierarhizeze informatia in functie de relevanta acesteia: structura liniara pentru informatia cu acelasi grad de relevanta, hiperlegaturi catre informatiile subordonate, catre cuprins, glosare de termeni sau indexuri de notiuni. Utilizatorul va trebui sa aiba permanent la dispozitie elementele de navigare care sa-i permita parcurgerea materialului in ordinea prestabilita.

Accesul direct si rapid la informatie este un aspect de care trebuie sa tinem cont pentru a atrage utilizatorii experti si utilizatorii care sa devina vizitatori frecventi. Pe langa proiectarea atenta a meniurilor si listelor de optiuni, va trebui sa tinem cont si de viteza de incarcare a paginilor sitului, realizand un compromis intre paginile cu elemente multimedia si cele cu informatii de tip text. Alegerea se va face si in functie de calitatile serverului ce va gazdui situl Web: daca situl se afla pe un server rapid sau este accesat preponderent din reteaua locala a organizatiei, se va putea opta pentru elemente multimedia consistente.

Designul ales trebuie sa fie simplu dar consistent, elementele de interactiune cu utilizatorul fiind putine, alese potrivit cu scopul acestora si utilizate consecvent, in toate paginile sitului. O interfata consistenta este aceea care determina crearea unui traseu mental vizitatorului. Un set de reguli aplicate consecvent in toate paginile sitului dau caracterul de stabilitate interfetei proiectate. Stabilitatea functionala a sitului trebuie sa fie o preocupare constanta inca din etapa de proiectare, iar pe masura ce implementarea avanseaza se vor face verificari asupra validitatii legaturilor si asupra continutului paginilor indicate de legaturi. Stabilitatea unui sit se manifesta si prin mentinerea unei bune functionari de-a lungul existentei sale.

Accesibilitatea sitului se refera la capacitatea acestuia de a oferi servicii de calitate unei game largi de utilizatori. De exemplu, nu toti vizitatorii vor putea beneficia de bogatia multimedia oferita de sit, fie pentru ca nu le permite conexiunea Internet, fie pentru ca au dizabilitati (nevazatori, eficienti de auz). Proiectantul trebuie sa gandeasca interfata astfel incat si aceste categorii de utilizatori sa aiba acces la informatie.

Contactul cu utilizatorul trebuie sa fie permanent, pentru a putea cunoaste dorintele si trebuintele acestora. La nivel minimal, interfata sitului trebuie sa contina, in fiecare pagina, o legatura catre pagina ce contine datele de contact ale organizatiei ce detine situl si ale persoanei/departamentului care il administreaza. Multe situri permit utilizatorului sa insereze comentarii si recomandari privind serviciile oferite de situl respectiv, eventual se realizeaza periodic, prin intermediul unui formular online, sondaje de opinie.

4. Concluzii

Etapa ce urmeaza proiectarii si evaluarii interfetei este cea de implementare a interfetei utilizand limbajele stabilite in etapa de analiza a cerintelor. Etapa de testare a interfetei poate determina reiterearea intregului proces de proiectare in vederea eliminarii erorilor si a extinderii aplicatiei cu noi functionalitati.

Numarul interatiilor procesului de dezvoltare este dependent atat de calitatea proiectarii si implementarii, cat si de calitatea comunicarii dintre executant si beneficiar si, bineinteles, de bugetul alocat proiectului.