59
02/07/08 © Copyright ADM Interactive, 2008 1 Erki Peinar Loovjuht ADM Interactive Kuidas muuta veebileht eesmärgipärasemaks?

Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

Embed Size (px)

DESCRIPTION

How to make website more purposefulADM Interactive

Citation preview

Page 1: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

1

Erki PeinarLoovjuht

ADM Interactive

Kuidas muuta veebileht eesmärgipärasemaks?

Page 2: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

2

Eesti veebiloome tinglik sinusoid ehk “hingamine”.

Page 3: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

3

Veebikeskkonna osapooled

Ettevõte ehk tellija

Reklaamiagentuur

VeebiagentuurKlient ehk külastaja

Konkurendid

Page 4: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

4

Ei tohi unustada ühtegi osapoolt.

• Looge brandile veebistrateegia ja eesmärgid

• Õppige oma klienti ja tema veebiharjumusi tundma

• Tehke pidevat koostööd veebiagentuuriga. Arendage

• Sobitage veeb reklaamiagentuuriga turundusplaanidesse

• Jälgige konkurente

Et veebimeedias edukas olla:

Page 5: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

5

Millised on ootused?

Page 6: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

6

Veebilehe külastaja tahab keskkonda, kus on lihtsalt ja loogiliselt võimalik leida kiiresti esmatähtis info ilma et peaks tajuma selle otsingu käigus negatiivseid emotsioone.

Veebi külastaja ootused

Positiivsed detailid ja disain toetavad “meeldejäävust” ja “tagasitulekut” kuid ei tohi häirida sisulist eesmärki.

Külastaja peab saama võimaluse suhelda ja seega osaleda kommunikatsioonis.

Page 7: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

7

Veebilehe tellija tahab loogiliselt ja kergelt hallatavat keskkonda mis vastaks tema brandi identiteedile, aitaks kaasa müügile ja tuntusele ning oleks tehniliselt pädev ka aastate pärast.

Tellija sisesooviks on alati, et veebikeskkond oleks parem ja edukam kui konkurentidel.

Tellija soovib et tema veebilehekülg näeks kena välja.

Veebi tellija ootused

Page 8: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

8

Tehke enne selgeks, mis on teie veebilehe eesmärk. Oma toodet ja kliente tunnete ainult teie.

Veebiagentuur tahab luua keskkonda, mille loomisprotsessis on võimalikult vähe määramatust kuid samas antakse tellija poolne usaldus ja vabadus keskkond edukaks muuta.

Veebiagentuur soovib võimalusel alati pikaajalist partnerlussuhet ja täisteenuse pakkumist.

Veebiagentuuri ootused

Page 9: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

9

Tänane suht-sagedane trend on:

• Katsutakse kokku hoida kust vähegi saab. E-turundusse ei investeerita.

• Visuaalset imagot ei kiputa väärtustama

• Püütakse veebi kohandada sobimatuid kampaaniaelemente

• Unustatakse luua kliendile kommunikatsioon

• Ei planeerita piisavalt aega

• Ei teata üldse, mis eesmärgiga veebi tehakse

Page 10: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

10

Praktilised soovitused

Page 11: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

11

Soovitused

• Küsige oma veebikülastajate arvamust. Nendelt saadud tagasiside on kõige parem indikaator, mida ja kuidas teisiti teha. Kasutage küsitlusi, gallupeid, tagasisidet.

Pidage meeles: Teie veebilehekülg on loodud NENDELE, mitte TEILE

Page 12: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

12

Soovitused

• Valige veebiloojaks kogenud firma või agentuur, kes suudab teile garanteerida arenguvõimelise ja dünaamilise keskkonna. Ja kellel on võimalik anda teile pikemas perspektiivis operatiivset tuge.

Vastasel korral alustate paari aasta pärast taas täiesti nullist, kuna platvormi pole võimalik arendada, funktsionaalsused pole dünaamilised, dokumentatsiooni ei ole olemas ja üldse seda firmat kes kodulehe tegi ei eksisteerigi enam.

