1

Projektovanje sistema elektronskog poslovanja

mr Boban Vesin Sreda: I čas: 14:55 - 15:40II čas: 15:50 - 16:35III čas: 16:45 - 17:30I čas: 17:40 - 18:25II čas: 18:35 - 19:20III čas: 19:30 - 20:15

2

Projektovanje sistema elektronskog poslovanja

� Sadržaj– Uvod, Internet, Web– World Wide Web– Elektronsko poslovanje– Modeli elektronskog poslovanja– Internet Marketing– Onlajn novčane transakcije– Sigurnost na mreži– Harver, softver, komunikacije i tehnologije– Izrada sistema

3

Izrada sistema

� Motivi za nastup na Internetu mogu biti razvrstani u sledeće segmente: – promocija ponude sa ciljem osvajanja novih mušterija tj. pronalaženje novih kupaca

– direktna prodaja proizvoda korisnicima Interneta – poboljšanje efikasnosti i smanjenje troškova poslovanja

– poboljsanje interne komunikacije

4

Izrada sistema

� Direktna prodaja� Servis za online naručivanje spada u jedan od najznačajnijih servisa svakog sajta, ako ne i u najznačajniji

� Najzanimljivija činjenica vezana za ovaj servis jeste njegovo potpuno besplatno korišćenje

� Sistem je potrebno napraviti tako da sa svojim vizuelnim i funkcionalnim karakteristikama omogućava jednostavno i intuitivno korišćenje, koje ne zahteva prethodno poznavanje rada na računaru

5

Izrada sistema

� Poboljšanja efikasnosti i smanjenje troškova poslovanja

� Efikasnost svakog sajta meri se sa jedne strane brojem posetilaca sajta, a sa druge strane materijalnom dobiti korisnika sajta

� Kvalitetnija ponuda, dopunjena Internet prezentacijom indirektno bi trebalo da se odrazi na povećanje broja kupaca

6

Izrada sistema

� Nastup na Internetu � Najupečatljiviji i najbitniji faktori koji utiču na kvalitetan i pre svega uspešan nastup na Internetu su – pravilno predstavljanje firme, proizvoda i usluga klijentima

– briga o klijentima– Marketing– prepoznatljiv i lako pamtljiv vizuelni identitet

2

7

Izrada sistema

� Registracija domena � Svaki veb sajt ima svoj jedinstven naziv koji

ustvari predstavlja naziv domena (Domain Name) � Naziv domena je jedinstven, tako da se uz

njegovu pomoć jednoznačno pronalazi sajt na internetu

� Postoje brojne kompanije na internetu koje pružaju usluge registracije domena

� Neke od njih su NetworkSolutions.com, Dotster.com, Register.com

� Da bi korisnici bili u mogućnosti da preko interneta pristupaju nekom sajtu, neophodno je da taj sajt ima registrovan domen na odreñenom serveru (Domain Name Server) 8

Izrada sistema

� Za početak je potrebno osmisliti poslovni naziv sajta

� Ekstenzija domena naziva sajta označava njegovu delatnost, tako na primer – „.com” koriste domeni sajtova koji su komercijalne prirode

– „.org” za neprofitne organizacije – „.edu” za obrazovanje(škole, fakulteti..) – „.gov” za državne institucije(vlada, ministarstva)

9

Izrada sistema

� Hosting web sajta � Treba obezbediti fizički prostor na kojem će sajt biti postavljen, kao i odgovarajuću podršku web servera, baze podataka

� Pored osnovnih usluga u ponudi Euneta se nalazi još niz dodatnih usluga: – Mailing lista – Registracija domena – Parkiranje (rezervisanje) domena – Dodatni domeni – Poddomeni – Dodatna MySQL baza – Dodatni prostor za MySQL server bazu 10

Izrada sistema

� Za velike kompanije sa zahtevnim sajtom postoji druga opcija: postavljanje sopstvenog internet servera

� Ovo je gotovo neophodno u slučajevima korišćenja velikih baza podataka elektronskog poslovanja, u koju će biti pohranjeni kako podaci o proizvodima i uslugama tako i podaci o trgovini i praćenju sesije posetilaca

� Ovakav način izlaza na web, preko sopstvenog servera, zahteva stručno znanje i iskustvo iz te oblasti (unajmljivanje stručnjaka)

