POSLOVNA INFORMATIKA
Zadatak 4:
Elementi dizajna Web strane
U Banjoj Luci, decembar 2011. godine
Elementi dizajna Web strane
VRSTA STRANA I NJIHOVA ORGANIZACIJA 1. Da li Vaa lokacija za
praenje ima uvodnu stranu. Ako je odgovor Da, komentariite sadraj i
dizajn, prikaite je i ocijenite je (ocjenom od 5 do 10) sa
stanovita svrsishodnosti. MarketingProfs Web lokacija ne sadri
klasinu uvodnu stranu. Sadraj je uklopljen u dizajn sajta i poetnu
(Home) stranicu.
2
2. Prikaite matinu stranu Vae lokacije za praenje, komentariite
sadraj i dizajn i ocijenite (ocjenom od 5 do 10) sa stanovita
pravila koja vrijede za matine strane. Matina strana se uitava
brzo, praena je navigacijom koja funkcionie bez javljanja greaka.
Matina strana je dopunjena alatkom za pretraivanje i kategorijama
kao i u Google-u. Dizajn je jednostavan, profesionalnog i poslovnog
izgleda koji zadrava posjetioca na stranici.
3
3. Izaberite i prikaite po volji jednu stranu sa Vae lokacije za
praenje sa navigacionim elementima i sadrajem. Komentariite
izabranu stranu sa stanovita odnosa sadraj/navigacija i ocjenite je
ocjenom 5 do 10. Strana jasno prikazuje sadraj, prua mogunost
jednostavnog pretraivanja svih stranica MarketingProfs Web lokacije
putem menija koji je postavljen na vrhu i meni u lijevom dijelu
strane. Ovako kompleksna stranica daje korisniku mogunost da lako i
na jednostavan nain pretrai i pronae eljeni pojam. Predstavljena
stranica prikazuje marketing biblioteku u kojoj navigacija omoguava
jednostavno kretanje kroz sadraj. Posjetom lokacije stalnom
posjetiocu omugueno je da dobije informaciju o novim temama koje su
dodate na lokaciju od njegove zadnje posjete.
4
4. Izaberite i prikaite stranu namjenjenu iskljuivo navigaciji,
sa Vae lokacije za praenje. Komentariite izabranu stranu sa
stanovita cilja i ocijenite je ocjenom 5 do 10.
www.marketingprofs.com posjeduje mapu lokacije, to sa brzom
navigacijom i pronalaenje potrebnih informacija za posjetioce
lokacije.
5
5. Izaberite i prikaite stranu namjenjenu sadraju. Lokacija
posjeduje mapu lokacije, to je vidljivo i putem URL, pored mape
lokacije posjeduje linkove sa lijeve strane koji olakavaju
navigaciju i krajnji dolazak do cilja, informacije su aurirane u
svakom trenutku.
6. Izaberite i prikaite ostale strane, kao to su : strane sa
esto postavljanim pitanjima, strane sa zakonskim uslovima
koritenja, strane sa izjavom privatnosti, strane namjenjene
obavljanju odreenih poslova, strane za uspostavljanje kontakta,
strane specijalno namijenjene tampanju, sa Vae lokacije za praenje.
Komentariite izabrane strane sa stanovita cilja i ocjenite ih
ocjenom 5 do 10. Na stranicama postoji mogunost za komentare
posjetilaca lokacije, to je i vidljivo na sljedeoj slici:
6
Stranica sadri licencu, odnosno zakonske uslove koritenja:
7
Strane sa izjavom privatnosti:
Stranica namjenjene obavljanju odreenih poslova, oglasi za posao
i dr.:
8
Strana za uspostavljanje kontakta daje mogunost direktne
komunikacije sa vlasnicima stranice:
Sve tekstove mogue je odtampati, veinu je mogue vidjeti u PDF
formatu:
9
Na lokaciji je mogue otvoriti vlastiti nalog koji posjeduje
korisnike parametre i lozinku za pristup:
7. Izaberite i prikaite izlaznu stranu, sa Vae lokacije za
praenje. Komentariite izabranu stranu sa stanovita cilja i ocjenite
je ocjenom od 5 do 10. Izlazna strana prikazana je na slici,
izlazak sa stranice je omugeen opcijama close i back.
10
8. Navedite, prikaite i ocjenite primjenjene kole Web dizajna na
Vaoj lokaciji. MarketingProfs primjenjuje kolu tekstualnog dizajna
i grafikog korisnikog interfejsa. Upotrijebljen je CMS, CSS, DHTML.
kole Web dizajna koje su upotrebljene, mogue je vidjeti na
prethodnim slikama.
9. Izaberite i prikaite jednu tipinu stranu, sa Vae lokacije za
praenje. Komentariite izabranu stranu sa stanovita TLB organizacije
i ocjenite je ocjenom od 5 do 10. Vrh stranice, rezervisan je za
oznaavanje stranice sa podacima i primarnom navigacijom, ispod se
nalaze elementi rezervisani za navigaciju. Lijevi dio rezervisan je
za navigaciju, a dno stranice za dodatne informacije i obavjetenja,
kao i podaci za kontakt, sredstva, o organizaciji itd..
11
12
10. Izaberite i prikaite jednu tipinu stranu, sa Vae lokacije za
praenje. Komentariite izabranu stranu sa stanovita
ZAGLAVLJE/PODNOJE organizacije i ocjenite je ocjenom od 5 do 10.
Zaglavlje/podnoje kod matine strana, kao i ostalih strana, index
strana za navigaciju i jo neke strane sa sadrajem koje su do sada
prikazane u zadatku sainjene su od trake za navigaciju na vrhu i
tekstualnih veza na dnu stranice.
13
TEKST 11. Navedite, prikaite komentariite i ocjenite (ocjenom 5
do 10) upotrebu fontova na Vaoj lokaciji. Kortene su tri vrste
fontova, na odreenim mjestima radi efektnosti i funkcionalnosti u
razliitim bojama i veliinama. Slijedi pruzeto iz pogleda na stilove
sa Web lokacije: font-family: "Arial", "Helvetica", sans-serif;
font-size: 14px; 12 px; 10 px; 8 px font-style: normal;
font-variant: normal; font-weight: 700
12. Navedite, prikaite komentariite formatiranje teksta na Vaoj
lokaciji. Za formatiranje teksta se koriste se tabele i kaskadni
stil, postoji hijerarhija fontova tj. razliite veliine i
podebljanja.
14
13. Komentariite nain i primjenu pojedinih vrsta pisanja za Web
na Vaoj lokaciji. Omoguena je podjednako za pregledanje i
printanje. Naslovi su jasni i smisleni, tekst je primjeren njegovoj
upotrebi, ideje su vidljive. Vidljiva je mogunost korisnika da
sadraj na ekranu preleti u potrazi za neim to je zanimljivo, pa
zatim pritisne hipervezu ija je boja tamnija prilikom klika na nju,
kao i boja slova.
BOJE, SLIKE I POZADINA 14. Komentariite i ocjenite primjenu
paleta boja na Vaoj lokaciji. Pozadina lokacije je bijele boje sa
naslovima u plavoj boji, tekst je crne boje (osim onog kojim je
oznaena hiperveza, plava), traka za navigaciju u plavoj boji, a
komandna dugmad takoe mijenjaju boju u drugu boju pri aktivaciji.
15. Komentariite i ocjenite upotrebu slika na Vaoj lokaciji.
Koriten je GIF format za animacije i JPEG format za fotografije, sa
umjerenim koritenjem kontrasta boja usaglaenih sa pozadinom.
Lokacija posjeduje veliki broj fotografija, koje se uitavaju brzo i
bez potekoa.
15
OBEZBJEIVANJE INTERAKTIVNOSTI POMOU ELEMENATA GRAFIKOG OKRUENJA.
16. Komentariite dizajn Vae lokacije i tradicionalni grafiki
interfejs. Lokacija se dri principa koritenja metafora iz stvarnog
svijeta, ukljuujui metafore grafikog interfejsa, po pitanju
manipulacije, postoji osjeaj manipulacije na lokaciji, princip vidi
i pokai takoe vai na lokaciji, opcije su jasno istaknute, lokacija
je koherentna, zadovoljava princip dosljednosti. WYSIWYG (What You
See Is What You Get) WYSIWYW (What You See Is What You Want): ta
vidite to ete i dobiti ta elite to ete i vidjeti
16
17. Prikaite i komentariite upotrebu prozora na Vaoj lokaciji
(prozori na cijelom ekranu, modalni prozori, potprozori upozorenja,
prozori za potvrivanje, prozor za unos podataka, obrasci). Postoje
sljedei prozori: primarni prozori, sekundarni prozori, prozor za
unos podataka. Bez obzira na prostor mogue je pregledati sadraj
strane bez problema.
18. Prikaite i komentariite ulogu padajuih menija na Vaoj
lokaciji. Za jednostavno i brzo prelaenje na novu stranicu u
pojedinim oblastima, koristitimo padajue menije koji i sastavni dio
glavnog menija. Padajui meniji su rasporeeni na gornjoj margini
svake stranice lokacije, a otvaraju se klikom na dugme sa nazivom
menija koji se u njemu nalaze.
17
19. Prikaite i komentariite ulogu pominih lista na Vaoj lokaciji
Lokacija preporuuje za upotrebu alternativnih ureaja i itaa, umesto
pominih lista upotrebu polja za potvrivanje. Kao i po pravilu za
upotrebu interneta, pritiskom na odreene tastera, bira se vie
stavki sa liste.
20. Prikaite i komentariite ulogu navigacionog stabla na Vaoj
lokaciji Navigaciono stablo se nalazi na stranici mapa sajta.
Jednostavno je za korisnika, obezbijeena je mogunost povratka i
jasna pozicija, kao i jasne vizuelne poruke. Navigacija odgovara
svrsi sajta i podrci i ciljevima korisnika.
18
