ANALIZA WEB SJEDIŠTA(PRIMJER DOBROG I LOŠEG)

KOLEGIJ: PRIMJENA HIPERMEDIJE U OBRAZOVANJUSTUDENTI: SOVIĆ-PADOVAN ADRIANA PAVLETIĆ MLADEN

Analiza po stavkama

• Općenite informacije• Dizajn informacija• Grafički dizajn• Dizajn sučelja • Dizajn navigacije• Multimedija• Tehničke i ostale karakteristike

Primjer dobrog dizajna

• Naziv sjedišta: John Frusciante unoffical - Invisible Movement

• URL: http://invisible-movement.net/

• Vrsta sjedišta: orijentirano na dokumente , nema puno interaktivnosti,orijentirano na tekst, ali ima i dosta multimedijskih sadržaja, informativno web sjedište

• Svrha i tema: pružanje informacija i multimedijskih sadržaja

• Korisnici: fanovi i ostale znatiželjne osobe

Dizajn informacija

• Postoji samo jedna jedina navigacija (glavna)

• Informacije razvrstane po kategorijama

• Kategorije navigacije: diskografija, gigografija, press, galerija, audio, video, site, forum, trgovina i ostalo

• Postoji tražilica kojom možemo doći do željenih informacija

Grafički dizajn

Grafički dizajn

• Opći vizualni dojam pozitivan

• Sjedištem dominira navigacija i slika ispod nje

• Pozadina šarena a nije preuočljiva

• Boje teksta jednostavne – crna i bijela

• U navigaciji efekt kad pređemo s mišem (onda slova promijene boju iz bijele u crvenu a pozadina iz crne u bijelu )

Dizajn sučelja

• Sučelje praktično

• Podijeljeno na 4 dijela : navigacija i slika te tražilica na vrhu, središnji (glavni) dio, desni dio s najnovijim izdanjima upitnikom i formom za pretplatu na newsletter, najnovijim tweetovima, te kratak info o stranici, novi foto albumi i link na Facebook profil na dnu

Navigacija

• Navigacija je horizontalna • nalazi se na vrhu stranice.• uočljiva • Koriste se crna pozadina i bijela slova• kad kliknemo na određenu kategoriju

navigacije otvaraju se podkategorije. • Poštovana su pravila dobre navigacije:

jasnoća, doslijednost i učinkovitost

Multimedija

• Slike - JPEG• Video• Audio – MP3 i FLAC

Tehničke i ostale karakteristike

• Sjedište je izrađeno pomoću statičkog HTML-a i koriste se stilski predlošci (CSS) koji su učitani iz vanjskih datoteka. Osim CSS-a koriste se JavaScript klijentske skripte i one su uključene u sami kod stranice i ne pozivaju se iz nikakvih

vanjskih datoteka. • Nema pop-up prozora i sve se otvara u istom tabu• Linkovi na određene Web 2.0 alate• Radi u svim web preglednicima• Problem sa Safarijem na iPhoneu

Primjer lošeg dizajna

• Naziv sjedišta:Bon Jovi - Dry County fan site• URL:http://drycounty.com/fans/index.html • Svrha Web sjedišta: pružanje informacije

vezanih za aktivnosti benda, kao što su informacije o novim albumima, trenutnim turnejama i slično. Osim toga na stranici se nalazi forum gdje korisnici raspravljaju na različite teme, kao što su teme vezane za nova izdanja benda, teme vezane za događanja na turneji te ostale teme

• Korisnici za koje je sjedište namjenjeno : prije svega fanovima, ali i ostalim korisnicima koji žele doći do određenih željenih informacija o bendu

• Za pristup potrebno biti registrirani korisnik.

Dizajn informacija

• Informacije su organizirane kronološki i prema vrstama.

• Prezentacija sadržaja je jasna i informativna, ali zbog loše dorađenosti web sjedišta, na trenutke nezanimljiva.

• Najbitnije informacije su naglašene, a one se nalaze pri vrhu sjedišta gdje je odjeljak sa sedam najnovijim vijesti i na sredini stranice gdje se nalazi odjeljak sa sedam najnovijih datuma koncerata.

• Podkategorije navigacije: Bon Jovi news, world tour, songs & albums, fan community, dry county archives, Bon Jovi web guide