� Takoñe u interesu svakog vlasnika web prezentacije jeste da pristup njegovom sajtu bude brz, što zahteva veoma brzu konekciju preme internetu

11

Izrada sistema

� Izrada sajta � Potrebno je razjasniti sledeće:

– Koja je svrha sajta? – Da li sajt predstavlja internet marketing prezentaciju, ili će imati dinamičku podršku prodaje proizvoda i usluga?

– Sa kolikim buñetom se raspolaže? – Ko će biti odgovoran za održavanje sajta? – Ko će obezbediti sadržaj (slike i tekstove) sajta? – Ko će biti pravni vlasnik tog materijala? – Da li će unajmljena firma biti zadužena i za dizajn i za marketing sajta?

– Kakvu su web prezentaciju napravili 10 najjačih konkurentskih firmi?

12

Izrada sistema

� Saveti izrade uspešnog sajta – Učiniti sajt lakšim za korišćenje

– Pružiti koristan sadržaj

– Povratna informacija od korisnika

– Kreiranje e-mail lista

– Knjiga utisaka o sajtu

– Javni forumi (diskusije)

– Ankete

– Nagradna igra

– Personalizacija odreñenih delova sajta

3

13

Izrada sistema

� U cilju promocije potrebno je uzeti u obzir dobijanje zadovoljavajućih odgovora na sledeća pitanja: – Da li sajt privlači nove posetioce? – Da li je sajt gusto posećen i koji njegovi sektori nisu? – Na koji način kvalifikujemo potencijalne klijente? – Koliko je efikasan način pretvaranja posetilaca u klijente? – Da li i kako segmentirati kupce? – Šta je to što ih čini lojalnim? – Kako meriti lojalnost? – Koje osobine imaju naši najbolji klijenti? – Kakvo ponašanje posetilaca ukazuje na spremnost da postane klijent?

– Kojom putanjom kroz sajt idu posetioci? – Koji je optimalan način predstavljanja ponuda na web stranici? 14

Izrada sistema

� Da bi informacije o ponudi video što veći broj korisnika Interneta potrebno je organizovati reklamnu kampanju

� Kod online kampanje (kampanje na Internetu) koriste se plaćeni i besplatni servisi

� Online kampanja bi bila započeta sa plaćenim servisima na Internetu i razmenom banera sa ostalim sajtovima

� reklamni linkovi sa sličnim sajtovima

15

Izrada sistema

� Efekti online poslovanja � Analizom tri različite dimenzije ponašanja posetilaca sajta možemo dobiti odgovor na pitanje ko su najbolji posetioci – skorosti – gde imamo informaciju koja nam pokazuje da li je posetilac nešto nedavno kupio,

– frekventnosti – koja pokazuje koliko često posetilac kupuje ili dolazi na sajt,

– monetarne vrednosti – gde saznajemo koliko posetilac troši na sajtu, kao i kolika je njegova stopa profitabilnosti za sajt

16

Izrada sistema

� Internet marketing i promocija sajta � Postoji na hiljade profesionalno dizajniranih veb sajtova ali samo manji broj njih se lako ponalazi uz pomoć velikih poznatih pretraživača (Google, Yahoo, ...)

� većina velikih poslovnih web prezentacija nije registrovana na pretraživačima

� Pored globalne pretrage interneta Google i Yahoo pružaju usluge i lokalne pretrage unutar sajta

17

Izrada sistema

� Šta ljudi najčešće pretražuju? � Masa pretrage (search volume) predstavlja broj zahtevanih pretraga po jednoj ključnoj reči u odreñenom vremenskom intervalu

� Lokalne pretrage unutar sajta – Sa pojavom lokalnih pretraga (pretraga unutar samog web sajta), svi sajtovi u okviru istih oblasti su postajali više konkurentni

18

Ključ uspešnog voñenja istraživanja marketing sajta

� Izbor naziva domena � Prijaviti se na najvećim pretraživačima � Obratiti posebnu pažnju na osnovnu stranu � Razvijati bogat sadržaj web strana � Pratiti e-razvoj konkurencije � Dodavanje novih sadržaja � Povezivanje sa drugima � Tag naziv sajta

4

19

Svrha biznis plana

� Biznis plan je napisani rezime prošlih, sadašnjih i budućih aktivnosti vašeg poslovanja

� plan poslovnih aktivnosti � Biznis plan je, takoñe, dokument koji služi kao standard sa kojim se mogu porediti tekući rezultati nakon što je posao startovao, praćenje ključnih performansi - Key Performance Indicators

