In acest articol voi vorbi despre greselile uzuale pe care le fac designerii web, fara a atinge insa problema folosirii stilurilor CSS in locul tabelelor, problema pe care o voi dezbate in urmatorul articol.
Am putea face chiar un top 10 al celor mai frecvente greseli, fara a da insa exemple sau a aminti firme de web design de renume care fac subiectul acestui articol.

1. Crearea de pagini web aglomerate.

O pagina web trebuie sa ofere un balans intre spatiul ocupat de informatii (text, imagini, meniuri) si spatiul alb sau spatiul negativ (fundal, distantele dintre paragrafe si alte elemente ale paginii, locurile goale). O pagina web trebuie sa arate aerisit, usor de parcurs cu vederea, simpla. Vizitatorul trebuie sa poata citi printre randuri si sa gaseasca usor informatiile care il intereseaza. Solutia pentru a evita aceasta greseala este sa folositi “padding” si “margin” cand creati stilul paginii, pentru a spatia coloanele, paragrafele, imaginile de text, etc.
Se pare insa ca tendinta in web design-ul romanesc este exact inversa: paginile sunt aglomerate, textul este inghesuit in imagini pentru a face loc publicitatii online. Sunt greu de parcurs, obositoare si lungi.

2. Informatiile sunt greu de gasit in pagina web.

Aceasta este o greseala frecvent intalnita pe multe pagini. Vizitatorul intra pe un site cu un scop: sa se informeze. Daca in primele secunde dupa intrarea pe site el nu va gasi informatiile promise (prin titlu, prin URL, prin descrierea din pagina care face referinta la site-ul respectiv) va parasi site-ul. Simplu.
Elementele importante ale unei pagini web trebuiesc scoase in evidenta. Portiunile din text care ofera esenta informatiilor trebuiesc de asemenea scoase in evidenta.

3. Linkurile sunt greu de gasit in pagina web.

Linkurile sunt cele mai importante elemente ale unei pagini din punctul de vedere al unui vizitator. Daca acestea nu pot fi gasite usor, vizitatorul poate renunta la navigarea pe site-ul respectiv. Exista doua principii de care trebuie sa tinem cont atunci cand realizam o pagina web:

• linkurile trebuiesc deosebite de restul textului prin folosirea unei alte culori sau a sublinierii;
• trebuie evitat ca textul care nu este link sa arate ca un link (aceeasi culoare sau subliniere), altfel vizitatorul se va simti pacalit.

4. Folosirea unui format de imagine incorect.

Formatele standard pentru imagini folosite pe site-urile web sunt JPEG, PNG sau GIF. Folosirea altor formate pot duce la incarcari grele ale paginii web. Exista insa si exemple de pagini care desi folosesc aceste formate corecte, timpii de incarcare sunt foarte mari pentru imagini. Problemele sunt diverse, insa cele mai comune sunt imaginile nepregatite web (redimensionate si salvate pentru web) sau folosirea de imagini de dimensiuni improprii ca fundal pentru elementele paginii (problema ce arata lipsa de experienta a designerului in tehnicile de slicing / feliere).

5. Titlul paginii este lasat cel implicit.

In Dreamweaver titlul implicit al unei pagini este “Untitled Document“. Omiterea schimbarii titlului este o greseala de neiertat chiar si pentru cel mai neexperimentat web designer. Credeti ca nu exista designeri care sa faca aceasta greseala? Dati o cautare pe Google dupa cuvantul cheie “Untitled Document” si veti ramane surprinsi sa gasiti aproape 30 de milioane de rezultate.

6. Meniu greu de folosit sau de gasit.

Exista o tendinta in web design de a ascunde meniul in elemente grafice din pagina sau in elemente din cadrul unei imagini. Desi aceasta tendinta este interesanta din punct de vedere artistic, din punct de vedere functional nu este potrivita.
Meniul trebuie sa fie usor accesibil vizitatorului, singura optiune care se accepta la un numar mare de pagini fiind meniurile de tip “drop-down”.

7. Textul are marimea fixa.

Vizitatorul ar trebui sa poata redimensiona textul dupa cum doreste. Definirea textului ca marime in pixeli va pastra dimensiunea acestuia fixa. Solutia ar fi ca definirea sa se faca utilizand atributul EM.

8. Scopul site-ului nu este clar

In primele secunde dupa incarcarea paginii web vizitatorul trebuie sa isi dea seama despre ce este vorba in pagina pe care a ajuns. Acest lucru poate fi obtinut prin folosirea unor titluri si subtitluri sugestive pentru paragrafe. Exista insa destule pagini web pentru care trebuie sa pierzi timp ca vizitator doar pentru a afla despre ce sunt acestea.

9. Folosirea unor culori stringente

Culorile stringente, sau combinatiile de culori nepotrivite pot obosi ochiul uman, sau pot distrage atentia de la informatiile cu valoare din pagina web. Doua lucruri importante trebuie avute in vedere la alegerea setului de culori pentru site: combinatia trebuie sa fie placuta ochiului si sa nu utilizeze mai mult de 3 culori de baza (restul fiind doar nuante ale acestora).

10. Integrarea reclamelor in continutul paginii

Reclamele si publicitatea online trebuie mentinute separat de continutul informativ al paginii. Vizitatorul trebuie sa isi dea seama usor care sunt banerele sau zonele cu publicitate online, si care sunt imaginile sau linkurile care fac parte din continutul paginii. Amestecarea reclamelor cu continutul va deruta vizitatorul si il va face sa paraseasca site-ul.

Acestea ar fi principalele greseli facute de web designeri. Exista insa si cazuri speciale, exceptii, si acestea nu pot fi considerate greseli. Spre exemplu, site-urile de fotografie pot incarca imagini in format TIFF sau BMP din diverse motive: exemple, teste, etc. Bineinteles ca nu putem considera ca designerul a facut o greseala ce trebuie corectata.

Astept parerile voastre! Am omis ceva?

Recomanda articolul pe: