1) Karakteristike web dizajna

Vizualno atraktivna web stranica privlači posjetitelje, a taj vizualni element je zasigurno prvo iskustvo i stvar koje će posjetitelji primjetiti kada posjete vašu web stranicu. Ukoliko je stranica lijepo, skladno i funkcionalno oblikovana posjetitelj će se osjećati ugodno i nastavit će istraživanje i korištenje web stranice. Isto tako, ukoliko stranica nije ostavila pozitivan prvi dojam, posjetitelj će otići na neku drugu stranicu i tamo tražiti željene informacije.

Što je web dizajn?

Web dizajn je proces izrade i razvoja web sjedišta (web site) koji uključuje osmišljavanje, koncept, izradu i održavanje istog. Web dizajn treba utjeloviti, prenositi i promovirati ukupne ciljeve web sjedišta kao i naglašavati funkcionalnost istog.

Funkcije dobrog web dizajna:

1. dizajn web stranice (web page) treba biti privlačan i atraktivan istodobno omogućavajući korisnicima percepciju odnosno korištenje sadržaja. Dizajn treba biti spona između korisnika i informacija na stranici.
2. omogućiti korisnicima prepoznavanje svake stranice kao dio jedne cjeline (web sjedišta)
3. omogućiti korisnicima jednostavno i intuitivno korištenje navigacije web stranice
4. konačno, web dizajn treba maksimalno iskoristiti načela i principe web upotrebljivosti i vizualnog dizajna

Osnovni principi/načela dobrog web dizajna

1. poravnanje elemenata na stranici (alignment) – grid
   odnosi se na poravnavanje gornjih, donjih, bočnih ili centralnih dijelova svih grafičkih i/ili tekstualnih elemenata na stranici; poravnavanje lijevih rubova elemenata npr. naslova, podnaslova i tekstova na stranici doprinosi boljoj percepciji povezanosti elemenata i preglednijoj i čitljivijoj vizualnoj strukturi stranice
2. ravnoteža elemenata (balance) – simetričan i asimetričan
   svaki element na stranici ima svoju „težinu“, npr. veličina naslova, intenzitet boje slova ili pozicija grafičkih objekata na stranici može stvoriti određenu ravnotežu
3. jedinstvenost elemenata (unity)
   različiti elementi kompozicije su u međusobnoj interakciji
4. kontrast (contrast)
   je nizanje ili postavljanje različitih grafičkih ili tekstualnih elemenata koji se koristi za naglašavanje stvari na web stranici; npr. serifni fontovi kao što su - Times New Roman ili Garamound za naslove i sans-serifni fontovi – Arial ili Verdana za sadržaje
5. konzistentnost elemenata (consistency)
   omogućava percepciju pripadnosti elemenata web stranici i vizualne stabilnosti i identiteta cijelog web sjedišta; npr. navigacija (menu) se uvijek treba nalaziti na istom mjestu na svakoj web stranici (npr. pri vrhu stranice ili u lijevom stupcu)

2) Osnovni elementi web stranice

Web stranica je elektronički sinonim ili ekvivalent klasičnom papiru, a obično sadrži slijedeće elemente (slika 1.):

1. „kontejner“ (container)
   - zamislimo ga kao okvir za sliku koji drži sadržaj te slike odnosno samu ilustraciju ili fotografiju; znači kontejner služi za „uokviravanje“ sadržaja stranice i svih ostalih grafičkih ili multimedijalnih elemenata. Širina „kontejnera“ može biti fiksna – stranica je uvijek iste širine bez obzira na rezoluciju ili veličinu monitora ili tekuća (prilagodljiva) - stranica se automatski širi ovisno o širini prozora web preglednika
2. logo
   - glavni razlikovni znak tvrtke odnosno njezin osnovni identifikacijski element; logo se treba nalaziti uvijek pri samom vrhu stranice i uvijek na istoj poziciji jer na taj način pokazuje posjetiteljima da su stranice koje posjećuju dio jednog web sjedišta
3. navigacija
   - zasigurno jedan od najvažnijih elemenata web stranice koji omogućava korisnicima kretanje stranicom i pronalaženje sadržaja; navigacija treba biti konzistentno prikazana, jednostavna, intuitivna i prikladno nazvana; navigacija se obično nalazi pri samom vrhu stranice ili u lijevom odnosno desnom stupcu iste