� On je skoro obavezujući dokument ukoliko želite da se predstavite potencijalnom partneru, za otpočinjanje novog posla, da pozajmite kapital od privatnih investitora, banaka ili velikih kompanija

20

Zašto su posetioci komercijalnog sajta koji su došli preko pretraživača od posebnogznačaja u e-trgovini?

� Posetioci koji doñu na vaš sajt preko pretraživača su ciljani a ne slučajni web šetači. Oni koristeključne reči koje su vezane za naš proizvod.

� Pošto su posetioci sajta našli vas, oni su bliže da postanu vaši potencijalni kupci. Oni su motivisani iotvoreni za kupovinu, sa znatno manje otpora, jer su oni pronašli vas.

� To su novi posetioci i potencijalni kupci. Vaši dosadašnji posetioci i kupci nemaju potrebu da vasponovo pronalaze, tako da oni ne dolaze putem pretraživača.

21

Da li ćete u osmišljavanju i projektovanju komercijalnog sajta voditi računa o njegovojvidljivosti na pretraživačima?

� Naravno da će SE voditi računa, iz prostog razloga što se preko 75% saobraćaja na Internetu odvija preko pretraživača. I kada se uporede troškovi (koji su gotovo nikakvi) za prijavljivanje na pretraživače, sa reklamiranjem na televiziji, preko radija ili bilborda zaključak je veoma jasan: mnogo je isplatljivije, prilikom čega je i potencijlna dobit takoñe velika.

22

Koji su pretraživači od interesa u e-poslovanju?

� Pretraživači od najvećeg interesa za e-poslovanje su naravno oni koji su najposećeniji, na prvom mestu Googlei Yahoo, a kod nas Krstarica, ali isto tako i pretraživači koji si vezani za oblast iz koje ćemo mi napraviti komercijalni sajt.

23

Koji proizvodi su najpogodniji za prodaju preko interneta?

� Najpodesniji proizvod koji je sam već po svojoj prirodi u elektonskom (digitalnom) obliku. (muzika, filmovi, video zapisi, video igre, softver)

� knjige� prodaja pristupa bazi podataka ili samu bazu (imenici, adresari,

informacije specijalizovane za jednu oblast, prodaja adresa izglednih kupaca za odabrani proizvod, poslovni adresari i tenderi), jedan od načina prikupljanja adresa je preko foruma ili portala,preko specijalizovanjh sajtova,

� kataloška prodaja proizvoda,� sve vrste retkih stvari i kolekcionarskih stvari,� prodavanje savetodavnih usluga, (prava tipična usluga je lektura

tekstova, saveti lekara, pogotovo u oblasti preventive, saveti majkama, trudnicama, pravni saveti...)

� Prodaja učenja na daljinu - distant learning.

24

Izgradnja sajta e-trgovine� U izgradnji uspešnog sajta e-trgovine postoje dva važna

izazova:� razvoj jasnog razumevanja komponenti poslovnih objekata - plan

razvoja sajta firme

� znanje koje će omogućiti izbor prave tehnologije za realizaciju tih objekata - razumevanje pojedinih osnovnih elemenata infrastrukture e-trgovine

� podela niza faktora koji će učestvovati u samom procesu izgradnje

Dizajn sajtaSoftver

Arhitektura hardvera

Telekomunikacije

Ljudski resursiOrganizacione mogućnosti

5

25

Analiza sistema

“Šta želimo da e-trgovinski sajt radi?”

Kako će strategija i poslovni model biti

transformisani u uspešan e-trgovinski sajt?

uočavanje poslovnih ciljeva

razvoj liste funkcionalnosti sistema i zahteva za informacijama

set preciznih informacionih zahteva

lista mogućnosti koje od sajta očekujemo

lista mogućnosti informacionog sistema

informacioni elementi koje sistem mora da produkuje da bi se ostvarili poslovni ciljevi

26

Dizajniranje sistema� Opis glavnih komponenti sistema i njihov meñusobni

odnos

� Može se podeliti na dve komponente:

� Logički dizajn : protok informacija na e-trgovinskom sajtu, procesne funkcije koje moraju biti izvršene, baza podataka koja će se koristiti, bezbednosne procedure i kontrole

� Fizički dizajn : vrši transformaciju logičkog dizajna u fizičke komponente, kao što su, na primer, model servera, softver, veličina telekomunikacionih veza

