3. Porin dizajn informacija (1/8)
Anketa na
naslovnoj
stranici
4. Porin dizajn informacija (2/8)
Informacije su podjeljene u sljedee
glavne kategorije:
5. Porin dizajn informacija (3/8)
Informacije na svim stranicama organiziranje su
kronolo邸ki od novijih prema starijima i na nain da
posjetiteljima nude sa転et pregled u odreenu
novost, najavu ili dogaanje.
6. Porin dizajn informacija (4/8)
Starije informacije nalaze se na samom dnu
stranice i ne nude sa転et pregled ve samo
naziv vijesti/najave/dogaanja i taj naziv
ujedno predstavlja poveznicu na koju
posjetitelj mo転e kliknuti i koja ga
preusmjerava na op邸irniji opis dotine
novosti.
7. Porin dizajn informacija (5/8)
Na samom dnu svih
stranica nalaze se
neke novosti koje
sadr転e multimedijske
sadr転aje (video ili
fotogalerije).
8. Porin dizajn informacija (6/8)
Na samom dnu svih stranica nalaze se i poveznice na YouTube i
dru邸tvene mre転e Facebook i Twitter, te poveznica na Institut
hrvatske glazbe.
9. Porin dizajn informacija (7/8)
S desne strane nalaze
se 3 do 4 nasuminih
vijesti, najava ili
dogaaja koji sadr転e
fotografiju, opis i
poveznicu na op邸irniji
sadr転aj.
10. Porin dizajn
informacija (8/8)
S desne strane u svakom
trenutku nalaze se i
rubrike Medijski
partneri, Pogledajte
jo邸..., Utemeljitelji
Porina, Gradovi domaini i
Partneri.
11. Porin grafiki dizajn (1/3)
Kvalitetan raspored elemenata, te upotrebu boja koje ne iskau iz
kompletnog ugoaja stranice.
Opi vizualni dojam je ugodan, boje nisu napadne i ne odvraaju
pa転nju od sadr転aja.
Na samom vrhu nalazi se pretra転iva sadr転aja, funkcionalan i
diskretan ukoliko nam ne treba.
Prostor ispod toga zauzima transparentni banner koji sadr転i logo
(ovogodi邸njeg) 19. Porina, gradove domaine, te zgodno odbrojavanje
dana do odr転avanja, izvedeno preko flasha.
12. Porin grafiki dizajn (2/3)
Glavni dio stranice je klasina kombinacija crnog na bijelom, Calibri font veliine 11 koji se
lijepo uklapa u sadr転aj.
Postoje samo dvije varijacije fonta kroz cijelu stranicu, a to je font podebljanog tipa (bold)
koji se upotrebljava ne bi li se istaklo ne邸to u tekstu, te plava boja fonta za poveznice.
Glavni dio stranice je podijeljen u dva paralelna stupca, od kojih je lijevi namijenjen sadr転aju
pojedine stranice, i sukladno s tim je i 邸iri, a desni je dio za medijske
pokrovitelje, nasumine vijesti i dr.
13. Porin grafiki dizajn (3/3)
Reklamni baneri su
diskretni te ne
odvraaju pa転nju od
sadr転aja web sjedi邸ta.
16. Porin dizajn suelja (3/3)
Dio stranice u kojem se prikazuje sav sadr転aj je fiksne 邸irine i iznosi
tono 1000 px, te se ne mjenja promjenom veliine prozora web
preglednika.
Suelje je izvedeno kroz klasinu upotrebu HTML-a, te CSS-a za
oblikovanje stranica.
Kreui se kroz web sjedi邸te, mo転e se primjetiti da je dizajn suelja
konzistentan, te da se za grupiranje elemenata uglavnom koristi
pravilo 7 (plus/minus 2).
Jedina metafora na cijelom web sjedi邸tu nalazi se na samom dnu
stranice i predstavlja poveznicu na vrh stranice.
17. Porin dizajn navigacije (1/2)
Navigacija se odvija podjednako preko menija na vrhu
stranice, te preko poveznica koji prate svaku pojedinu
stranicu.
Horizontalni meni na vrhu stranice je padajui te sadr転i 6
glavnih kategorija. Do dodatnih poveznica dolazi se
prelaskom strelice mi邸a preko naziva kategorije.
18. Porin dizajn navigacije (2/2)
Kretanjem kroz sadr転aj web sjedi邸ta poma転e nam i
breadcrumb navigacija koja se nalazi iznad naslova
sadr転aja kojeg pregledavamo.
22. Porin multimedija (4/4)
Primjer video broja
implementiranog na
web sjedi邸te pomou
YouTube-a
23. Porin tehnike karakteristike
Web sjedi邸te je isprobano u tri popularna web
preglednika (Mozilla Firefox, Google
Chrome, Internet Explorer) i u svakom funkcionira
odlino!!!
25. DIZAJN INFORMACIJA
Informacije su
podijeljene u
kategorije:
O nama
Informacije
Vijesti
Projekti
Dokumenti
Korisni linkovi
26. GRAFIKI DIZAJN (1/2)
Sjedi邸te je jako siroma邸no
grafikim dizajnom.
Cijelo web sjedi邸te je sive
boje
Tekst je pisan razliitim
fontovima, ne samo u
razliitim sadr転ajima, ve i
unutar jednog nailazimo na
razliit font.
27. GRAFIKI DIZAJN (2/2)
Elementi od kojih se
sastoji dizajn su u
najveem dijelu
hipertekstualne
veze, pokoja slika i
kratki tekst.
Od pone邸to slo転enijih
elemenata tu su razne
gif animacije
smje邸tene u kut
stranica, koje nemaju
nikakve veze sa
sadr転ajem.
28. DIZAJN SUELJA (1/2)
Suelje, ako ga mo転emo uope tako nazvati, je nepregledno i
nekonzistentno.
Za kompletnu analizu suelja, bilo bi potrebno analizirati svaku
pojedinu stranicu zasebno, jer je svaka drugaije organizirana.
Ugrubo mo転emo podijeliti suelje na naslovni dio na vrhu koji nam
daje informacije o trenutnoj lokaciji.
29. DIZAJN SUELJA (2/2)
S desne strane se nalazi meni, a sredi邸nji dio bi trebao slu転iti kao
prostor za sadr転aj, iako je prepun linkovima i lo邸e razmje邸tenim
slikama.
30. DIZAJN NAVIGACIJE (1/2)
Navigacija na ovom web sjedi邸tu nije dobro rije邸ena. Kada se
nalazimo na bilo kojoj stranici koja nije naslovna, ne mo転emo rei
kojem web sjedi邸tu ona pripada (nigdje se ne pojavljuje logo/naziv
same stranice).
Navigacija je organizirana pomou
vertikalnog bloka, te vidimo podjelu
samo na glavne kategorije.
Pojavljuju se na svakoj stranici, uz
dodatnu poveznicu na Home
stranicu.
31. DIZAJN NAVIGACIJE (2/2)
Ne postoje veze izmeu
stranica jednakih
hijerarhijskih
razina, kao ni mapa
sjedi邸ta koja bi olak邸ala
navigaciju.
Sa svake podrazine na
vi邸u razinu nije se
mogue vratiti, niti
postoji prikaz putanje
gdje se trenutno
nalazimo, ve je
dostupna veza samo na
naslovnu stranicu.
32. MULTIMEDIJA
Nisu prisutni skoro nikakvi elementi multimedije.
Logo, baner i ostali, inae kori邸teni grafiki elementi ne postoje.
Postoji nekoliko fotografija same 邸kole, te uenika u pojedinim
lancima, te ve spomenute nepotrebne i sadr転ajno nebitne gif
animacije na svakoj zasebnoj stranici.
33. TEHNIKE I OSTALE KARAKTERISTIKE
Web 2.0. alati ne postoje.
Funkcionira u svim web preglednicima
Izvr邸ni kod stranice nam otkriva lo邸u programersku
stranu, HTML kod je sastavljen bez ikakve "dublje"
organizacije, i jedino se on od web programerskog dijela i
koristi.