4. sadržaj
   - Content is king!“ - osnova, svrha i smisao postojanja web stranice; ako se ne može pronaći određeni sadržaj ili je sadržaj nedovoljno interesantan ili relevantan – posjetitelj u trenu odlazi na neku drugu web stranicu; sadržaj treba biti jasno i kvalitetno prezentiran
5. footer
   - donji dio stranice koji sadrži obično dodatne i manje važne sadržaje i/ili linkove, npr. Informacije o privatnosti, odricanju od odgovornosti, uvjetima korištenja stranice, izjavi o zaštiti podataka, linkove na glavne cjeline stranice i sl.

3) Tipovi različitih izgledaweb stranica (layouts)

1. navigacija u lijevom stupcu – desno sadržaji (left-column navigation)
   najpoznatiji i najrašireniji tip izgleda navigacije - standard
2. navigacija u desnom stupcu – lijevo sadržaji (right-column navigation)
   neuobičajena verzija koja ima svoje praktične razloge primjene
3. trostupačna navigacija (three-column navigation)
   koristi se kod web shop-ova ili stranica sa mnogo sadržaja ili mnogo navigacija

Tipovi osnovnih širina web stranica

1. fiksna širina izražena u px (fixed width)
2. „tekuća“ ili prilagodljiva širina izražena u % (liquid width)

Osnovne razlike ova dva tipa izgleda širine web stranice su:

1. fiksna širina
   1. potpuna kontrola pozicioniranja web elemenata na stranici u određenim okvirima
   2. mogućnost odabira ciljanih rezolucija
2. „tekuća“ ili prilagodljiva širina
   1. automatsko prilagođavanje svim rezolucijama monitora
   2. smanjuje se potreba za „skrolanjem“

Odabir širine izgleda web stranice ovisi o specifičnostima svakog web projekta odnosno o ciljanoj publici, faktorima i ciljevima pristupačnosti, upotrebljivosti i jednostavnosti korištenja.

4) Uspješna web stranica

Što je zapravo uspješna web stranica?
Kako ovaj pojam možemo definirati? Zašto koristimo ovaj pojam? Mnogi smatraju da je uspješna web stranica ona stranica koja ostvaruje veliku posjećenost ili ona koja je vizualno atraktivna i obiluje interaktivnim i multimedijalnim animacijama ili pak ona koja ima samo mnogo sadržaja. Istina je negdje u sredini. Istina je zapravo sadržana u riječima -  multidisciplinarnost, percepcija i svrha. Uspješnu web stranicu determiniraju svi ovi navedeni elementi i to u njihovom zajedničkom ispreplitanju i interakciji.

Da bi bila uspješna, web stranica treba sadržavati ove elemente:

1. dizajn
   atraktivan i privlačan vizualni dizajn
2. sadržaj
   relevantan i koristan sadržaj za (ciljane) posjetitelje
3. upotrebljivost
   jednostavna, pristupačna i upotrebljiva stranica
4. optimizirana za tražilice
   web stranica prilagođena što boljoj poziciji na tražilicama (SEO)

Međutim, „uspješna web stranica“ je pojam koji se drugačije percipira kod različitih tipova korisnika:

1. vlasnik stranice smatra da je njegova stranica uspješna ako ostvaruje određenu uštedu ili povećava prodaju proizvoda putem weba;
2. marketing odjel smatra da je stranica uspješna ako se kontinuirano povećava broj posjetitelja;
3. posjetitelji smatraju da je stranica uspješna kada pronađu određenu informaciju;
4. web odjel smatra da je stranica uspješna kada naprave vrhunsku stranicu prema aktualnim web standardima koristeći najnaprednije tehnike i alate i još k tome osvoje neku od prestižnih nagrada za web (npr. VIDI web awards)...

Svatko od njih ima različiti cilj – stoga se i pojam „uspješna web stranica“ različito interpretira.

Zapamtite!
Iako se ovaj pojam može različito interpretirati i definirati, kada govorim općenito o uspješnosti neke web stranice, a da pri tome mislim na stranice koje su komercijalnog tipa – tada je konačan rezultat ili posljedica takve web stranice -  konverzija odnosno „pretvaranje“ posjetitelja u npr. zadovoljnog posjetitelja, kupca ili registriranog korisnika. To je zapravo ultimativan cilj i svrha uspješne web stranice!

blog comments powered by Disqus