27

Proizvodi

Korisnik sajta

Prodaja proizvoda

Stranice kataloga

Informacije o korisniku

HTTPzahtev

Baza podataka korisnika

Baza podataka kataloga

Baza podataka porudžbina

Verifikacija

Logički dizajn

28

Potrošač

Internet

Firmin Web sajt

Baza podataka

Ad Server

Online katalog

Mail server

Platna kartica

Fizički dizajn

29

Komercijalizovanje Web sajta

� Pružanje interesantnog sadržaja sa korisnim informacijama

� Personalizovanje informacija na osnovu praćenja kretanja i akcija kupca na sajtu

� Naglašavanje mogućnosti izbora� Ponuda interesantnih i neobičnih proizvoda� Unakrsna prodaja, ponuda srodnih proizvoda kada

mušterija kupuje� Ponuda prijavljivanja na e-mail liste za

informisanje o novostima

Dizajniranje za korisnika

6

31

Korisnikov svet

Medij

Predstavljanje

Navigacija

Sadržaj

Dizajner Korisnik

Stvara lokaciju

� Na korisnike stalno utiče okolina� Iz svog sveta korisnik pristupa lokaciji posredstvom medija,

Interneta i Weba � On se kreću Webom i posećuje lokacije – na svakoj lokaciji

prvo zapaža ono čime je ona predstavljena� Ukoliko odluči da se stvarno pozabavi lokacijom, počeće

detaljno da gleda sadržaj ili da reaguje na njega 32

Korisnikova okolina

Pristup, verovatno nije preko računara (telefon)Rad uz manje unošenja podataka (sa tastature)Svrha je poslovna ili dobijanje važnih obaveštenjaPristupanje lokalnim obaveštenjima može da ima visok prioritetBrzina i kvalitet pristupanja verovatno su na niskom nivou

Automobil

Pristup, verovatno, preko računaraCena može da utiče na nivo korišćenjaPromenljiv nivo bukeSvrha je verovatno zabava ili pretraživanje InternetaBrzina pristupanja je velikaJedan korisnik, ali i grupa korisnika

Internet kafić

Pristup, u načelu, preko računaraJedan korisnikPromenljiv nivo buke, ali uglavnom tihoSvrha može da bude i rad i igranjePristupanje u bilo koje dobaPristupanje modemom, pa do priključka velike brzine

Radna ili spavaća soba

Pristup, u načelu, preko računaraJedan korisnikRelativno tiho okruženjePristupanje, često, putem brzog priključka

Kancelarija

UsloviOkolina

33

� Ljudi nisu savršeni� Zajedničko korisnicima:

– sposobnost pamćenja– reakcija na nova iskustvo iz spoljašnjosti– vid

� Problemi nastaju: – Ako su pogrešno upamtili podatke– Drugačije primaju nova iskustva– Ne vide jednako boje

Zajedničke osobine korisnika

34

Pamćenje� Pamćenje posetilaca nije savršeno.

� Pravilo: korisnici nastoje da uz minimum truda izvuku što više koristi.

� Pravilo: lakše je nešto prepoznati nego zapamtiti. � Pravilo: ako posećene veze ostanu iste boje i stila kao i neposećene, korisnik se primorava da pamti gde je sve bio.

� Predlog: s obzirom da se vizuelni utisci lakše pamte, pravite strane koje će izgledati drukčije od ostalih.

� Predlog: grupu sličnih opcija, npr. veza, ograničiti na 5-9 stavki.

� Predlog: lokacija treba da bude organizovana tako da korisnik ne pamti više od tri stavke ili tri strane u nizu.

35

Korisnikovo opažanje� U apstraktnom smislu: ljudi reaguju na svet oko sebe,

uključujući i Web lokacije:– Osoba prima novo iskustvo koju smešta u memoriju– Pokušava da razume, filtrira svesno ili nesvesno– Poziva sećanja na doživljena iskustva kako bi joj pomogla u razumevanju novog i pri odlučivanju šta da uradi

– Kada formira utisak, korisnik može da osmisli akciju – ili da se od nje uzdrži

Novo iskustvo Utisak Akcija

Memorija36

Vid� Način na koje ljudsko oko zapaža boju

– Ton – stepen sličnosti sa osnovnim bojama: crvenom, zelenom i plavom

