1. Sveučilište u Rijeci – Odjel za informatiku
Studij: Dimplmsk studij informatika (nm)
Kolegij: Primjena hipermedije u obrazovanju 2
Nositeljica:
ANALIZA WEB SJEDIŠTA
Grupa 7:
Marina Bajčić
Hrvoje Belančić
Nenad Melinčević
Kristina Prodanović

2. SADRŽAJ
 Primjer dobrog dizajna –  Primjer lošeg dizajna - Yale
Apple University School Of Art
 Dizajn informacija  Dizajn informacija
 Grafički dizajn  Grafički dizajn
 Dizajn sučelja  Dizajn sučelja
 Dizajn navigacije  Dizajn navigacije
 Multimedija  Multimedija
 Tehničke i ostale  Tehničke i ostale karakteristike
karakteristike

3. APPLE

5. DIZAJN INFORMACIJA
 Struktura – hijerarhijska
 Organizacija po vrsti sadržaja
 Sadržaj prezentiran na jasan način
 Naslovna stranica istaknuta dodatnom
jednostavnošću
 Korisnici – kupci
 Sustav podrške – telefonski, obrazac za
postavljanje upita, chat, forum

6. GRAFIČKI DIZAJN
 Pozadinska boja: bijela sa raznim obrubima i sjenama
 Paleta boja za tekstualni zapis: siva, crna i plava
 Font: Helvetica
 Važnost sadržaja naglašena je bojom i veličinom fonta
 Responsive Web Designe (RWD) pristup

7. GRAFIČKI DIZAJN II
 Logo u globalnoj navigaciji koji vodi do početne
stranice
 Aktivni gumb poprima tamno sivu boju koja daje
dojam pritisnutog gumba
 Gumbovi su originalni grafički elementi kao i ostala
multimedija koja se koristi na web sjedištu

8. DIZAJN SUČELJA
Dizajn sučelja naslovne
stranice.

9. DIZAJN SUČELJA II
Dizajn sučelja web trgovine
Apple proizvoda.

10. DIZAJN SUČELJA III
Dizajn sučelja Apple
proizvoda.

11. DIZAJN SUČELJA IV
Dizajn sučelja Apple
podrške.

12. DIZAJN SUČELJA V
 Adresna traka uvijek pokazuje točnu poziciju
korisnika na web sjedištu
 Metafore
 košarica za kupnju u Apple trgovini, simbol za račun na
web sjedištu i slušalica kraj kontakt telefonskog broja
 Sadržaj stranice zauzima 3-4 stranica
 Nedostatak: fiksna širina stranice

13. DIZAJN NAVIGACIJE
 Globalna navigacija
 Glavna navigacija
 Sporedna navigacija
 Dodatna sporedna navigacija
 Breadcrumb navigacija
 Mapa weba

14. GLOBALNA NAVIGACIJA
 Smještena na dnu stranice
 Trgovina, Info, Mapa weba, novosti, RSS...
 Gumb za promjenu jezika sjedišta

15. GLAVNA NAVIGACIJA
 Smještena na vrhu stranice
 Poveznice na glavne kategorije
 Logo – Home
 Tražilica

16. SPOREDNA NAVIGACIJA
 Razlikuje se po kategorijama

17. BREADCRUMB NAVIGACIJA I MAPA WEBA
 Bredacrumb n. smještena na dno stranice – nije
dovoljno vidljiva
 Mapa weba – vrlo složena

18. MULTIMEDIJA
 Koriste se grafički elementi, slike, videi i animacije
 Animacija se javlja kod sekundarne navigacije i kod
prezentacije odreĎenih Apple proizvoda

19. TEHNIČKE I OSTALE KARAKTERISTIKE
 BuiltWith alat  Aggregation Functionality
 Server Information RSS
Apache.  Document Information
 Analytics and Tracking HTML5 DocType
Omniture SiteCatalyst Viewport Meta
X-UA-Compatible
 JavaScript Libraries
Cascading Style Sheets
Prototype
Meta Description
script.aculo.us
Javascript
SizzleJS
HTML 5 Specific Tags
Retina JS
 Encoding
UTF-8

20. YALE UNIVERSITY SCHOOL OF ART

21. LITERATURA