1. Sveučilište u Rijeci
Odjel za informatiku
ANALIZA WEB SJEDIŠTA
Grupa 8:
Renato Kalanj
Iva Miletić
Jelena Miličić
Marko Rončević

2. HRVATSKA TURISTIČKA ZAJEDNICA
(HTTP://CROATIA.HR/HR-HR/NASLOVNA) – DOBAR DIZAJN
 Svrha i tema web sjedišta: opća i tustičku informativnu djelatnost i
jedno od instrumenata kojim se promovira Hrvatska (sadrži detaljne
opise odredišta, smještaja, aktivnosti i atrakcija), a HTZ ustrojava,
provodi i nazdizre sve poslove vezane uz to
 Korisnici za koje je sjedište namijenjeno:
 krajnji korisnici, potencijalni turisti
 mediji koji žele pisati o Hrvatskim ljepotama pošto je moguće objava
slika s ovog web sjedišta na nekim drugim sjedištima (Hrvatska
turistička stranica nositelj autorskih prava i ime autora slike)
 sadašnji i budući poslovni partneri te turističke zajednicama na
nacionalnoj i internacionalnoj razini
 Kratki opis i opći dojam o web sjedištu:
Web sjedište Hrvatske turističke zajednice objedinjuje sveukupnu
turističku ponudu Republike Hrvatske te ju prezentira korisnicima kroz
zanimljive tekstove, slike i video zapise.
 atraktivnog izgleda, jednostavna za snalaženje te pruža detaljan uvid u
sve informacije koje se redovito ažuriraju

3. DOBAR DIZAJN – DIZAJN INFORMACIJA
••glavni elementi su
promjena jezika
• mogućnost
kategorije, uočljive
• mogućnost
organiziranja
na prvi pogled
informacija prema
prijave/registracije
• mogućnost
nazivu, datumu i
korisnika
pretrage
odredištu

4. DOBAR DIZAJN – DIZAJN INFORMACIJA
• glavni elementi su
•kategorije, uočljive
HTZ glasnik –
mogućnost online
napromjena jezika
• prvi pogled
čitanja u skraćenoj
• novosti, odnosno
verziji
priopćenja iz medija
• prikaz kao tekst na
vezana uz djelatnost
jednoj stranici
kojom se bavi Hrvatska
•moguće zajednica
turistička je i virtualno
"prolistati" časopis

5. DOBAR DIZAJN – DIZAJN INFORMACIJA
• princip strukture potpune mreže
• u svakom trenutku pregledavanja informacija ima se pristup svim
ostalim raspoloživim poveznicama iz globalnog, glavnog i sekundarnog
izbornika
• prisutna je i hijerarhija broj dubina se mijenja po
kategorijama

6. DOBAR DIZAJN – GRAFIČKI DIZAJN
 na prvi pogled ugodan za oko, atraktivan
 dobro odabrane nijanse pastelnih boja u osnovnim izbornicima
 font: Arial, preporučeni neserifni font
 odabir bijele boje fonta čini sadržaj lako čitljivim i uočljivim
 "Mediji" i "Business" boja osnovnih izbornika – od tamnijeg
prema svjetlijem tonu te je ona za kategoriju "Mediji"
narančasta dok je za kategoriju "Business" to plava boja

7. DOBAR DIZAJN – GRAFIČKI DIZAJN
 zaglavlje, promjenjivo u detaljima (npr. boja), ovisno o
trenutnoj kategoriji (Turizam, Mediji, Business).
 zajedničko: na svim kategorijama je logotip Hrvatska
turistička zajednica u lijevom gornjem kutu te pored njega se
nalazi slogan

8. DOBAR DIZAJN –DIZAJN NAVIGACIJE
• cjelina sjedišta
linkovi na
društvene
• povrat namreže
• glavna
naslovnicu
navigacija –
klikom na logo
pojavljuje se
prelaskom miša
••kartica tabova
sekundarna
navigacija
• vertikalni panel
• jednostavna i oku ugodna • klikom miša na
kategoriju
• učinkovitost je postignuta
• horizontalna traka
• dosljedna

9. DOBAR DIZAJN –DIZAJN NAVIGACIJE
• promjena jezika naslovnicu
Breadcrumbna i pretraživanje
povratak navigacija
gumbovi koji vode na glavne kategorije
vertikalna navigacijska traka na lijevoj
strani
• navigacija je implementirana na isti
način, također uz mogućnost promjene
jezika, dostupnost tražilici, svaka kategorija
ima svoju nijansu zadane boje, u ovom slučaju
plava boja

10. DOBAR DIZAJN –MULTIMETIJA
 slike (.jpg i .png), animacija (.gif) te video: YouTube
 svi su uključeni prema pravilima dobrog web dizajna tj
usklađeni s ostalim sadržajem na stranici.

11. DOBAR DIZAJN –TEHNIČKE I OSTALE
KARAKTERISTIKE
 Google Crome, Firefox Mozzila, Internet Exploreru, te
Opera pregledniku - Web sjedište izgleda isto i funkcionira
bez pogreške
 uključeni CSS predlošci i vanjske datoteke korišteni i XML
i Flash
 klijentske skripte: korištene su za npr. prikaz lokacije
pomoću Google Mapsa. Korišten je JavaScript, uključen je
u kod stranice i poziva se iz vanjskih izvora
 prisutni linkovi na društvene mreže koji se nakon klika
otvaraju u novome prozoru

12. MINISTARSTVO POLJOPRIVREDE, VODOPRIVREDE I
ŠUMARSTVA USK – LOŠ DIZAJN
 http://www.poljoprivredausk.co.ba/
 Svrha i tema web sjedišta: prikupljanje informacija i pogled
na napore pri nastojanju oporavljanja poljoprivrede, narušene
ratnim događajima
 Korisnici za koje je sjedište namijenjeno: korisnici koji se
žele informirati o stanju poljoprivrede u toj zemlji, koji žive i
borave na tim područjima, voljni su pomoći i pridonijeti tom
oporavku
 Kratki opis i opći dojam o sjedištu:
 dojam je loš, čak i smiješan
 odabir boja, smještaj navigacije i teksta također nije dobar
 Web sjedište ne prenosi dobre informaciju/poruku i dojmove prema
korisniku

13. LOŠ DIZAJN –DIZAJN INFORMACIJA
• tekstovimogućnosti registracije i prijave korisnika, njihove
• nema veliki i dugački, bez manjih blokova informacija
• ne postoje cjeline unutar web stranice - teško
čime se već u sadržajakakve interakcije, navedeni su samo
• prezentacija samom početku ostvaruje i
komunikacije, te bilo nejasna, dosadna
odrediti koji su glavni elementi unutar ovog sjedišta
nezainteresiranost više informacija, boravak na ovoj
neinformativna za korisnika za daljnipoput broja telefona ili
kontakt podaci
stranici i pronalazak željene informacije
e-mail.

14. LOŠ DIZAJN – GRAFIČKI DIZAJN
naslovi u raznimstruktura nisu ujednačeni
organizacijska bojama, nisu sjedišta nema
Stil, veličina banneri: tekstista bannera na
na svakoj stranici je dvaweb
postavljeni i boja fonta druge boje, koji
centrirani, upotrebljen je serifni font tipaoči
headerjedne kategorije kojeteške za
Boje: jarke, neusklađene i
unutar nitistranicama odlomci različitih
pojedinim footer stranice
su poveznice na se ne
Times New Roman veličine 24pt, nemaju
boja što otežava čitanje teksta i umara oči
odnose na Ministarstvo poljoprivrede.
dosljednost u pozicioniranju i poravnanju
čitatelja

15. LOŠ DIZAJN – DIZAJN SUČELJA
 nije upotrebljen dinamički oblik formatiranja teksta niti
elemenata stranice
 grupiranje elemenata nije po pravilu 7 + - 2.
 stranica koristi relativno pozicioniranje pomoću
frameset-a., dakle nije fiksna i prilagođava se monitoru
računala.

16. LOŠ DIZAJN –DIZAJN NAVIGACIJE
 ne poštuju se principi dobre navigacije -
minijaturni panel
 boja je ista kao i boja dijela običnog teksta –
potencijalno zbunjivanje
 jedina dobra karakteristika ove navigacije je da
se na svim stranicama nalazi na istom mjestu.
 nije se moguće sa svih stranica vraćati na
početnu
 nema mogućnosti pretraživanja, odnosno nema
tražilice, niti breadcrumb-a

17. LOŠ DIZAJN - MULTIMEDIJA
 uz hipertekst korištene animacije i slike formata GIF
i JPG
 slike na stranici su različitih veličina i različito su
poravnate, doslovno porazbacane, najbolje vidljivo
u kategoriji Proizvodnja ribe
 jedina animacija koja je korištena je zastava BIH

18. LOŠ DIZAJN – TEHNIČKE I OSTALE
KARAKTERISTIKE
 testovi u Google Crome, Firefox Mozzila, Internet
Exploreru, te Opera pregledniku - Web sjedište isto u
svim preglednicima i funkcionira bez pogreške, no
budući da je stranica siromašna elementima ni nema
puno mogućnosti pogrešaka.
 ne postoje linkovi na društvene stranice
 za izradu je korišten statički HTML u kombinaciji sa
programom Microsoft FrontPage Express 2.0, te nema
CSS-a.
 sama navigacija je implementirana kroz tablicu koja je
uređena HTML elementima