Page 13: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

13

Soovitused

• Hoidke veeb ajakohane. Uuendage infot, pakkuge sisu, värskendage imagot, looge uusi väärtusi. Kõige hullem asi on unarusse jäetud veebileht – see hakkab kohe teie äri kahjuks töötama.

Pidage meeles: Veebileht on teie äri kõige interaktiivsem, operatiivsem ja personaalsem kanal

Page 14: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

14

Soovitused

• Ärge kujutage ette, et veebilehekülg aitab teil aega ja raha kokku hoida. VASTUPIDI. See, et te kergendate info kättesaadavust ja võimaluste automatiseerimist (näiteks e-pood, registreerumised, kliendiandmete uuendamine jne) vajab oluliselt enam aega ja tähelepanu kui varem.

Kuid ilma selleta pole teid “pildil”.

Page 15: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

15

Soovitused

• Panustage e-turundusse. Reklaamige veebilehte, tehke kampaaniaid, andke endast teada. Internetis on enda eksistentsist teavitamine sama oluline kui seal eksisteerimine.

Pidage meeles: Mõõtke tulemusi, tehke järeldusi.

Page 16: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

16

Soovitused

• Olge loovad ja kreatiivsed. Ärge kartke uusi ideid ja lahendusi proovida. Muidu unustatakse teid varsti ja liigitatakse “igavate veebilehtede” hulka. Katsetage piire.

Minge tehniliste uuenduste ja arengutega kaasa. Olge võimalusel pioneeride seas.

Page 17: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

17

Soovitused

• Ärge kartke flashi. On ettekujutus, et see ei meeldi külastajatele ja muudab keskkonna närviliseks. Aga flash ei tähenda ainult vilkuvaid värve ja vuhisevaid kirju.

Flashiga luuakse emotsioon. Flashlahendus võimaldab efektiivsemalt ja “müüvamalt” infot esitleda. Tasakaalukas ja läbi mõeldud flashlahendus võib anda veebilehele oluliselt juurde.

Page 18: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

18

Soovitused

• Kliendid ei loe tehtavaid klikke et infoni jõuda. Lähtuge sisu esitamise loogilisest ülesehitusest. Kui muud moodi ei saa, siis kehku 7 klikki. Peaasi et ta info loogiliselt üles leiaks.

Loomulikult, mida vähem klikke seda parem. Aga see ei tohi olla KULTUS.

Pidage meeles: Sisumahukate veebide puhul tehke eeljaotus teemade kaupa

Page 19: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

19

Page 20: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

20

Soovitused

• Otsing on tänaste veebilehtede üks häbiplekke. Väga vähesed firmad on viitsinud vaeva näha sellega, et sisestatud sisule panna külge otsingu jaoks märksõnu. Ärge pange veebilehele otsingut üldse, kui see ei tööta.

Pidage meeles: Otsing on tööriist mida kasutavad väga paljud külastajad. Mida mahukam veeb, seda olulisem on otsing. Mõelge läbi, kuidas otsing ülesse ehitada.

Page 21: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

21

Page 22: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

22

Soovitused

• Kõik ei pea ilma scrollimata mahtuma esileheküljele. See, et oluline info oleks külastajale kohe nähtav EI OLE primaarne. Hiirerulli ajastu on ammu käes ja te ei tee veebilehti ilma käteta inimestele.

Heaks näiteks on Eesti meediaväljaannete leheküljed, kus on esilehel 10 meetrised scrollid.

Muide, külastaja scrollib meelsamini SAMA lehe sees kui vahetab ekraanipilti klikkimise kaudu.

Page 23: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

23

Soovitused

• Navigatsiooni asetamine paremale või vasakule on kokkuvõttes maitse asi. Paremakäelistel on mugavam kasutada paremal pool olevat navigatsiooni. Samas on loetavuse huvides loogika vastupidine.

Page 24: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

24