Propusti u dizajnu informacija

• Bon Jovi News linkovi na mnoge novinske članke su zastarijeli i ne rade.

• 2.2.2. World Tour: nedostaju mnogi podaci vezani za setliste i mnogi datumi koncerata.

• Songs and albums: nedostaju zadnja tri albuma grupe u listi diskografije i ostali podaci nepotpuni.

Grafički dizajn

• Opći dojam je da je sve estetski neprivlačno.

• Korišteni font je Arial i on spada u u kategoriju serifnih fontova. Po definiciji prihvatljivih za dobar web dizajn.

• Korisnik ne vidi na koje je linkove kliknuo, a koje nije.

• Sjedište ne koristi nikakve grafičke elemente u svojemu dizajnu već je sve orijentirano na tekst.

Dizajn sučelja

• Može se rasčlaniti na 4 dijela• Na lijevoj strani web sjedišta se nalazi

vertikalna navigacijska traka, dok se na gornjem djelu web stranice nalazi tražilica.

• Desna strana web sjedišta i dio iznad tražilice sadržavaju korisne linkove i i reklame koje se svakim novim učitavanjem stranice mjenjaju. Glavni dio stranice prikazuje najnoviji sadržaj samo iz kategorije novosti o bendu i nadolazeće datume svjetskih turneja.

5. Dizajn navigacije

• Navigacija se nalazi na lijevoj strani web sjedišta i na dnu same stranice i ne poštuje u potpunosti pravila dobre navigacije.

• Jasnoća - Navigaciju na samome dnu stranice dosta teško primjeti. Za navigaciju se ne koriste nikakvi gumbovi koji imaju ikone standardiziranim metaforama, već se koriste samo obične hiperveze za navigaciju koje spajaju dva mjesta na web sjedištu. Unatoč tome hiperveze su označene kratko i jasno i korisnik ima jasan uvid gdje će doći nakon što klikne na hipervezu.

• Dosljednost - Elementi navigacije su na svim dijelovima web sjedišta isti, tekst i boja također su jednaki. pozicije su im jednake i ovisno o promjeni stranice ostanu nepromjenjivi.

• Učinkovitost - Korisnik može u svega nekoliko koraka doći do željenoga sadržaja.

• Postoje dvije razine navigacije, a to su glavna, sekundarna navigacija i dodatna navigacija. Korisnik ima mogučnost povratka na početnu stranicu uz pomoć gumba s logotipom stranice i uz pomoću hiperlinka "home" na navigacijskom panelu.

Multimedija

• Multimedijski sadržaje se nalaze unutar katergorija photo archives i downloads. Od multimedijskih elemenata se koriste slike i zvučni zapisi u valnom i notnom obliku. Slike koje su postavljene na stranicu su u JPEG formatu, dok zvučni zapisi su u pohranjeni u datotekama valnoga oblika i datotekama koje sadrže notni zapis. Od datoteka valnoga oblika koriste se datoteke u MP3 formatu, dok datoteke notnoga zapisa su u MIDI, RMI i MIDI formatu.

Tehničke i ostale karakteristike

• Web sjedište radi bez pogrešaka. Rad web stranice je testiran u četiri različita Web preglednika, a to su Internet Explorer 10, Mozilla Firefox 20.0.0, Opera 12 i Google Chrome 26 i u sva četiri pretraživača radi normalno i bez pogreške i brzina učitavanja stranice, kao i brzina učitavanja i prikazivanja svih multimedijskih elemenata je zadovoljavajuća na svim pretraživačima. Osim na internetskim pretraživačima za računala, stranica je testirana i na preglednicima za mobilne aplikacije, ali je prikaz neprilagođen zaslonu uređaja jer ne postoji nikakva aplikacija za tu stranicu za nijednu mobilnu platformu.

Sjedište je izrađeno pomoću statičkog HTML-a i koriste se stilski predlošci (CSS) koji su učitani iz vanjskih datoteka. Osim CSS-a koriste se JavaScript klijentske skripte i one su uključene u sami kod stranice i ne pozivaju se iz nikakvih vanjskih datoteka.Nema nikakvih Pop-up prozora niti se koriste ikakvi Web 2.0 alati.

Ne koriste XML, Java niti Flash.