HTML prin exemple Lectia 4 Principii de organizare vizuala

HTML prin exemple
Lectia 4
Principii de organizare vizuala

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 în lectia 6 - "Design pentru Web".

Aplicarea în design a câtorva principii de organizare a textului va conduce la orientarea mai usoara în 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 regul 21521l116v ile gestaltiste de organizare perceptiva. Foarte pe scurt, aceste principii de organizare vizuala, de care trebuie sa se tina cont în proiectare, sunt urmatoarele:

Claritate si eleganta

O atentie corespunzatoare acordata esteticii continutului, prezentarea sa într-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 ramâna constanta de la o pagina din site la alta. În cazul când 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 în 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 în continut

Meniul, prezent în 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 cât posibil sa încapa într-un singur ecran (fara derulare). Prin încarcarea rapida a informatiei relevante, utilizatorul va putea decide daca doreste sa citeasca, sa revada sau sa abandoneze pagina curenta.
Într-o serie mai lunga de ecrane pâna la informatia de continut, este binevenita o modalitate de indicare a pozitiei actuale în structura materialului - un "fir al Ariadnei":

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".
Câteva cercetari care au analizat comparativ textele 'dense' si cele continând doar ideile principale (prin eliminarea a 40% din continutul primelor) au ajuns la concluzia ca nivelul de retinere a informatiilor ramâne acelasi, în timp ce durata unei sesiuni de navigare se scurteaza semnificativ în cazul textelor 'prelucrate'.

Pozitionarea în ordinea importantei

Informatiile vor fi pozitionate în pagina în ordinea importantei si relevantei lor, locul privilegiat fiind în stânga, sus (pentru indivizii din culturile europeana, americana - care sunt obisnuiti sa parcurga vizual materialele într-o forma de Z).

Gruparea elementelor dupa semnificatie

Acest principiu include câteva 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 în contextul vizual faciliteaza distingerea lor.

Includerea listelor si tabelelor pentru structurarea continutului

Un tabel poate rezuma informatii complexe într-o maniera ce favorizeaza întelegerea.
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 stânga

Spatiere

Este indicat ca textul propriu-zis sa ocupe între 25 si 50% din spatiul total al paginii.
Evidentierea unitatilor de text prin folosirea atributelor: text subliniat, îngrosat sau caractere aldine. O culoare diferita scoate în evidenta anumite informatii considerate importante. Spatierea dintre linii va tine cont de marimea corpului de litera.

Echilibru si simetrie

Textul trebuie distribuit echilibrat în pagina si ponderat prin includerea de grafice si imagini. Avalansa de informatii brute, neprelucrate din punct de vedere vizual, este contraindicata, conducând la dezorientarea vizitatorilor.