E-MARKETING Web-sjedište · Upotrebljivost web-sjedišta (1) 1. Identifikaciju poslovnog subjekta,...
Transcript of E-MARKETING Web-sjedište · Upotrebljivost web-sjedišta (1) 1. Identifikaciju poslovnog subjekta,...
![Page 1: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/1.jpg)
E-MARKETING
Web-sjedište
Katedra za marketing, Ekonomski fakultet u Osijeku
Sveučilište Josipa Jurja Strossmayera u Osijeku
E-MARKETING
Izv.prof.dr.sc. Antun Biloš
Doc.dr..sc. Ivan Kelić
![Page 2: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/2.jpg)
U poglavlju se razmatra
E-MARKETING 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 (engl. usability)
• Google Analytics
• Modeli analize
![Page 3: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/3.jpg)
Koji alati su nam na raspolaganju?
E-MARKETING 3
![Page 4: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/4.jpg)
Izgradnja internetske prisutnosti
Web-sjedište
Adresari / izlistanja
Tražilice (SEM)
Društvene mreže
E-pošta
Display / video
E-MARKETING 4
![Page 5: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/5.jpg)
Jezične dvojbe
• Web site – web-sjedište?
– web-mjesto?
– web-lokacija?
– mrežno mjesto?
– internetsko sjedište?
+ I kako ih anulirati
E-MARKETING 5
![Page 6: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/6.jpg)
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-MARKETING 6
+ Nisu sinonimi!
![Page 7: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/7.jpg)
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-MARKETING 7
![Page 8: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/8.jpg)
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-MARKETING 8
![Page 9: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/9.jpg)
Zadaća web-sjedišta
Privlačenje posjetitelja
Zadržavanje posjetitelja
Ponovno privlačenje
Zaključivanje posla
Postprodajne usluge
+ Iz poslovne perspertive
E-MARKETING 9
![Page 10: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/10.jpg)
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-MARKETING 10
![Page 11: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/11.jpg)
E-MARKETING 11
CMS ili Sustav za upravljanje sadržajem
predstavlja programsko rješenje za upravljanje sadržajem web stranica novije generacije
+
Content Management System - CMS
![Page 12: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/12.jpg)
Funkionalnosti CMS-ova
• Uređivač sadržaja
• Mogućnost registracije korisnika i upravljanje korisničkim pravima (sustav prava pristupa zasnovan na ulogama)
• Sustav predložaka
• Mogućnost dodavanja i nadogradnje funkcionalnosti putem modula
• Administratorsko sučelje
• Mogućnost izrade tijeka zadataka
• Internu tražilicu i mogućnost pretraživanja sadržaja web-sjedišta
• Mogućnost upravljanja multimedijskih sadržajima
• Podršku za višejezičnost
• Mogućnost jednostavnog uvoza i izvoza sadržaja u raznim formatima
• Mogućnost povezivanja s drugim informacijskim sustavima
• Automatsko postavljanje naslova web-stranica koje će pretraživač lakše pronaći
• Automatsko generiranje ključnih riječi
• Automatsko generiranje opisa web-stranica
+ Najčešće uključuju
E-MARKETING 12
![Page 13: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/13.jpg)
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
13 E-MARKETING
![Page 14: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/14.jpg)
Što je to (internetski) portal?
14
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
E-MARKETING
![Page 15: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/15.jpg)
Zašto Web portali?
• Jedno mjesto pristupa različitim sadržajima i informacijama
• Presonalizacija aplikacija
• Bolja komunikacija između korisnika
E-MARKETING 15
![Page 16: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/16.jpg)
16
![Page 17: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/17.jpg)
17 E-MARKETING
![Page 18: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/18.jpg)
18 E-MARKETING
![Page 19: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/19.jpg)
E-MARKETING 19
![Page 20: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/20.jpg)
E-MARKETING 20
![Page 21: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/21.jpg)
21
![Page 22: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/22.jpg)
OSNOVNA PODJELA
• Horizontalni portali
• Vertikalni portali
• Transakcijski (ili korporacijski) portali
FUNKCIONALNA
• Korporativni
• Osobni
• Regionalni
• Vladini
• Akademski
• Zabavni
• Ekološki
• Investicijski
• Ostali
E-MARKETING 22
Podjela portala
![Page 23: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/23.jpg)
Horizontalni portali
• Horizontalni portali ili portali opće namjene – svojim servisima pokrivaju najrazličitija područja interesa.
• Najpopularniji hrvatski portali – index.hr, 24sata.hr, vecernji.hr, net.hr, tportal.hr
• Englesko govorno područje – yahoo.com, msn.com, cnn.com, bbc.com
E-MARKETING 23
![Page 24: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/24.jpg)
Vertikalni portali
• 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”
• 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-MARKETING 24
![Page 25: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/25.jpg)
Vertikalni portali (3)
www.skole.hr
www.stomportal.com
www.odlikasi.hr
25 E-MARKETING
![Page 26: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/26.jpg)
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
+ Korporacijski / transakcijski
E-MARKETING 26
![Page 27: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/27.jpg)
Koncept oblikovanja web-sjedišta
Jednostavnost prikaza
Jasna poruka Ažurna informacija
Laka navigacija
Zanimljiv sadržaj
+ 5 sastavnica značajnih za svako web-sjedište
E-MARKETING 27
![Page 28: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/28.jpg)
E-MARKETING 28
Vizualni koncept mora se bazirati na sadržaju koji prezentira
!
Sadržaj je kralj
![Page 29: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/29.jpg)
Struktura i navigacija
E-MARKETING 29
• Pomno isplanirana struktura web-sjedišta i jasna hijerarhija podcjelina omogućit će valjanu uporabu sadržaja i na taj način povećati korisničko zadovoljstvo
• Navigacija
– splet alata (izbornika i poveznica) za kretanje kroz strukturu web-sjedišta na najlakši mogući način
– Omogućuje vođenje korisnika kroz sadržaj web-sjedišta
– Željeni tijek prijelaza s jedne web-stranice na drugu (flow)
![Page 30: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/30.jpg)
Jednostavna pravila web-dizajna (1)
• Jednostavno je lijepo – Čitljivi fontovi
– Sadržaj mora „disati” (whitespace)
– Strukturiran sadržaj (kratke stranice)
– Pravilo obrnute piramide
• Vodite posjetitelja navigacijom – Jasna navigacija s poveznicama
– Lako pretraživanje
– Pravilo 3 klika
– Pravilo 5 sekundi
– Pravilo F-rasporeda
E-MARKETING 30
![Page 31: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/31.jpg)
31
![Page 32: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/32.jpg)
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-MARKETING 32
![Page 33: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/33.jpg)
E-MARKETING 33
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
![Page 34: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/34.jpg)
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-MARKETING 34
http://www.efos.unios.hr/index.php
![Page 35: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/35.jpg)
Naslovnica (2)
E-MARKETING 35
![Page 36: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/36.jpg)
Naslovnica = izlog
![Page 37: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/37.jpg)
Vizualni identitet + Estetika dizajna
• Identitet:
– Grafički elementi
– Boja
– Stil
– Raspored
– Tipografija
• CSS (engl. cascading style sheets)
– Jezik za definiranje vizualnih standarda dokumenta (web-stranice)
– Odvajanje sadržaja od dizajna
– CSS Zen Garden
E-MARKETING 37
![Page 38: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/38.jpg)
SEO - Optimizacija za tražilice
• SEM (marketing putem tražilica)
A. Optimizacija web-sjedišta za tražilice (SEO)
B. Oglašavanje putem tražilica (SEA)
• SEO
– Skup metoda i aktivnosti za poboljšavanje pozicije web-stranica (odnosno web-sjedišta) na rezultatima pretrage na tražilicama
– Poštivajući pritom pravila istih tražilica
– Manipulacija desecima ili stotinama elemenata web-stranice
SEO SEA SEM
E-MARKETING 38
+ Search engine optimization
![Page 40: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/40.jpg)
E-MARKETING 40
![Page 41: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/41.jpg)
41 E-MARKETING
![Page 42: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/42.jpg)
Uspjeh web-sjedišta određuje…
Poslovni cilj
Ciljna skupina
E-MARKETING 42
![Page 43: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/43.jpg)
E-MARKETING 43
Što naši korisnici očekuju od web-sjedišta?
![Page 44: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/44.jpg)
E-MARKETING 44
Mit prosječnog korisnika
![Page 45: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/45.jpg)
Analiza kvalitativnih sastavnica
Tip i namjena web sjedišta
Ciljna skupina
Korištene tehnologije
Okruženje
E-MARKETING 45
![Page 46: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/46.jpg)
Upotrebljivost (usability)
• Kvalitativno svojstvo koje opisuje koliko je nešto jednostavno za uporabu
• Web-usability – Uporabna vrijednost web-sjedišta
– Korisnička percepcija odnosno iskustvo
• Nielsen Norman Group – www.nngroup.com
• Steve Krug: Don’t make me think
E-MARKETING 46
![Page 47: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/47.jpg)
E-MARKETING 47
5-second usability test
(više na: https://www.nngroup.com/topic/web-
usability/)
![Page 48: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/48.jpg)
E-MARKETING 48
Istraživanje Nielsen Norman Grupe iz 2016. na 215 ispitanika kroz široku lepezu web-sjedišta različitih područja
SAD i Velika britanija
Slična istraživanja provode od 1996.
Često se ponavljaju iste greške
| | |
10 najznačajnijih grešaka upotrebljivosti web-sjedišta
![Page 49: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/49.jpg)
10 najznačajnijih grešaka upotrebljivosti web-
sjedišta
1. Neočekivana lokacija sadržaja
2. Natjecanje kategorija i poveznica
3. Otoci informacija
4. Ponavljajuće poveznice
5. Skrivene provizije i cijene
6. Napuštanje korisnika na mikro-sjedištu
7. Loši rezultati pretrage
8. Manjkavi filteri
9. Zatrpavanje korisnika informacijama
10. Skrivene poveznice
E-MARKETING 49
![Page 50: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/50.jpg)
E-MARKETING 50
![Page 51: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/51.jpg)
E-MARKETING 51
![Page 52: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/52.jpg)
E-MARKETING 52
![Page 53: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/53.jpg)
E-MARKETING 53
![Page 54: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/54.jpg)
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
+ Najbolja rješenja iz prakse
E-MARKETING 54
![Page 55: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/55.jpg)
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)
+ Najbolja rješenja iz prakse
E-MARKETING 55
![Page 56: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/56.jpg)
E-MARKETING 56
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
![Page 57: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/57.jpg)
Analitički alati
• Analitika web-sjedišta – Google Analytics
• 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 – Website Grader (website.grader.com) – Nibbler (nibbler.silktide.com) – WooRank (www.woorank.com) – Alexa (www.alexa.com)
• Mobilne verzije – validator.w3.org/mobile/
E-MARKETING 57
![Page 58: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/58.jpg)
Google Analytics (www.google.com/analytics/) 58
![Page 59: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/59.jpg)
E-MARKETING 59
Googleova usluga skrojena je na temeljima analitičkog sustava Urchin on demand
Google je kupio spomenutu korporaciju 2005. godine.
Potpuno besplatna usluga (osnovni paket) | | |
Google Analytics (1)
![Page 60: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/60.jpg)
Google Analytics (2)
• Pružanje detaljnih statističkih podataka o posjetiteljima promatranog web-sjedišta – Geografska lokacija posjetitelja, broj posjetitelja, dužina posjeta,
digitalni kanal dolaska do web-sjedišta, putanja kroz web-sjedište (odabir stranica), posjećenost pojedine web-stranice, uređaj pristupanja, stranica napuštanja, stopa napuštanja, konverzije…
– Optimiziranje Google Ads oglašavanja i marketinških kampanja pomoću statističkih podataka
• Kako dobiti te podatke?
E-MARKETING 60
![Page 61: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/61.jpg)
61
Website Grader
![Page 62: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/62.jpg)
Nibbler
![Page 63: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/63.jpg)
WooRank
![Page 64: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/64.jpg)
Zaključno o evaluaciji
• Sam sadržaj i svrha web-sjedišta određuju najbitnije parametre evaluacije – Što se prezentira
– Kako se prezentira
– Kome je namijenjeno
– Što se želi postići
E-MARKETING 64
![Page 65: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/65.jpg)
Q&A
65
![Page 66: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/66.jpg)
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.
• https://www.nngroup.com/articles/top-10-enduring/
• https://www.nngroup.com/videos/5-second-usability-test/
• https://searchengineland.com/guide/what-is-seo
+ Izvori
E-MARKETING 66
![Page 67: E-MARKETING Web-sjedište · 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](https://reader033.fdocuments.in/reader033/viewer/2022051807/6006c929330fc7518a754d22/html5/thumbnails/67.jpg)
Hvala na pažnji!
E-MARKETING 67
Izv. prof. dr. sc. Antun Biloš
Katedra za marketing
Ekonomski fakultet u Osijeku Sveučilište J.J. Strossmayera u Osijeku
www.efos.unios.hr/abilos