Lectia nr.

2 Aspecte generale ale proiectrii interfeelor Web Interfaa este modalitatea prin care vizitatorii sitului interacioneaz cu informaia de pe ecran. Proiectarea interfeelor Web presupune o mbinare a mai multor activiti: de studiu a obiectivelor, scopurilor aplicaiei i tipului de audien; de proiectare; de testare a aplicaiei; de evaluare; de publicare Stabilirea strategiilor de realizare a designului In funcie de natura informaiei care trebuie s ajung la utilizator, se pot alege mai multe modaliti de transmitere a acesteia: prin imagine; prin text; prin mesaje vocale sau video etc. La realizarea designului pot fi folosite programe de creare a paginilor Web sau editoare simple (exemplu: Notepad). Folosirea culorii i a graficii n Web Alegerea culorilor pentru site se face n funcie de tematica aplicaiei. Este recomandat pstrarea aceleiai scheme de culori pentru text, fundal, legturi, pe toate paginile prezentrii. Forma - un aspect important al proiectrii interfeelor Web cercul sugereaz senzaia de micare, fermitate, unitate, libertate, visare, melancolie triunghiul sugereaz senzaia de micare, putere, credin, religiozitate, vitez dreptunghiul sugereaz stabilitate, conformism, realism Atunci cnd se proiecteaza un site important este i fontul folosit. Exist mai multe familii de fonturi: monospaiat (preferate pentru text Courier), decorative (dac sunt folosite pentru corpul de text, dau senzaia de ncrcare), script (cursiv), erif (Times New Roman), sans erif (Arial). Mrimea caracterelor folosite n cadrul silului este foarte important. Diferitele mrimi ale caracterelor din pagin ofer informaii imediate asupra importanei i rolului seciunii respective (titlu, legtur etc). Proiectarea aplicaiei Organizarea informaiei presupune mprirea acesteia n categorii (capitole, uniti logice), construirea de relaii ntre nivelele silului i studierea cu atenie a rezultatului obinut. Prima pagin trebuie s ofere informaii clare despre ce va gsi acesta pe paginile urmtoare. Prima pagin nu trebuie s fie ncrcat cu text sau imagine, ns este bine sa atrag utilizatorii printr-un design bun. Urmtoarele pagini ale sitului conin n mod obligatoriu cteva elemente comune primei pagini, cum ar fi sigla unei instituii, metafora sub form de imagine sa text. Exist mai multe modaliti de organizare a seciunilor silului: ierarhic - presupune existena unei pagini de start, a unor pagini principale, a le unor pagini secundare secvenial - n care paginile se nlnuiesc ca i cnd ar fi componentele unei liste. Acest mod de organizare este bun pentru siturile de dimensiuni reduse,: informaia poate fi structurat n secvene care se deruleaz una dup alta. n reea - asemenea unei reele cu muchii (paginile sitului) i noduri (legturile dintre paginile sitului).

Lectia nr. 3 Organizarea informaiei utiliznd tehnicile generale de tehnoredactare computerizata Organizarea informaiei presupune cunoaterea unor tehnici generale de tehnoredactare computerizat referitoare la: formatarea textului la nivel de caracter, paragraf sau seciune, inserarea imaginilor, graficelor, diagramelor, culorile folosite. Cunoaterea unor tehnici generale de tehnoredactare computerizat este foarte important atunci cnd se realizeaza documente pentru Web. Un document este mult mai uor de parcurs dac este organizat pe capitole, subcapitole, paragrafe etc. O prim regul este aceea c uniformitatea nu atrage pe nimeni! O pagin care conine doar text nu prezint niciun interes. Nu se utilizeaza majuscule dect dac este necesar. Dimensiunea i tipul corpului de liter sunt dou aspecte importante. Literele trebuie s fie suficient de mari pentru ca textul s fie lizibil. Exist mai multe familii importante de corpuri de liter: erif- din care fac parte: Times New Roman. Garamond, Bodoni, Book Antiqua etc; sans-serif- din care fac parte: AriaL Verdana, Helvetica etc: fcmtasy (decorative) -dincare fac parte: StarDown. Crittcretc; monospace - din care fac parte: Courier, Prestige etc cursive - imit scrisul de mn: Caflisch, Adobe Poetica etc. Majoritatea siturilor de pe Web folosesc fonturi din familia sans-serif. Nu este recomandat folosirea sublinierilor n textul scris, dar mai ales n paginile Web ntruct acestea pot crea confuzie (pe Web, legturile sunt vizualizate n browser subliniate cu o linie). Indentarea diferit a paragrafelor face deosebire ntre diferite pri ale documentului. n locul indentrii pot fi folosite chenare, linii orizontale etc. Distanele dintre rndurile unui paragraf trebuie s fie aceleai. Folosirea listelor (ordonate sau neordonate) aduce un plus de claritate documentului. Pentru a crete credibilitatea documentului prezentat utilizatorului pe Web sau n form tiprit, este bine s existe o bibliografie, explicaii sub form de comentarii sau note de subsol pentru diferite noiuni, nume de personaliti, fenomene etc. Imaginea trebuie s completeze textul, altfel poate crea confuzie i dificulti n recepionarea mesajului transmis de o anumit seciune dintr-un document. Fotografiile (imaginile) trebuie s se integreze n designul general al paginii n care sunt plasate. Dac se utilizeaza imagini pentru Background, trebuie s fie prelucrate astfel nct textul din seciunea respectiv s fie lizibil.