– Zasićenje – “obojenost” boje – stepen razlike od bele, sive ili crne boje

– Svetlina – stepen opažanja boje kao svetlije ili tamnije od druge boje posmatrane pod istim uslovima

� Predlozi:– Nemojte koristiti bliske tonove za tekst, slike i pozadinu.– Ne kombinujte tekst, slike i pozadinu bliskog stepena zasićenja.

– Uvek mislite na kontrast. Izbegavajte tekst, slike i pozadinu iste svetline.

– Izbegavajte nemirnu pozadinu popločanu slikama.– Boje elemenata koji se moraju uočiti, npr. boje veza treba da se razlikuju po tonu i svetlini

7

37

Primer: Svetla podloga

38

Primer: Tamna podloga

39

Primer: Težak kontrast

Vrste strana i njihova organizacija

41

Definicija Web strane

� Osnovni element Web lokacije – strana� Osobine strane razlikuju se od jedne do druge lokacije, pa i na istoj lokaciji

� U najjednostavnijem smislu – strana je ono što se pojavljuje u prozoru čitača

� Svrha organizovanja Web lokacija – rasporeñivanje odreñenog celovitog sadržaja na više meñusobno povezanih strana koje će korisnik lako usvojiti

42

Rasporeñivanje celovitog sadržaja

Nestruktuiran sadržaj

Celina Srodni dokumenti

Samostalne strane

8

43

Veličina strane

� Na Webu ne postoji standard za veličinu strane

� Kao i u štampi – osnovno pitanje je da li format strane odgovara sadržaju

� Fiksna veličina strane – nesumnjive prednosti:– Prilikom deljenja informacija

– Fizičke granice za ono što se postavlja na stranu

– Poboljšava čitljivost – korisnik unapred zna koliko sadržaja očekuje kada pogleda stranu

– Strana se može odštampati ili poslati e-poštom na predvidiv način

44

Veličina strana

� Teškoće – potiču od korisnikovog ekrana

� Različiti elementi operativnog sistema (sistemska paleta na Windowsovoj paleti poslova) zauzima deo prostora

� Korisnik ne mora prozor čitača da proširi na ceo ekran

45

Uobičajene ekranske rezolucije

Računar (visoka rezolucija)1024 × 7681152 × 8641200 × 10241600 × 1200

Računar (standardna rezolucija)800 × 600

Računar (niska rezolucija)640 × 480

Personalni digitalni asistent (PDA) veličine dlana

320 × 240

Mobilni telefonVeoma varira: od 3 reda sa po 12 znakova pa do 310 ×100 tačaka

UreñajRezolucija

46

Raspoloživi prostor za sadržaj

Puna veličina prozora čitača u rezoluciji 640 × 480 tačaka

Prozor čitača pri rezoluciji 640 ×480 tačaka pruža manje prostora

kada ga korisnik podesi

47

Potencijalno raspoloživo područje

1006 × 605782 × 440620 × 310Internet Explorer

1024 × 768800 × 600640 × 480Čitač

� Potencijalno raspoloživo područje ekrana pri maksimiziranom prozoru čitača i uz standardne vrednosti parametara (u Windows-u)

48

Rešavanje problema veličine strane

� Ako je moguće stranu je potrebno horizontalno uklopiti u raspoloživi prostor

� Značajne elemente (kao što je sistem za navigaciju) postaviti na prvu stranu

� Ukoliko je moguće, ne treba korisniku postavljati ograničenja u pogledu rezolucije pri kojoj može da radi sa lokacijom

� Kada se dizajnira na osnovu pretpostavljane veličine ekrana, potrebno je uvesti faktor sigurnosti od barem 10% za veličinu raspoloživog prostora

9

49

Margine strana

� Osim veličine formata strane – dizajneri treba da vode računa i o marginama za sadržaj

� Čitači koriste margine – njihova veličina u svakom čitaču drugačija

� Ukoliko je strana konstruisana tako da ne uvažava ili ne upravlja marginama, raspored na njoj u nekim čitačima može da bude poremećen

� Danas se pomoću HTML-a i kaskadnih stilova marginama može upravljati, one se, takoñe, mogu ukinuti

Vrste Web strana

51

Vrste Web strana

� Web strane mogu se klasifikovati na više načina: na osnovu namene, kako se koriste, štampaju ili gledaju, koliko se često ažuriraju, itd.

