1. Analiza web sjedišta
Maja Grubišić
Tina Maršić
Robert Užar
Petar Živković
Kolegij: Multimedijski i hipermedijski sustavi 1

2. Analiza dobrog dizajna
web sjedišta
2

3. Općenito o web sjedištu
Naziv Think Geek :: Stuff for Smart Masses
URL http://www.thinkgeek.com/
Vrsta web sjedišta Prema apstraktnoj podjeli: web sjedište orijentirano na
aplikacije
Prema izgledu: orijentirano na tekst ali sadrži i dosta
grafičkih elemenata
Prema svrsi: web sjedište za poslovanje
Svrha i tema Online prodaja i promidžba proizvoda
3

4. Dizajn informacija
• Glavni elementi web sjedišta su:
– Novi proizvodi
– Ekskluzivni proizvodi
– Odjeća
– Dvije najpopularnije kategorije (Star Wars i
Doctor Who)
– Proizvodi na popustu
4

5. Dizajn informacija (2)
• Struktura: hijerarhijska, 3 razine
• Organizacija informacija po vrsti
• Omogućeno:
– Prijava korisnika
– Pretplata na e-novine
– Kontakt za pomoć
5

6. 6

7. 7

8. Dizajn sučelja
• CSS
• Fiksna širina stranice
• Metafore
8

9. Dizajn navigacije
9

10. Multimedija
• Slike, animacija, video (YouTube)
10

11. Tehničke karakteristike
• Isprobano u 3 različita preglednika
– Opera 12.15, Chrome 26, Firefox 20
• Dinamičko web sjedište
• Korišten JavaScript (uključen i pozivan)
• Web 2.0 alati: Facebook social plug-in,
YouTube plug-in
11

12. Analiza lošeg dizajna
web sjedišta
12

13. Općenito o web sjedištu
Naziv Foto Studio Kobra
URL http://foto-studio-kobra.hr/
Vrsta web sjedišta Prema apstraktnoj podjeli: web sjedište orijentirano na
dokumente
Prema izgledu: bogato grafikom
Prema svrsi: informativno web sjedište
Svrha i tema Informirati korisnike o uslugama
13

14. Dizajn informacija
• Glavni elementi web sjedišta su:
– O nama
– Cjenik svatova
– Galerija fotografija
– Savjeti za početnike
– Svatovi od subote
14

15. Dizajn informacija(2)
• Struktura: potpuna mreža
• Informacije organizirane po vrsti
• Kontakt i slanje poruke putem PHP forme
• Ne postoji opcija personalizacije
15

16. 16

17. 17

18. 18

19. Dizajn sučelja
• Tablice, CSS, okviri
• Dužina home stranice: 1 ekran
• Metafore
19

20. Dizajn navigacije
• Nema breadcrumba
• Nema sekundarne navigacije
20

21. Multimedija
• Video, zvuk (samo u Internet Exploreru),
fotografije, galerija fotografija, online karta
(preuzeto sa karte.hr)
• Korištena stranica Web Album Maker
21

22. 22

23. 23

24. 24

25. Tehničke karakteristike
• Isprobano u 3 različita preglednika
– Chrome 26, Firefox 20, Internet Explorer 9
• Izgubljenost u hiperprostoru
• Statičko web sjedište
• Flash, XML i JavaScript
25

26. KRAJ!
26