Posted on 16 November 2007 by Mihai Moscovici
Web-design: schimbare spre imbunatatire

Sunt sigur ca unii din cititorii blogului meu au obosit deja sa tot vada schimbari de layout. Daca nu ma gresesc, in acest an am schimbat design-ul blogului de vreo 4-5 ori. Imi cer iertare pentru incomoditatile pricinuite, insa pentru viabilitatea blogului am nevoie de un “refresh” periodic.
Daca tot veni vorba de web-design, zilele trecute am dat peste un studiu foarte interesant care a fost menit sa studieze miscarile ochiului in timpul navigarii pe Internet. Pentru mine, unele din concluziile studiului sunt pe de-a dreptul neasteptate, insa dupa o analiza scurta pot sa imi dau seama de veridicitatea lor.
Iata o lista de sugestii pentru imbunatatirea designului unei pagini web:
1. Textul atrage atentia inaintea imaginilor.
2. Prima privire a ochiului se indreapta spre partea stanga-sus a paginii.
3. Cititorii ignora bannerele - chiar daca publicitatea este un element important in pagina ta, totusi nu atrage atentie destula.
4. Formatarea si fonturile neobisnuite de regula sunt ignorate - vizitatorul le identifica ca reclama, iar reclama este ignorata.
5. Scrie numerele prin numerale (nu patru, dar 4).
6. Dimensiunea fontului influenteaza comportamentul vizitatorului - fontul mic motiveaza atentie sporita, fontul mare incurajeaa scanarea rapida a textului.
7. Userii intotdeauna citesc titlul, iar continutul - numai daca prezinta interes.
8. Partea de jos a paginii este de regula scanata in fuga.
9. Paragrafele scurte atrag mai multa atentie decat cele lungi.
10. Plasarea textului intr-o coloana va atrage mai multa atentie decat textul plasat in mai multe coloane.
11. Publicitatea din partea stanga si din partea de sus a pagini atrag atentia.
12. Publicitatea plasata langa cel mai bun “content” va atrage mai multa atentie.
13. Publicitatea in forma de text atrage mai multa atentie + clicks.
14. Imaginile mari atrag mai multa atentie.
15. Vizitatoriipetrec mult timp analizand butoanele si meniurile din pagina.
16. Listele retin atentia vizitatorilor pentru mai mult timp.
17. Blocurile cu mult text sunt de regula evitate.
18. Formatarea textului (bold, underline, italic) retine atentia vizitatorilor asupra textului.
19. Spatiile “albe” sunt binevenite - este bine sa lasi spatiu liber in pagina. Prea mult content oboseste atentia vizitatorului.
20. Meniul de navigare este cel mai eficient atunci cand este plasat in partea de sus a paginii.





November 16th, 2007 at 11:30 pm
Multumesc de articol, mi-a placut
Vezi ca este o greseala la pct. 7, si la butonul care arata citi abonati ai de la feeburner
November 16th, 2007 at 11:47 pm
Pavel, butonul Feeburner este tema pentru unul din posturile urmatoare. Chiar ma intrebam daca il va observa cineva
P.S. Am corectat greseala de la 7.
November 17th, 2007 at 12:26 pm
Nu prea inteleg de ce ai pus un buton care arata cati abonati are alt canal de rss ??
sursa lui este de la http://feeds.feedburner.com/~fc/NetBusinessBlog
November 17th, 2007 at 12:30 pm
E doar un experiment… care deja pare a fi destul de reusit. Revin cu explicatiile mai tarziu.
November 17th, 2007 at 10:45 pm
Interesant post, dar nu prea “fresh” pentru mine
Designul nou îmi place
I thing I’ve seen this header already… is it template?
Also I like this little smile in the footer’s left corner
November 17th, 2007 at 11:57 pm
Alex, sigur ca multe din aceste sfaturi sunt deja cunoscute, insa unele chestii ca “textul atrage atentia inaintea imaginilor” mi s-au parut interesante. Cel putin, eu credeam altfel.
WP templates are great
November 18th, 2007 at 7:44 pm
[…] Mihai, sorry dacă ţi-am descoperit secretul, sau poate eu am înţeles ceva greşit? Tags: […]