� Najjednostavnija klasifikacija – na osnovu namene strane:– Da li je u pitanju prvenstveno strana sa sadržajem– Strana za navigaciju – Strana za obavljanje nekog posla ili– Njihova kombinacija

� Zbog pažnje koja se posvećuje ulaženju i izlaženju sa lokacije – potrebno je voditi računa o tome da li je strana ulazna ili izlazna

� Uspešna poseta lokaciji – jasno započeta (ulazna strana), da korisniku pruži sadržaj i pomoć pri kretanju (strane sa sadržajem i navigaciijom) i da se završi (izlazna strana)

52

Ulazne strane

� Svaka strana, teorijski, može da posluži kao ulaz ukoliko korisnik zna njen URL

� Matična strana je glavni ulaz na lokaciju –ali izvesne važne strane pojedinih odeljaka tzv.podmatične strane mogu biti ulazi u lokaciju

� Iako većina lokacija usmerava saobraćaj na glavni ulaz (matičnu stranu), na nekim lokacijama postoje specijalne ulazne strane – uvodne strane

53

Uvodne strane

� Namena uvodne strane (eng. Splash page) ili “udarne” strane lokacije jeste da ostavi snažan utisak na posetioca

� Koristi se da se naznači atmosfera lokacije obilnom primenom grafike, animacije, čak i zvuka

� Logotipe na uvodnim stranama, koji su često preterano animirani neki korisnici smatraju samo balastom i gube strpljenje, te od nje odustaju

� PREDLOG: Obezbediti vezu kojom se uvodna strana može preskočiti – najčešće mala tekstualna veza pri dnu strane

54

Uvodne strane

10

55

Uvodne strane

� Uvodne strane mogu doprineti nižem mestu na listama koje generišu čitači, jer ne sadrže (dovoljno) ključnih reči za pretragu – obično sačinjene od animacija – ne ukazuju na sadržaj za kojim traga korisnik

� Korisniku se može poslati kolačić i obezbediti da se uvodna strana prikazuje samo posetiocu koji prvi put dolazi na lokaciju

� Uvodna strana može se iskoristiti za instaliranje ili prethodno učitavanje sadržaja lokacije

56

Matične strane

� Matična strana treba da izgleda znatno drugačije od ostalih strana na Web lokaciji

� Ona obično ima ulogu glavnog ulaza na lokaciju – treba da bude njen osnovni orijentir

� Zahvaljujući logotipu matična strana najjače ističe identitet vlasnika

� Matične strane moraju se lako prepoznati po strukturi i po dizajnu – uspostavlja atmosferu lokacije - treba da sadrži osnovne elemente dizajna lokacije:– boja,– grafički stil,– stil fontova i ostalo što se koristi na drugim stranama

57

Matične strane

� PRAVILO: Matična strana treba da oslikava opšti izgled lokacije i da predstavi način kretanja po njoj

� PRAVILO: Matična strana mora da se učitava brzo, ali i da bude dovoljno privlačna kako bi pobudila zainteresovanost

� Matična strana treba jasno da naznači šta se nalazi na lokaciji

� Matična strana – informativni karakter – direktno obaveštenje za korisnike o izmenama na lokaciji

� Ako je matična strana uvek ista – korisnici će pomisliti da je i sadržaj lokacije uvek isti

58

Matične strane

� Postoji nekoliko načina da se korisnici obaveste o promenama:

– Postavljanje datuma na stranu

– Pomeranje glavne slike na strani povremeno ili u napred odreñenim intervalima (svakog dana, nedelje ili meseca)

– Postavljanje na stranu važnih aktuelnih obaveštenja u skraćenom obliku (saopštenja za javnost i sl.)

– Jasna poruka o tome kada je strana poslednji put ažurirana

– Veza ka delu lokacije nazvanom: “Šta je novo”

59

Ostale strane: navigacija u odnosu na sadržaj

� Većina strana na lokaciji neće se meñusobno razlikovati po izgledu

� Većina svoj stil i sistem navigacije nasleñuje od matične strane - barem u osnovi treba da slede stil i navigaciju

� Dok je svrha matične strane da korisniku predoči da se nalazi na odreñenoj lokaciji, kada korisnik zañe dublje u lokaciju njegovu pažnju treba vezati za sadržaj

� Ako se korisnik susretne sa novim logotipom, novim sistemom navigacije – to odvlači njegovu pažnju od sadržaja

60