Page 25: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

25

Page 26: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

26

Soovitused

• Tänased veebilehed peaksid arvestama minimaalselt 1024x768 pikslise ekraaniresolutsiooniga. 800x600 ekraaniresolutsiooni kasutab Eestis alla 5% arvutitest. Kuvarite resolutsioonid on suurenenud ja kasvavad veelgi.

Seda, kas veebileht on vasakul ääres kinni või tsentreeritud, tuleks otsustada kujunduse ja veebi ülesehituse põhjal. Mitte trendide põhjal.

Page 27: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

27

Soovitused

• Kasutage sobivusel paneelide freezimist. See tehnoloogiline lahendus võimaldab kasutajasõbralikkust tõsta ja muudab lehekülje paindlikumaks.

Page 28: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

28

Page 29: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

29

• Välistab vigase info avaldumist veebis

• Võimaldab sisu luua ja toimetada läbimõeldult ja kontrollida

• Võimaldab avada uusi alamlehti ja isegi keeli tervikuna

• Sisu loomise saab jätta suvalisel ajal pooleli

Soovitused

• Sisu haldamiseks on väärt tööriist PREVIEW ehk eelvaate keskkond.

Page 30: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

30

Preview ehk eelvaate keskkond

Page 31: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

31

Page 32: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

32

Page 33: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

33

Soovitused

• Kogu veebimaailm liigub hirmuäratava tempoga Multimeedia lahenduste suunas. Kodulehed ja keskkonnad muutuvad üha atraktiivsemaks ja elavamaks. Uus tarbijate põlvkond ei oskagi ilma üheaegselt mitut asja haaramata varsti internetti kasutada.

Mina nimetan seda INDIGO VEEBIDEKS(Mitmetasandilised, inteligentsed ja dünaamilised 3D-video-animeeritud ja helindatud keskkonnad)

Page 34: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

34www.cruisecentury.com

Page 35: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

35www.valio.ee/zerolactose

Page 36: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

36www.valio.ee/zerolactose

Page 37: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

37

Küsimused osalejatelt:

Kui asutus on multifunktsionaalne ja kõiki funktsioone tuleb võrdeliselt müüa - siis kas kirju kodulehekülg on paratamatu ja kolme kliki reegli eiramine samuti? Ja samas, kõik tahavad ju esilehel oma linki näha.

Kas parem on teha nii, et kõik menüüd on kogu aeg nähtaval või nii, et alammenüüd avanevad klikates. Et leht nagu on alguses minimalistlik ja muudkui avardub vastavalt huvile. Või siis oleks targem kohe kõik erkaanile panna. Kas see ei tekita tunnet, et liiga palju infot?

Page 38: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

38

Küsimused osalejatelt:

Miks kasutatakse nii paljudes lehtedes flashi, kui ometigi on ära tõestatud, et flash ei toimi ja kasutaja tahab sisu? Kellele need introd kasulikud on?

Kas kodulehe kaudu müümisel peaks tooted olema odavamad kui esinduses kohapeal, või on mõistlik hoida ühtset joont ja ühtset hinnapoliitikat? Sama puudutab ka kujundust - kas veebilehe disainimisel peaks arvestama ka meie müügiesinduse sisekujunduse jms'ga, et kliendil äratundmisrõõm oleks?

Page 39: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

39

• Kokku 5 küsimust

• Kokku 226 vastajat

• Küsitluse aeg: 09. - 15. jaanuar 2008 (6 päeva)

• Palusin vastajatel asetada ennast tavakasutaja rolli

KÜSITLUS Milline on hea veebilehekülg?

• Ei pretendeeri sügavale tõele. Näitab väikest trendi.

• Vastajate vanus: 98% vanuses 18-45 aastat

Page 40: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

40

• Palun pane tähtsuse järjekorras pingeritta, mis on sinu meelest hea veebilehe puhul oluline? PS. Hinne 1 oli kõrgeim ja hinne 8 madalaim. Näidatud on keskmine hinne.

