1. seminar: Analiza web sjedišta

Grupa 1: Badurina Martina Lukšić Sabina Senić Gordana

vs

Primjer dobrog dizajnaThe Plaza Hotel

Općenite informacije• The Plaza Hotel– Kombinirano sjedište– Bogato grafikom– Informativno sjedište

• Namijenjeno osobama koji žele koristiti usluge hotela Plaza ili se pobliže upoznati sa samim hotelom

• Zašto smo odabrali ovo sjedište?

2. Dizajn informacija

• Prvi blok informacija

• Sadržaj je jasno prezentiran• Samo na engleskom jeziku• Hijerarhijska struktura sjedišta – dubina 3• Sjedište nije personalizirano• Interakcija s korisnicima putem e-novima

3. Grafički dizajn• Opći vizualni dojam je ugodan• Boja podloge je crna dok su slova siva ili zlatna

• Hipertekst i linkovi

4. Dizajn sučelja

• Za izradu sučelja korišten je CSS• Na niskim rezolucijama stranica zahtjeva skroliranje

udesno• Promjenom veličine prozora preglednika stranica

ostaje nepromjenjiva• Dužina do 6 ekrana

• Grupiranje kategorija

• Koriste se razne metafore:

5. Dizajn navigacije• Jednostavna navigacija s poštivanjem principa dobre

navigacije• Implementirana po različitim razinama

• Dodatna navigacija

6. Multimedija• Multimedijski elementi: tekst, grafika, animacija i video• Uključeni su u sadržaj prema pravilima dobrog web

dizajna• Slike su .JPEG i .GIF formata

• Web sjedište sadrži mnoštvo galerija slika

• Animacije su .SWF i .GIF formata

• Web stranice: Hotel, Dining, Health & Beauty, Shops, Events i Family na samom početku sadrže video zapise .FLV formata koji pobliže opisuju dijelove Hotela.

7. Tehničke i ostale karakteristike• Funkcionira bez pogrešaka

i jednako u 3 različita web preglednika (IE, Firefox i Chrome)

• Sjedište je izrađeno pomoću statičkog HMTL-a

• Koriste se stilski predlošci CSS

• Obrasci za unos podataka (form)

• Koristi se skripte

• Nismo uočili linkove na web 2.0 alate• Google maps

Primjer lošeg dizajnaGeorge Hutchins for U.S. Congress 2012

Općenite informacije• George Hutchins for U.S. Congress 2012– Kombinirano sjedište– Bogato grafikom– Osobno sjedište

• Namijenjeno glasačima Georga Hutchinsa te osobama koje žele saznati više informacija o ovom političaru

• Zašto smo odabrali ovo sjedište?

2. Dizajn informacija

Drugi dio web stranice

Blokovi informacija

Interakcija - forum

3. Grafički dizajn• Vizualan dojam nije ugodan• Korišteno mnoštvo boja• Tekst:– različito poravnavanje – različite vrste fontova (Impact , Serifa BT)

• Grafički elementi loše ukomponirani u dizajn sjedišta

4. Dizajn sučelja• Za izradu sučelja korištene su tablice• Na niskim rezolucijama stranica zahtjeva skroliranje

udesno• Promjenom veličine prozora preglednika stranica

ostaje nepromjenjiva• Dužina do 25 ekrana• Sadržaj raspoređen u blokovima koji su teško uočljivi• Metafore:

5. Dizajn navigacije• Loše izrađena ne poštujući principe dobre navigacije• Primarna navigacija:

• Dodatna navigacija:

• Povratak na početnu stranicu se vrši klikom na jezičnu hipervezu:

6. Multimedija• Mnoštvo multimedijskih elementa: teksta, grafike i

videa• Slike su .JPEG formata

• Mnoštvo video zapisa s YouTube-a

• Elementi nisu uključeni su u sadržaj prema pravilima dobrog web dizajna

7. Tehničke i ostale karakteristike• Web sjedište ne funkcionira bez grešaka

Google Crome Firefox Mozilla Internet Explorer

• Web sjedište je izrađeno pomoću statičkog HTML-a u programu Microsoft FrontPage 5.0

• Korištene su tablice

• Korištenje JavaScript-a:

• Stranice se otvaraju sve u istom prozoru

• Linkovi na Web 2.0 alate: Facebook, YouTube i Meetup

Hvala na pozornosti !