Ostale strane: navigacija u odnosu na sadržaj

boja

logo

navigacija

11

61

Strane isključivo namenjene navigaciji

� Osnovna namena – pomoć korisniku da se snañe na lokaciji

� Dve najčešće vrste strana isključivo namenjenih navigaciji jesu mape lokacija i indeksi lokacija

� Mapa - strukturni pregled lokacije� Indeks – abecedni pristup sadržaju lokacije

62

Mapa sajta

63

Mapa sajta

64

Indeks sajta

65

Indeks sajta

66

Strane sa sadržajem

� Strane lokacije koje pretežno prikazuju sadržaj –u izvesnom smislu korisnikovo odredište

� U lokaciji strukture stabla – često predstavljaju listove – najniže elemente strukture

� Kao i druge strane na lokaciji – i one imaju izvesne elemenete navigacije

� Uobičajene strane sa sadržajem obuhvataju:– Saopštenja za javnost– Specifikacije proizvoda– Biografije– Izjave potrošača– Dokumentaciju za tehničku podršku– Finansijske izveštaje

12

67

Strane sa često postavljenim pitanjima

� Često postavljana pitanja (Frequently Asked Questions, FAQs) – veoma uobičajena vrsta dokumenata na Internetu

� Osnovna ideja FAQ strana jeste da se u jedinstvenom dokumentu pruže odgovori na česta pitanja – korisnik ne luta po lokaciji da bi dobio odgovor

� FAQ strana se često formatira kao dugačak dokument koji počinje indeksom pitanja od kojih je svako povezano sa odgovarajućim odgovorom na strani

68

Strane sa često postavljenim pitanjima

69

Strane sa zakonskim uslovima korišćenja� Strana koja sadrži zakonske uslove korišćenja lokacije često predstavlja stranu - ”siroče” na kojoj su uglavnom zanemareni navigacija i stil koji se sreću na drugim stranama

� Ona ipak treba da sadrži minimum navigacije da bi korisnik mogao da se sa nje vrati tamo odakle je došao, kao i minimum stila koji je povezuje sa lokacijom

� Često se veza ka stranama koje objašnjavaju zakonske uslove korišćenja nalazi u dnu Web strane na javnim lokacijama

� Read our terms and conditions

70

Strane sa zakonskim uslovima korišćenja

71

Strane sa izjavom o zaštiti privatnosti

� Mnoge lokacije od korisnika prikupljaju osetljive i lične podatke – korisnike veoma brine kako će ti podaci biti upotrebljeni

� Na lokaciji treba da postoji izjava odgovornih lica o zaštiti privatnosti korisnika sa objašnjenjem u koje će se svrhe koji podaci koristiti

� Širom lokacije moraju postojati veze ka ovoj izjavi, a na stranama na kojima se prikupljaju podaci o korisniku, treba i da su vidno istaknute

72

Strane sa izjavom o zaštiti privatnosti

13

73

Strane sa izjavom o zaštiti privatnosti

74

Strane namenjene obavljanju odreñenih poslova

� Uobičajene strane namenjene obavljanju odreñenih poslova:– Rad sa “kolicima za kupovinu”– Dobijanje podataka iz baze– Pretraživanje– Preuzimanje datoteka– Popunjavanje obrazaca za registraciju– Knjiga posetilaca

� Veoma velik broj različitih mogućih poslova – svaka klasifikacija strana gubi smisao

� Strane za uspostavljanje kontakata i strane posebno namenjene štampanju dovoljno su česte – dodatna objašnjenja

75

Strane za uspostavljanje kontakta

� Strane koje sadrže obaveštenja, čak i odgovarajući obrazac za kontakt sa vlasnikom lokacije

� Obično se nudi nekoliko načina za stupanje u kontakt sa vlasnicima lokacije:– Elektronska adresa– Telefonski broj – Obrazac koji treba ispuniti– Mogućnost neposrednog ćaskanja

� PRAVILO: � potpunim podacima za kontakt sa vlasnikom lokacije mora se

jednim pritiskom miša pristupati sa svake strane lokacije, � osnovni podaci, kao što je adresa e-pošte, treba da se nalaze

na svakoj strani lokacije

76

Strane za uspostavljanje kontakta

77

Strane specijalno namenjene štampanju

� Mnoge Web strane ne izgledaju dobro kada se odštampaju – optimizovane za gledanje u Web čitaču –sa krupnijim tekstom i užim stupcima

