Analiza web sjedišta

1. ANALIZA WEB
SJEDIŠTA

2. PRIMJER DOBROG DIZAJNA
OPĆENITE INFORMACIJE
Naziv web sjedišta: eKlinika
Url: http://eklinika.hr/
Vrsta web sjedišta: web sjedište za poslovanje
zdravstvenim uslugama
Svrha i tema web
sjedišta:
ponuda različitih zdravstvenih usluga
Korisnici za koje je
sjedište namijenjeno:
korisnici različite dobi
Kratki opis i dojam
o sjedištu:
dojmljiva stranica. Usluge su jasno
označene i podijeljene u grupe

3. DIZAJN INFORMACIJA
http://eklinika.hr/
 web sjedište je na hrvatskom jeziku
 informacije su ažurirane...
 ...i predstavljene su korisniku u obliku članaka

4. DIZAJN INFORMACIJA(2)
http://eklinika.hr/
 informacije su podijeljene u kategorije
 stranica je personalizirana te sadrži kontakt podatke

5. DIZAJN INFORMACIJA(3)
http://eklinika.hr/

6. GRAFIČKI DIZAJN
http://eklinika.hr/

7. GRAFIČKI DIZAJN(2)
http://eklinika.hr/
 korišteni neserifni
fontovi
 gumbi mijenjaju boju
teksta/gumba
 hiperveze jasno označene

8. DIZAJN SUČELJA
http://eklinika.hr/
o CSS
o praćenje trenutne pozicije na web traci
http://eklinika.hr/offers/all/4/Ortopedija.html
o korištene metafore

9. DIZAJN SUČELJA(2)
http://eklinika.hr/

10. DIZAJN NAVIGACIJE
http://eklinika.hr/
 traka i panel
 uključena tražilica

11. MULTIMEDIJA
http://eklinika.hr/
 .png i .jpg formati slika
 tekst

12. TEHNIČKE I OSTALE KARAKTERISTIKE
 <link rel="stylesheet" type="text/css“ href="http://eklinika.hr/data/css/styles.css" />
<link rel="stylesheet" type="text/css"
href="http://eklinika.hr/data/css/countdown.css" />
 <script type="text/javascript" src="http://eklinika.hr/data/js/jquery.min.js"></script>
<script type="text/javascript" src="http://eklinika.hr/data/js/jquery-
ui.min.js"></script>
http://eklinika.hr/
 web 2.0 alati  pravopisne pogreške

13. PRIMJER LOŠEG DIZAJNA
OPĆENITE INFORMACIJE
Naziv web sjedišta: Restaurant Guide Atlanta
Url: http://www.restaurantguideatlanta.com/
Vrsta web sjedišta: informativno web sjedište
Svrha i tema web
sjedišta:
pružanje informacija o različitim
restoranima i barovima u Atlanti
Korisnici za koje je
sjedište namijenjeno:
korisnicima koji traže informacije
Kratki opis i dojam
o sjedištu:
stranica je neorganizirana, nepregledna,
nedosljedna, neatraktivna

14. DIZAJN INFORMACIJA
http://www.restaurantguideatlanta.com/
 web sjedište je na engleskom jeziku
 stranica sadrži mail adrese i brojeve za kontakt
 predstavljena je u obliku linkova korisniku, a stranice su
nepovezane

15. DIZAJN INFORMACIJA(2)
http://www.restaurantguideatlanta.com/

16. GRAFIČKI DIZAJN
http://www.restaurantguideatlanta.com/
 korišteni neserifni fontovi
 hiperveze nisu jasno i pravilno označene
 korištene različite boje teksta i pozadine
 nedosljednost kod linkova

17. GRAFIČKI DIZAJN(2)
http://www.restaurantguideatlanta.com/

18. DIZAJN SUČELJA
 tablice i div tagovi
 praćenje trenutne pozicije na web traci
http://www.restaurantguideatlanta.com/topatlantarestaurants.h
tm
 nedostatak metafora, korištenje uobičajenih metafora
kao slike
http://www.restaurantguideatlanta.com/

19. DIZAJN SUČELJA(2)
http://www.restaurantguideatlanta.com/

20. DIZAJN NAVIGACIJE
 paneli i tražilica
http://www.restaurantguideatlanta.com/

21. MULTIMEDIJA
 .jpg, .bmp, .gif formati
 tekst, animacije
http://www.restaurantguideatlanta.com/

22. TEHNIČKE I OSTALE KARAKTERISTIKE
 jednaka funkcionalnost u različitim preglednicima
 nema korištenja CSS-a, ni javaskripti
 korištenje tablica
 nema linkova na Web 2.0 alate
 uključena .xml datoteka
 <link rel="File-List"
href="file:///C:/restaurantguideatlanta/index_files/filelist.xml
">
http://www.restaurantguideatlanta.com/

23. Izradili: Antonio Božić, PI
Dina Knapić, PI
Sanja Rabak, PI
Ivona Bjelobradić, IKS
Kolegij: Hipermedijski i multimedijski sustavi
Nositelj kolegija: dr. sc. Nataša Hoić-Božić
Rijeka, 24.04.2013
Odjel za informatiku