v2f22fi
Chiar daca materialele proiectate pentru Internet includ imagini, sunet sau chiar
scurte filme, textul va continua sa joace rolul major, dupa cum vom vedea si in
lectia 6 - "Design pentru Web".
Aplicarea in design a catorva principii de organizare a textului va
conduce la orientarea mai usoara in pagina, la structurarea mentala usoara
a continutului. Se vor crea astfel conditii pentru a spori capacitatea vizitatorului
de a manipula si retine informatia transmisa.
Majoritatea principiilor de structurare a continutului paginilor Web se bazeaza
pe regulile gestaltiste de organizare perceptiva. Foarte pe scurt, aceste principii
de organizare vizuala, de care trebuie sa se tina cont in proiectare,
sunt urmatoarele:
Claritate si eleganta
O atentie corespunzatoare acordata esteticii continutului, prezentarea sa intr-o
forma accesibila cititorului - sunt obiectivele majore care confera textului
atributele unei componente eficiente a proiectarii paginilor pentru Internet.
Un aspect elegant si un aranjament ordonat si logic arata consideratie pentru
vizitatorii sitului.
Predictabilitate si regularitate
O data stabilita, structura de prezentare a materialului trebuie sa ramana
constanta de la o pagina din site la alta. In cazul cand apar variatii
de structura, modificarile se vor justifica prin necesitati de tip functional,
dar nu vor fi facute schimbari de dragul schimbarilor, chiar daca vor tinti
catre un design mai performant.
Standardizare si consistenta in folosirea unui stil
Acest principiu se refera la producerea unui aranjament care sa permita focalizarea
rapida si fara ezitari pe elementele importante. Acesta va fi pastrat identic
pentru toate secventele unei prezentari.
Orientare facila in continut
Meniul, prezent in fiecare pagina, va permite accesul direct sau foarte
rapid la sectiunile majore din site.
Textul principal de prezentare (sinteza continutului unei pagini) se recomanda
sa fie relativ scurt, pe cat posibil sa incapa intr-un singur
ecran (fara derulare). Prin incarcarea rapida a informatiei relevante,
utilizatorul va putea decide daca doreste sa citeasca, sa revada sau sa abandoneze
pagina curenta.
Intr-o serie mai lunga de ecrane pana la informatia de continut,
este binevenita o modalitate de indicare a pozitiei actuale in structura
materialului - un "fir al Ariadnei":
Pe situl 1educat.ro, pagina in care sunt prezentati furnizorii de solutii
de elearning are in antet tot sirul de pagini, incepand cu
indexul, care ajuta vizitatorul sa se orienteze in site:
1educat.ro > resurse > eLearning > furnizori de solutii
Unitate si simplitate
Autorii de continuturi si designerii materialelor pentru web au tendinta sa
includa prea multe detalii. Este indicat ca o pagina sa contina ideile principale
si linkuri de acces de tip "pentru mai multe informatii".
Cateva cercetari care au analizat comparativ textele 'dense' si cele continand
doar ideile principale (prin eliminarea a 40% din continutul primelor) au ajuns
la concluzia ca nivelul de retinere a informatiilor ramane acelasi, in
timp ce durata unei sesiuni de navigare se scurteaza semnificativ in cazul
textelor 'prelucrate'.
Pozitionarea in ordinea importantei
Informatiile vor fi pozitionate in pagina in ordinea importantei
si relevantei lor, locul privilegiat fiind in stanga, sus (pentru
indivizii din culturile europeana, americana - care sunt obisnuiti sa parcurga
vizual materialele intr-o forma de Z).
Gruparea elementelor dupa semnificatie
Acest principiu include cateva sugestii de 'topografia' paginii. Elementele
subsumate aceleiasi idei trebuie sa fie demarcate de alte elemente sau grupuri
de elemente prin folosirea spatiilor libere, casetelor cu cadru, culorilor diferite
si altor modalitati de grupare-etichetare.
Constanta pozitiei acestor grupuri de elemente in contextul vizual faciliteaza
distingerea lor.
Includerea listelor si tabelelor pentru structurarea continutului
Un tabel poate rezuma informatii complexe intr-o maniera ce favorizeaza
intelegerea.
Sugestiile de aranjare a listelor sunt utile pentru un aranjament vizual eficient:
• folosirea 'bulinelor' de marcare a fiecarui item sau numerotarii identate
• aranjarea listelor se va face vertical
• alinierea va fi la stanga
Spatiere
Este indicat ca textul propriu-zis sa ocupe intre 25 si 50% din spatiul
total al paginii.
Evidentierea unitatilor de text prin folosirea atributelor: text subliniat,
ingrosat sau caractere aldine. O culoare diferita scoate in evidenta
anumite informatii considerate importante. Spatierea dintre linii va tine cont
de marimea corpului de litera.
Echilibru si simetrie
Textul trebuie distribuit echilibrat in pagina si ponderat prin includerea
de grafice si imagini. Avalansa de informatii brute, neprelucrate din punct
de vedere vizual, este contraindicata, conducand la dezorientarea vizitatorilor.
1. Incearca sa constientizezi propriul comportament in navigarea
pe Web. Atunci cand abandonezi o pagina web, incearca sa determini
motivul: informatia nestructurata si dificil de parcurs, designul inadecvat,
dezamagirea la contactul cu informatia.
Multe situri anunta un tip de informatie, pentru a atrage vizitatorii, si abia
dupa ce ai deschis zece pagini din site, iti dai seama ca nu este nici
pe departe ceea ce cauti. Iti poti inchipui ce efecte au aceste
tehnici, pe termen mediu si lung. Probabil ai deja o lista de situri pe care
stii ca nu are sens sa le vizitezi...
2. In cadrul Seminarului Online, da exemple de situri bine realizate,
care tin cont de principiile de organizare vizuala pe care le-ai invatat
in aceasta lectie.
3. Justifica propozitia: "siturile bune sunt siturile vizitate"!
4. Observa un site. In Internet Explorer, alegeti un site (propun www.1educat.ro).
Faceti click pe suprafata alba din stanga sau dreapta. Apoi tineti apasat si
faceti drag cu mouse-ul, incet, inainte si inapoi, stanga si dreapta, pentru
a observa care sunt imagini, pana unde se intind si cum se imbina pentru a crea
aspectul general. Comunica observatiile in Seminarul Online.