� Direktnim štampanjem takvih strana troši se mnogo papira

� Štampane strane treba da su sa sitnijim tekstom, a njihov format da je prilagoñen standardnom formatu papira

� Štampana verzija strane može se napraviti na više načina:– U HTML-u– Nova organizacija strane realizovana pomoću kaskadnih stilova– Ponuditi korisniku vezu ka strani koja je već formatirana za štampanje

78

Strane specijalno namenjene štampanju

14

79

Strane specijalno namenjene štampanju

� PREDLOG: Obavestiti korisnike da će štampane strane izgledati drugačije od onih na ekranu ili im verziju za štampanje prikazati direktno u čitaču

� PREDLOG: PDF datoteke Adobeovog Acrobata koristiti za veoma složene podatke koji moraju biti identični kao na strani, takve su npr. tabele, tehnički crteži i složeni finansijski ili matematički podaci

� Datoteke Adobeovog Acrobata jasno označiti tekstom i ikonicom i obavestiti korisnike kako da ih koriste

80

Datoteke Adobeovog Acrobata

81

Izlazne strane

� Ukoliko je reč o stranama sa sadržajem izlaz nije definisan – svaka strana može za to da posluži

� Lokacije koje su namenjene obavljanju definisanog posla, npr. preuzimanju softvera, kupovini proizvoda, berzanskim transakcijama i sl. – moraju imati jasnu izlaznu stranu

� Na izlaznoj strani treba obezbediti i povratnu vezu ka lokaciji

� Na lokacijama za elektronsku trgovinu utvrñeno je da obična veza ka matičnoj strani, nazvana “Nastavak kupovine” zaista obezbeñuje dodatnu prodaju

82

Primeri organizacije strana

� Danas se na Webu najčešće koristi stil: gore-levo-dole (top-left-bottom – TLB)

� Osnova TLB dizajna – pravilo da je vrh strane rezervisan za označavanje strane, podatke o vlasniku i postavljanje navigacionih elemenata

� Leva ivica strane treba da nosi elemente za navigaciju� Dno strane je obično rezervisano za tekstualne veze koje dopunjavaju druge sisteme navigacije, kao i za dodatna obaveštenja, npr. o autorskim pravima, zakonskim uslovima, itd.

� Glavna zamerka TLB dizajnu – ograničava prostor za sadržaj, na strani dominiraju navigacioni elementi, umesto usmeravanja korisnika na sadržaj – dizajnerima ne daje dovoljno slobode

83

TLB strane

84

Strane tipa zaglavlje/podnožje

� Sistem za navigaciju nalazi se samo na vrhu i pri dnu strane – čitava strana raspoloživa za sadržaj

� Odgovara lokacijama koje su orijentisane na sadržaj – prostor za elemente navigacije u izvesnoj meri ograničen

� Vrh strane se u načelu koristi za identifikaciju vlasnika lokacije i postavljanje navigacionih elemenata i naslova strane

� U dnu strane postavljaju se dodatna obaveštenja i ponavlja se navigacija u obliku tekstualnih veza

15

85

Strane tipa zaglavlje/podnožje

86

Rastegljive strane

� Rastezanje strane je prilično opasno – njeni elementi mogu da se izobliče

� Nekim elementima treba fiksirati veličinu, dok drugima treba dozvoliti rastezanje

� Premda se takav dizajn prilagoñava svakom ekranu on je i ograničavajući – Mogu se koristiti samo jednostavne boje ili šare – slika će se pri rastezanju izobličiti

– Malo sadržaja će se upotrebom rastegljivih strana možda izobličiti

87

Postizanje uobičajenog izgleda lokacije

� Doslednost je uobičajena čak i u svetu štampe� Doslednost može biti veoma dobra:

– Korisnici znaju šta ih očekuje– Oni rade brže i efikasnije kada shvataju lokaciju– Pomaže i dizajneru – standardizovani dizajn se ugrañuje šablonski – snižava troškove izgradnje velikih lokacija

� Potreba za sličnošću – ipak ograničava kreativnost –treba se izraziti unutar zadatih ograničenja –lokacije sa istom osnovnom organizacijom dizajna po izgledu mogu da postanu veoma različite

� Sledeći primer prikazuje najpopularnije lokacije za elektronsku trgovinu – u suštini istog dizajna

88

Lokacije sa sličnim funkcijama