-
4/9/2015
1
E-MARKETING
Web-sjedište poslovnog subjekta
Katedra za marketing, Ekonomski fakultet u Osijeku
Sveučilište Josipa Jurja Strossmayera u Osijeku
E - BUSINESS
Doc.dr.sc. Antun Biloš
Doc.dr.sc. Davorin Turkalj
U poglavlju se razmatra
E-BUSINESS | 2014/2015. 2
+ Glavne teme cjeline
• Značaj web-sjedišta za poslovne subjekte
• Sustavi za upravljanje sadržajem (CMS)
• Portali i njihova podjela
• Sadržaj, struktura i navigacija web-sjedišta
• Vizualni identitet web-sjedišta
• CSS i responsive-dizajn
• Optimizacija za tražilice (SEO)
• Sekundarne lokacije za poslovna web-sjedišta
• Ciljevi web-sjedišta
• Funkcionalnost i upotrebljivost
• Google Analytics
• Modeli analize
Web-sjedište i web-stranica
• Web-sjedište
– više međusobno povezanih i uklopljenih web-stranica koje čine
jednu cjelinu i vlasništvo su jednog subjekta
• Web-stranica
– hipertekstualni dokument na internetu
E-BUSINESS | 2014/2015. 3
+ Nisu sinonimi!
-
4/9/2015
2
Podjela web-sjedišta
• Organizacija prema funkcionalnosti: – Osobni (personal
website)
– Komercijalni (commercial website)
– Vlade I vladinih organizacija (government website)
– Neprofitnih organizacija (non-proft organisation website)
E-BUSINESS | 2014/2015. 4
Komercijalna web-sjedišta
• Primarna internetska lokacija za poslovni subjekt
• Gotovo da si nijedan ozbiljan poslovni subjekt ne može
dopustiti zanemarivanje dostupnih mogućnosti iskorištavanja
interneta u funkciji vlastitih poslovnih ciljeva
+ Web-sjedišta poslovnih subjekata
E-BUSINESS | 2014/2015. 5
Pozicioniranje u internetskom okruženju
• Poslovno web-sjedište
• Profili na društvenim mrežama
• Geolokacijski servisi
• Web-katalozi
• Poslovni adresari
• Ostalo
+ Što sve koriste poslovni subjekti?
E-BUSINESS | 2014/2015. 6
-
4/9/2015
3
Social media
7
Zadaća web-sjedišta
Privlačenje posjetitelja
Zadržavanje posjetitelja
Ponovno privlačenje
Zaključivanje posla
Postprodajne usluge
+ Iz poslovne perspertive
E-BUSINESS | 2014/2015. 8
Ciljevi web-sjedišta
• Prodaja proizvoda i/ili usluga (internetska prodaja)
• Građenje i/ili održavanje vrijednosti marke
• Promocija proizvoda/usluga/ideja
• Odašiljanje informacija
• Komunikacija s ciljnim skupinama
• Prikupljanje informacija (povratne informacije od kupaca,
potrošača, korisnika)
• Novačenje kadrova
• Unapređenje prodaje
• Ostvarivanje posredničkih uloga
E-BUSINESS | 2014/2015. 9
-
4/9/2015
4
E-BUSINESS | 2014/2015. 10
CMS ili Sustav za upravljanje sadržajem
predstavlja programsko rješenje za upravljanje sadržajem web
stranica novije generacije
*
Content Management System - CMS
WordPress
Besplatna open source platforma za blog i CMS
Baziran na PHP i MySQL okruženju
Najpopularnija blog platforma na svijetu sa više od 60 milijuna
web-sjedišta
11 E-BUSINESS | 2014/2015.
Što je to portal?
Web-sjedište koja predstavlja polazišnu točku prema drugim
odredištima i aktivnostima na internetu
Mjesto pristupa informacijama kojeg čini više različitih,
logički povezanih aplikacija koje su zajedničke većem broju
korisnika
12
-
4/9/2015
5
Zašto Web portali?
• Jedno mjesto pristupa različitim sadržajima i
informacijama
• Presonalizacija aplikacija
• Bolja komunikacija između korisnika
E-BUSINESS | 2014/2015. 13
14
15 E-BUSINESS | 2014/2015.
-
4/9/2015
6
16 E-BUSINESS | 2014/2015.
E-BUSINESS | 2014/2015. 17
E-BUSINESS | 2014/2015. 18
-
4/9/2015
7
19
Podjela portala
OSNOVNA PODJELA
• Horizontalni portali
• Vertikalni portali portali
• Transakcijski portali
FUNKCIONALNA
• Korporativni
• Osobni
• Regionalni
• Vladini
• Akademski
• Zabavni
• Ekološki
• Investicijski
• Ostali
E-BUSINESS | 2014/2015. 20
Horizontalni portali
• Horizontalni portali ili portali opće namjene – svojim
servisima pokrivaju najrazličitija područja interesa.
• Najpopularniji hrvatski portali – www.index.hr,
www.tportal.hr, www.iskon.hr, www.vip.hr,
http://www.croportal.net/
• Englesko govorno područje – wwww.yahoo.com,
http://www.cnet.com/, http://www.msn.com/
E-BUSINESS | 2014/2015. 21
http://www.index.hr/http://www.tportal.hr/http://www.iskon.hr/http://www.vip.hr/http://www.croportal.net/http://www.cnet.com/http://www.msn.com/
-
4/9/2015
8
Vertikalni portali (1)
• Informacije i usluge za točno određenu grupaciju web korisnika
koji su međusobno povezani zajedničkim interesima kao što su – dob,
spol, profesija, vjera, etnička pripadnost i sl.
• "Portali sklonosti”
E-BUSINESS | 2014/2015. 22
Vertikalni portali (2)
• Postižu izravnije i čvršće odnose s korisnicima kojima se
obraćaju i u pravilu pružaju kvalitetniji sadržaj i bolji doživljaj
svojim posjetiteljima. – Pokrivaju teme poput vijesti, sporta,
vremena, gastronomije i sl., ili
su namijenjeni posebnim ciljnim skupinama pa dobivaju i dodatno
obilježje, primjerice, dječji, ženski i sl.
E-BUSINESS | 2014/2015. 23
Vertikalni portali (3)
www.skole.hr
www.stomportal.com
www.odlikasi.hr
24 E-BUSINESS | 2014/2015.
http://www.skole.hr/http://www.stomportal.com/http://www.odlikasi.hr/
-
4/9/2015
9
Korporacijski portali
• Pristup prema informacijama kompanije od strane zaposlenika,
kupaca, poslovnih partnera i javnosti
• Odnose se na poslovne sustave golemih razmjera u kojima bi
trebali zamijeniti intranet rješenja
• Ciljevi – smanjiti troškove manipuliranja informacijama,
– pojeftiniti razmjenu i ostalih korporacijskih resursa,
– informirati s jednog mjesta prema unutra i prema vanjskoj
javnosti
E-BUSINESS | 2014/2015. 25
(Bes)korisno i
(ne)zanimljivo
Bored Panda
www.boredpanda.com/
26 E-BUSINESS | 2014/2015.
Načela web
sjedišta (1)
Jednostavnost prikaza
27
http://www.boredpanda.com/
-
4/9/2015
10
Načela web
sjedišta (2)
Jasna poruka
28
Načela web
sjedišta (3)
Ažurna informacija
29
Načela web
sjedišta (4)
Laka navigacija
30
-
4/9/2015
11
Načela web
sjedišta (5)
Zanimljiv sadržaj
31
32
Vrijeme za pauzu?
10ak minuta
E-BUSINESS | 2014/2015.
33 E-BUSINESS | 2014/2015.
-
4/9/2015
12
E-BUSINESS | 2014/2015. 34
Prikaz sadržaja vezan uz veličinu ekrana/uređaja
Cilj je isti sadržaj uz istu funkcionalnost
Optimizacija korisničkog iskustva nevisno o uređaju i
platformi
* * *
Responsive web design
SEO
E-BUSINESS | 2014/2015. 35
+ Optimizacija za tražilice
• Skup metoda kojima je cilj poboljšati poziciju web-stranica u
rezultatima pretrage tražilica
• Poštivajući pritom pravila koja postavljaju tražilice
Dualnost ciljeva
• Uspjeh web-sjedišta određen je ciljem
• Uspjeh web-sjedišta određen je publikom
36 E-BUSINESS | 2014/2015.
-
4/9/2015
13
Naslovnica (1)
• Početna stranica (naslovna stranica) nekog web-sjedišta
• Prva stranica koja se pojavljuje na zaslonu
• Povezana je sa svim ostalim stranicama web-sjedišta
(najčešće)
E-BUSINESS | 2014/2015. 37
http://www.efos.unios.hr/index.php
Naslovnica (2)
E-BUSINESS | 2014/2015. 38
Naslovnica = izlog
-
4/9/2015
14
E-BUSINESS | 2014/2015. 40
„…there is no single perfect indicator of reliability,
truthfulness, or value.
Instead you must make an inference from a collection of clues
or
indicators, based on the use you plan to make of your
source.“
Robert Harris (Evaluating Internet Research Sources)
Analiza kvalitativnih sastavnica
Tip i namjena web sjedišta
Ciljna skupina
Korištene tehnologije
Okruženje
E-BUSINESS | 2014/2015. 41
E-BUSINESS | 2014/2015. 42
Vrlo različiti pristupi i modeli za procjenu kvalitete i
učinkovitosti web sjedišta
Čest čimbenik je specifičnost branše (područja) iz kojeg
promatrani poslovni subjekt dolazi
Bez jasnog konsenzusa u pristupu * * *
Analiza web sjedišta
-
4/9/2015
15
Analitički alati
• Ocjenjivanje na razini ispravnosti koda – Mark up validator
(validator.w3.org/)
– CSS validator (jigsaw.w3.org/css-validator/)
– Link checker (validator.w3.org/checklink)
• Ocjenjivanje šireg spektra parametara – Marketing Grader
(marketing.grader.com/)
• Mobilne verzije – validator.w3.org/mobile/
E-BUSINESS | 2014/2015. 43
Marketing Grader 44
Ocjenjivanje
vizualnih
karakteristika
Korištene boje
Fontovi
Raspored objekata
Intuitivnost
Strukturiranost
Preglednost
45 E-BUSINESS | 2014/2015.
http://validator.w3.org/http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/http://jigsaw.w3.org/css-validator/http://validator.w3.org/checklinkhttp://validator.w3.org/checklinkhttp://marketing.grader.com/http://validator.w3.org/mobile/
-
4/9/2015
16
E-BUSINESS | 2014/2015. 46
Vizualni koncept mora se bazirati na sadržaju koji
prezentira
!
Sadržaj je kralj
Google Analytics (1)
• Pružanje detaljnih statističkih podataka o posjetiteljima
promatranog web-sjedišta – lokacija posjetitelja, odabir stranica,
dužina posjeta, izvor posjeta,
lojalnost i niz drugih
• Optimiziranje Google-ovog AdWords oglašavanja i marketinških
kampanja pomoću statističkih informacija
• Kako dobiti te podatke?
E-BUSINESS | 2014/2015. 47
E-BUSINESS | 2014/2015. 48
Google-ova usluga skrojena je na temeljima analitičkog sustava
Urchin on demand
Google je kupio spomenutu korporaciju 2005. godine.
Potpuno besplatna usluga * * *
Google Analytics (2)
-
4/9/2015
17
Google Analytics (www.google.com/analytics/) 49
Jednostavna pravila web dizajna (1)
• Jednostavno je lijepo – Čitljivi fontovi
– Sadržaj mora disati
– Strukturiran sadržaj (kratke stranice)
• Vodite posjetitelja navigacijom – Jasna navigacija s
poveznicama
– Lako pretraživane
– Pravilo 3 klika
E-BUSINESS | 2014/2015. 50
Jednostavna pravila web dizajna (2)
• Budite svjesni okruženja – Specifične ključne riječi
– Relevantan sadržaj
– Povezivanje sa okruženjem
• Prilagodba za sve platforme – Svi preglednici
– Mobilne verzije
• Mislite vizualno – Slikovni sadržaji
– Video dodaci
E-BUSINESS | 2014/2015. 51
http://www.google.com/analytics/http://www.google.com/analytics/
-
4/9/2015
18
“Stara”, ali aktualna pravila
• Pravilo F – stranica se čita/skenira u obliku slova F, stoga
bi najvažnije
informacije trebalo postaviti na vrhu i na lijevoj stranici
ekrana
• Pravilo 3 klika – maksimalan broj klikova do potrebne
informacije
• Pravilo 5 sekundi – maksimalno vrijeme potrebno za učitavanje
web stranice ili sadržaja
• Pravilo obrnute piramide – potrebno je započeti tekstove sa
zaključkom ili najvažnijim
informacijama jer posjetitelj često nema strpljenja detaljno
iščitati cijeli tekst
E-BUSINESS | 2014/2015. 52
53
Upotrebljivost web-sjedišta (1)
1. Identifikaciju poslovnog subjekta, odnosno logotip treba biti
na svakoj web-stranici
2. Ako web-sjedište ima više od 100 web-stranica, treba
omogućiti pretraživanje
3. Naslovi web-stranica trebaju biti jednostavni i očigledni
tako da jasno objašnjavaju
svrhu web-stranice i da imaju smisla kada se pojave u
rezultatima pretraživanja tražilica
4. Struktura web-stranice treba biti takva da olakšava brzo
pregledavanje (grupiranjem i
korištenjem poglavlja dugačak sadržaj dijeli se u nekoliko
manjih cjelina)
5. Umjesto širokog objašnjavanja neke teme ili proizvoda na
jednoj stranici, treba
strukturirati sadržaj kroz kratak pregled karakteristika na
osnovnoj stranici, web-
sjedište a na nekoliko sekundarnih stranica detaljno razraditi
određenu podtemu
54 E-BUSINESS | 2014/2015.
-
4/9/2015
19
Upotrebljivost web-sjedišta (2)
6. Poželjno je koristiti fotografije proizvoda, ali treba
izbjegavati stranice s mnogo
fotografija iste grupe proizvoda (umanjeni prikaz)
7. Kod priprema umanjenih prikaza slika ograničiti se na neki
važan detalj na slici, umjesto
da se samo smanje velike slike jer će tako objekti na njoj
postati neprepoznatljivi
8. Treba koristiti jasne i kratke nazive poveznica tako da
posjetitelji znaju kuda će ih
poveznica odvesti prije nego kliknu na nju
9. Poželjno je osigurati da su sve važnije web-stranice
pristupačne ljudima s invaliditetom,
naročito slabovidnim i slijepim osobama
10. Koristiti najbolja rješenja iz okoline (ako se nešto koristi
na određeni način na većini
web-sjedišta, posjetitelji će isto očekivati na svakome)
55 E-BUSINESS | 2014/2015.
E-BUSINESS | 2014/2015. 56
Facebook Insights
E-BUSINESS | 2014/2015. 57
Mit prosječnog korisnika
-
4/9/2015
20
Zaključno o evaluaciji
• Sam sadržaj i svrha stranice određuju najbitnije parametre
evaluacije – Što se prezentira
– Kako se prezentira
– Kome je namjenjeno
– Što se želi postići
E-BUSINESS | 2014/2015. 58
Q&A
59
Korištena literatura
• Ružić, D., Biloš, A., Turkalj, D. (2014) E-marketing - III.
izmijenjeno i prošireno izdanje, Osijek: Ekonomski fakultet u
Osijeku
• Chaffey, D., Smith, P.R. (2008) eMarketing eXellence. 3.
izdanje, Burlington: Butterworth-Heinemann
• Chaffey, D., Ellis-Chadwick, F., Johnston, K., Mayer, R.
(2009) Internet Marketing: Stategy, Implementation and Practice. 4.
Izdanje. New Jersey: Prentice Hall
• Chaffey, D., Smith, P.R. (2013) eMarketing eXcellence. 4.
Izdanje. Abingdon: Routledge
• Nielsen, J., Loranger, H. (2006) Prioritizing Web Usability.
Berkley: New Riders.
• Jones, B. (2012) Understanding the F-Layout in Web Design.
Tuts+. Dostupno na
http://webdesign.tutsplus.com/articles/understanding-the-f-layout-in-web-design--webdesign-687.
[03.04.2014.]
• Bradley, S. (2010) The Inverted Pyramid Of Visual Design.
Vanseo Design. Dostupno na
http://www.vanseodesign.com/web-design/inverted-pyramid-design/.
[03.04.2014.]
• Krug, S. (2013) Don’t Make Me Think, Revisited: A Common Sense
Approach to Web and Mobile Usability. 3. Izdanje. Berkley: New
Riders.
+ Izvori
E-BUSINESS | 2014/2015. 60
-
4/9/2015
21
Hvala na pažnji!
E-BUSINESS | 2014/2015. 61
Doc. dr. sc. Antun Biloš
Doc. dr. sc. Davorin Turkalj
Katedra za marketing
Ekonomski fakultet u Osijeku Sveučilište J.J. Strossmayera u
Osijeku
www.efos.unios.hr/abilos
[email protected]