6,27

5,53

4,42

3

2,92

2,87

2,38

2,22

0,00 1,00 2,00 3,00 4,00 5,00 6,00 7,00

Taustamuusika ja helieffektid

Effektsed flashid ja liikumised

Interaktiivne. Võimaldab osaleda

Kena ja stiilne disain

Kiire. Ei pea laadimisi ootama

Mugavad funktsionaalsused

Loogiline navigatsioon

Asjalik ja värske sisu

Page 41: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

41

• Minu sõbrad nimetasid meelevaldselt 8 Eesti suurettevõtet. Vali nende seast välja enda lemmik.

23%

18%

15% 15%

10%9%

6%

4%

0%

5%

10%

15%

20%

25%

PAULIG OLYMPIC CASINO BALTIKA GRUPP TALLEGG RAGN SELLS REVAL HOTELS TALLINK MICROLINK

Page 42: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

42

Page 43: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

43

Page 44: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

44

Page 45: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

45

Page 46: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

46

Page 47: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

47

Page 48: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

48

Page 49: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

49

Page 50: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

50

• Miks sa just selle lehekülje valisid?

100

72

32

22

0

20

40

60

80

100

120

Kõige kasutajasõbralikum Kõige atraktiivsem Brand meeldib lihtsalt Kõige sisukam

Page 51: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

51

• Palun pane tähtsuse järjekorras pingeritta, mis on sinu meelest hea veebilehe puhul oluline? PS. Hinne 1 oli kõrgeim ja hinne 8 madalaim. Näidatud on keskmine hinne.

6,27

5,53

4,42

3

2,92

2,87

2,38

2,22

0,00 1,00 2,00 3,00 4,00 5,00 6,00 7,00

Taustamuusika ja helieffektid

Effektsed flashid ja liikumised

Interaktiivne. Võimaldab osaleda

Kena ja stiilne disain

Kiire. Ei pea laadimisi ootama

Mugavad funktsionaalsused

Loogiline navigatsioon

Asjalik ja värske sisu

Page 52: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

52

ATRAKTIIVSEIMADDisain, flashid, helid, kaasav

KASUTAJASÕBRALIKUMADLoogiline, lihtne

SISUKAIMADInformatiivne, funktsionaalne

Page 53: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

53

• Milliseks pead Eesti ettevõtete veebilehekülgede tänast taset üldiselt?

Eesti veebilehtede tase

Väga kõrge tase12%

Keskmiselt hea tase74%

Lahjavõitu13%

Väga nõrk tase1%

Page 54: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

54

• Kui sagedasti külastad erinevaid ettevõtete veebilehekülgi?

Kui tihti külastad

120

56

30

20

0

0

0 20 40 60 80 100 120 140

Iga päev

3-4 korda nädalas

1-2 korda nädalas

Paar korda kuus

Paar korda aastas

Ei külasta ettevõtete veebilehti

Page 55: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

55

KOKKUVÕTE: Mida on vaja müüva veebilehe loomiseks?

• Selgeid eesmärke ja vajaduste kaardistamist

• Aega, pühendumust, planeerimist, raha

• Julgust eristuda. Ideede rakendamist

• Kvaliteetset ja kreatiivset pikaajalist partnerit

• Veebilehe müümist ja tulemuste mõõtmist

• Pidevat hoolitsust, kaasajastamist ja arengut

Page 56: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

56

Lihtne idee võib tagada edu.

Odakas 2007

link >>> “Reportiivis” <<< link

Page 57: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

57

Page 58: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

58

Vabanege stampidest

Ärge võtke tööd koju kaasa.

Pange ideed veebis müüma.

Page 59: Erki Peinar- Kuidas muuta veebileht eesmärgipärasemaks

02/07/08

© C

opyr

ight

AD

M I

nte

ract

ive,

2008

59

Erki Peinarloovjuht

ADM Interactive

[email protected] 6177 600

SUUR TÄNU