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

Grupa 8 analiza web sjedista

Embed Size (px)

Citation preview

Page 1: Grupa 8 analiza web sjedista

ANALIZA WEB SJEDIŠTA

Grupa 8:

Renato Kalanj

Iva Miletić

Jelena Miličić

Marko Rončević

Sveučilište u Rijeci

Odjel za informatiku

Page 2: Grupa 8 analiza web sjedista

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

Page 3: Grupa 8 analiza web sjedista

DOBAR DIZAJN – DIZAJN INFORMACIJA

• glavni elementi su kategorije, uočljivena prvi pogled

• mogućnost organiziranja informacija prema nazivu, datumu i odredištu

• promjena jezika

• mogućnost prijave/registracijekorisnika• mogućnost pretrage

Page 4: Grupa 8 analiza web sjedista

DOBAR DIZAJN – DIZAJN INFORMACIJA

• novosti, odnosno priopćenja iz medija vezana uz djelatnost kojom se bavi Hrvatska turistička zajednica

• glavni elementi su kategorije, uočljivena prvi pogled• promjena jezika

• HTZ glasnik – mogućnost online čitanja u skraćenoj verziji

• prikaz kao tekst na jednoj stranici

•moguće je i virtualno "prolistati" časopis

Page 5: Grupa 8 analiza web sjedista

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

Page 6: Grupa 8 analiza web sjedista

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

DOBAR DIZAJN – GRAFIČKI DIZAJN

Page 7: Grupa 8 analiza web sjedista

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

Page 8: Grupa 8 analiza web sjedista

DOBAR DIZAJN –DIZAJN NAVIGACIJE

• cjelina sjedišta• glavna navigacija – pojavljuje se prelaskom miša• kartica tabova

• sekundarna navigacija• vertikalni panel

• povrat na naslovnicu klikom na logo

• klikom miša na kategoriju• horizontalna traka

• jednostavna i oku ugodna

• učinkovitost je postignuta

• dosljedna

 linkovi na društvene mreže

Page 9: Grupa 8 analiza web sjedista

DOBAR DIZAJN –DIZAJN NAVIGACIJE

gumbovi koji vode na glavne kategorije

vertikalna navigacijska traka na lijevoj strani

Breadcrumb navigacijapovratak na naslovnicu

• 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

• promjena jezika i pretraživanje

Page 10: Grupa 8 analiza web sjedista

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.

Page 11: Grupa 8 analiza web sjedista

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

Page 12: Grupa 8 analiza web sjedista

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

Page 13: Grupa 8 analiza web sjedista

LOŠ DIZAJN –DIZAJN INFORMACIJA• ne postoje cjeline unutar web stranice - teško odrediti koji su glavni elementi unutar ovog sjedišta

• prezentacija sadržaja nejasna, dosadna i neinformativna

• tekstovi veliki i dugački, bez manjih blokova informacija čime se već u samom početku ostvaruje nezainteresiranost korisnika za daljni boravak na ovoj stranici i pronalazak željene informacije

• nema mogućnosti registracije i prijave korisnika, njihove komunikacije, te bilo kakve interakcije, navedeni su samo kontakt podaci za više informacija, poput broja telefona ili e-mail.

Page 14: Grupa 8 analiza web sjedista

LOŠ DIZAJN – GRAFIČKI DIZAJN

Boje: jarke, neusklađene i teške za očiorganizacijska struktura web sjedišta nema header niti footerna svakoj stranici je tekst druge boje, na pojedinim stranicama odlomci različitih boja što otežava čitanje teksta i umara oči čitatelja

Stil, veličina i boja fonta nisu ujednačeni unutar jedne kategorijepostavljeni banneri: dva ista bannera koji su poveznice na stranice koje se ne odnose na Ministarstvo poljoprivrede.

naslovi u raznim bojama, nisu centrirani, upotrebljen je serifni font tipa Times New Roman veličine 24pt, nemaju dosljednost u pozicioniranju i poravnanju

Page 15: Grupa 8 analiza web sjedista

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.

Page 16: Grupa 8 analiza web sjedista

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

Page 17: Grupa 8 analiza web sjedista

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

Page 18: Grupa 8 analiza web sjedista

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

Page 19: Grupa 8 analiza web sjedista

PITANJA?

Page 20: Grupa 8 analiza web sjedista

ZAHVALJUJEMONA PAŽNJI