Cum e bine sa arate designul unui site?

Un site este foarte bine sa aiba un design curat si aerisit. Un astfel de design ajuta vizitatorii sa navigheze usor prin site. Vizitatorilor le va fi de asemenea usor sa inteleaga structurarea informatiei pe site-ul tau.

Cum e bine sa plasezi informatiile pe site? In trecut, analiza designului site-urilor a aratat ca multe site-uri sunt “scanate” rapid cu privirea pe diagonala: vizitatorii se uita in coltul din stanga-sus al unei pagini, ajung in centrul imaginii cu privirea, si coboara pana in dreapta-jos (vedeti un articol pe tema asta). Insa studii recente au arata ca privirea e directionata in mod diferit: sub forma literei F. Vedeti un studiu din 2006 de pe site-ul Jakob Nielsen’s F-Shaped Pattern For Reading Web Content. Ochiul urmeaza o traiectorie orizonatala lunga, apoi inca o traiectorie mai scurta. Asadar, e bine sa pui lucrurile cele mai importante in headerul site-ului si lucrurile putin importante in footer.

Ce elemente poti pune in header? E foarte potrivit ca in partea din stanga-sus sa pui logo-ul companiei. In partea de sus a site-ului (pe orizontala) si in partea din stanga (pe verticala) poti pune meniul (sau, daca e cazul, si un meniu secundar al site-ului). Continutul poate sta foarte bine in partea centrala a site-ului.

Ce poti retine? Nu sunt reguli stricte de design. Sunt reguli de folosire a site-ului (uzabilitate), si sunt principii de web design. Insa exista destula flexibilitate in crearea unui site si te poti astepta ca site-ul tau sa fie diferit, daca asta iti doresti.

In incheiere, iti aratam cum arata, in opinia noastra un site cu design foarte inspirat - site-ul AquaSpecialist.eu:

Designul unui web site realizat de Webvertise

Designul unui web site realizat de Webvertise

Daca ai intrebari despre designul site-ului, asteptam sa lasi un comentariu. Vom incerca sa iti raspundem cat mai bine.

Tags: , , , , , , , , , , , , , , , , , , , ,

Comenteaza pe blogul nostru!

XHTML:Poti folosi aceste tag-uri: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:) :( :d :"> :(( \:d/ :x 8-| /:) :o :-? :-" :-w ;) [-( :)>- more »