59
Lakatos Gabriella eMarketer CEO E-Bridges eMarketing Az eMarketer notbook-ja sorozat Hogyan igazodik a weblapok menü navigációja a konverzióhoz? E-Bridges Üzleti kommunikációs Képzések 2010

Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Embed Size (px)

DESCRIPTION

Hogyan igazodik a weblapok menü navigációja a konverzióhoz? E-bridges eMarketing, E-bridges vállalkozásfejlesztő képzések, kisvállalkozások marketingje

Citation preview

Page 1: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Lakatos GabriellaeMarketer

CEO E-Bridges eMarketing

Az eMarketer notbook-ja sorozat

Hogyan igazodik a weblapok

menü navigációja a konverzióhoz?

E-BridgesÜzleti kommunikációs

Képzések 2010

Page 2: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A weblap 2009-ben

ünnepelte 20. születésnapját!

Tim Berners Lee az első weblap alkotója

1989 -ben készült az első weblap a svájci CERN intézetben1993-tól a web elérhető mindenkinek1998 óta működik a Google kereső rendszere2000 óta az Internet része az életünknek

Page 3: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Milyenek voltak kezdetben a

navigációs menük!

3E-Bridges eMarketing

1989-2000

Page 4: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Miért volt a „basic” navigációs struktúra

Korai mátrix:

HOME

1 2 3 4 5 6 7 8

A

B

C

D

E

F

G

egyszerű.vázlat szerű,leltár szerű,bevásárló lista szerű, és…

érzelem mentes!

VízszintesFüggőleges

Kevés volt a funkció, kevés volt a visszacsatolás, akkor…?

Miért ne lett volna az?

Page 5: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Mi volt akkor a navigációs menük egyik feladata!

Segíteni az embereknek, hogy eligazodjanak!

1. Találjanak megfelelő terméket, szolgáltatót.2. Találják meg a szükséges információkat az ajánlatokról.3. Lássák, hogy merre járnak.4. Lássák, hogy merre mehetnek.

Page 6: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Mi volt a navigációs menük másik feladata!

Segíteni a vállalkozásoknak, hogy eligazítsanak!1. Mutassa, mi hol érhető el, (kiemelt tartalmak, háttér tájékoztatók, akciók,

ajánlatok).2. Növelje az eladást a többlet vásárlásokkal (cross sell, up sell, after sell)

Page 7: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Azóta megváltoztaka weblap menü navigáció

céljai!

7E-Bridges eMarketing

Page 8: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

1998 óta a navigációs menüknek 2 újabb feladata van:

indexelje jól a weblapot a Google!Legyen a weblap az első index oldalon!

konvertáljon, alakítsa ki vagy alakítsa át a kapcsolatokat! Vezesse el az embereket a konverziós pontokhoz!

Page 9: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

konverzió!Cselekvésre, közvetlen válaszra motivál, véleményt formál,

2010-re a menük és a navigáció valódi célja a

hogy az emberek ne csupán eligazodjanak, de aktív partnerré váljanak!hogy a vállalkozások ne csak eligazítsanak, de döntésre és cselekvésre motiváljanak!

Page 10: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Regisztrálj! Vásárolj! Rendelj! Vegyél részt!

Értékelj! Kérj hírlevelet! Oszd meg!

Térj vissza! Rendelj újra! Vásárolj még!

Értékelj újra! Maradj kapcsolatban!

Mi a konverzió!

Page 11: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

konverzió!Miért legyen interaktív a site navigáció!

A felhasználót aktivizálja: válasz akció, értékelés, megosztás másokkal, stb.

A menü navigáció célja a

Page 12: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A menüstruktúra igazodjon az értékesítési és konverziós útvonalakhoz!

Ezért a navigáció feladata a konverziós útvonalak rugalmas alakítása!

12E-Bridges eMarketing

Optimalizált úton vezessen az optimális célhoz!

Page 13: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Szekciók és kategóriák (Melyik a magasabb rendű? szekció > kategória > cikk)

Automatikus linkek ( kulcsszavakra automatikus linket generál a szövegben)

Tartalom linkek (saját tartalomra mutató belső linkek)

Multi kategorizálás (egyetlen cikk több kategóriában is megjelenhet!)

Site Linkek (más website-ra mutató kimenő hivatkozások)

Site Map (kategorizált oldaltérkép)

Site Navigáció (vissza a tetejére, breadcrumbs, előzmények, korábban megtekintett termékek, stb)

Menü szisztémák (szöveges, képes, numerikus, basic, multi, mega, stb)

A website navigáció alaprendszerei a konverziót szolgálják:

13E-Bridges eMarketing

Page 14: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

szekció

Egy szekcióhoz tartozhat több kategória is!!!

Egy cikk több menüben ispublikálható!

A szekció és a kategória közvetlenül is lehet menü!

Egy cikk menü nélkül,belső linkkel is publikálható!

kategória

kategória

kategória

kategória

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

cikkek

cikkek

cikkek

cikkek cikkek

Page 15: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

szekció

Hol jön létre a konverzió?

Több helyen is létrejöhet, de előre nem lehet pontosan kiszámítani, mint ahogy a horgász se tudja, hol harapnak a halak, mégis fog!

A konverzió optimalizálás a menük folyamatos igazodása a tartalom változásaihoz és a vevők válaszaihoz.

kategória

kategória

kategória

kategória

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

MENÜK

cikkek

cikkek

cikkek

cikkek cikkek

?

??

Page 16: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

a site navigációt folyamatosan változtatják a

UsabilityAccessibilityAudianceToolsTechnologyCommercialismConvention

Használhatóság -Hozzáférhetőség -Célközönség -Eszközök, módszerek -Technológia -Gazdaságosság -Hagyományok -

kutatások, „best practice”, növekvő tudatosságjogi és etikai igények a szabad hozzáférés és megosztás terénsokkal több, demográfiai és más módon differenciált, elvárás!! CMS template, menü rendszerek, SEO optimalizáció, analitikabrowsers, Javascript, Ajax, mobil, API, stbGoogle analitikai mérések, TCO költséghatékonyság, megtérülésnavigációs menük, breadcrumbs, linkek, standardok

Tudom, hogy

és a konverzió!

Page 17: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

modul rendszerbenEzért készül a navigációs struktúra rugalmasan cserélhető

Header modul

Banner modul

User 1 modul

User 2 modul

Right modul

Top modul

Page 18: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

üzlet kommunikációja alakítja!

Tudom, hogy

a site navigációt valójában az

Page 19: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A site navigáció

Folyamatosan követia felhasználói tudásszintet!

Page 20: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A site navigáció

Folyamatosan követia technológiai fejlesztéseket!

Page 21: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Milyen a http://apple.com

menü navigációja 2010-ben?

Page 22: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

1.szintűközponti

nyitó oldal

Érték közvetítés

Navigációs alap menü termék csoportok és szolgáltatások

Alap információs menü

Page 23: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Ennyi volna az egész?Ha nem, … akkor… mi van mögötte?

Több szintű, több irányú, kereszt navigációs

menüstruktúra,közvetlen és közvetett belső konverziós útvonalakkal.

Page 24: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Nyitó oldal 2. szintű belső nyitó 3. szintű belső oldalak, +….

A mega menü több mélységben

navigál!

Page 25: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Klasszikus menü szerkezeta 2. szintű központi NYITÓ oldalon

Termék kategóriák, kiemelt ajánlatok képpel, szöveges bevezetőkkel

webshop

WEBÁRUHÁZ

Page 26: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

a 2. szintű központi nyitó oldalon

Top menü

Képes menü

Kiemelt ajánlat

Menü Boxok,kép + szöveg

Menü linkek

Menü boxok, ikon + szöveg

Kiemelt téma

Kiemelt ajánlatok

MacPC és Macbook kínálat

kiemelt ajánlatok képpel, szöveges bevezetőkkel

KIEMELT TERMÉK

Page 27: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Kiemelt ajánlat

Kiemelt ajánlat

Menü box-ok

Kiemelt tájékoztatók

Képes menü

Szöveges menü

Szöveges menü

a 2. szintű központi NYITÓ oldalon

Menük a 3. szinthez

Menük a 3. szinthez

iPodkínálat

kiemelt ajánlatok képpel, szöveges bevezetőkkel

KIEMELT TERMÉKEK

Page 28: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Kiemelt ajánlat

Kiemelt tájékoztatók

Irány a boltba!Közvetlen kapuk, legalább 5 konverzió csatorna

Képes menü box-ok

Kategória menü

a 2. szintű központi NYITÓ oldalon

Menük a 3. szinthez

iPhone kínálat

KIEMELT TERMÉK kiemelt ajánlatok képpel, szöveges bevezetőkkel

KIEMELT TERMÉKEK

Page 29: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

3. szintű központi NYITÓ oldalon

Termék specifikációk, technikai leírások, bevezetők a bővebb termék leírásokhoz

Menük a 4. szinthez

4.szint

TÁJÉKOZTATÓK

Page 30: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Multi menü

Menük a 3. szinthez

a 2. szintű központi NYITÓ oldalon

kiemelt ajánlatok képpel, szöveges bevezetőkkelhibakezelés, gyorsjavítás, személyes tanácsadás,kiegészítő termékek, gyakori kérdések, letöltések,közösségi oldalak

SZOLGÁLTATÁSOK

Page 31: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Kategorizáltinformációk

a 3.szintü tájékoztató oldalon

Hagyományos téma rendszer

Kategóriák a 4. szinthez

Egyre kevesebb a kép, egyre több a technikai adat

Page 32: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

milyen a site design és navigációs trend 2010-ben!

Bonyolultan egyszerű

A weblapon, a látogató saját választott útvonalát tartsa egyszerűnek!

Elég, ha mi tudjuk, hogy az milyen bonyolult!

„Mindent annyira kéne leegyszerűsíteni, amennyire az lehetséges, de nem jobban!”

„Everything should be made as simple as possible, but not simpler” A. Einstein

Page 33: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Foglaljuk össze!

33E-Bridges eMarketing

Page 34: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Több szinten épül és dolgozik minden sikeres website navigációs rendszere

A navigációnak több konverziós csatornát is ki kell szolgálni!

A vevő a saját gondolatmenetét akarja követni!

34E-Bridges eMarketing

Page 35: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Regisztrálj! Vásárolj!Tudj meg még többet! Olvass! Értelmezd! Mazsolázgass! …és

Rendelj! Vegyél részt! De, legalább kérj hírlevelet!

Fogadd el, amit kínálok, alapozzunk meg egy hossútávú kapcsolatot!

A konverziótöbb szinten is létre jöhet!

Page 36: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Központi nyitó oldalI. szint

AlközpontokII. - III. szint

Egyedi oldalakIV. szint

Hierarchia szintek:

…és hol a konverzió?

Page 37: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A navigáció követi és kiszolgálja a felhasználó és vásárló típusokat!

I. szint

II. szint

III. szint

IV. szint

Go & buy!

Go & buy!

Go & buy!

Visszatérő vevőkKorai elfogadók

Első vásárlókKorai többség

Első vásárlókKései elfogadók

konverzió

konverzió

konverzió

Page 38: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

sokirányú mátrix!

A konverziós útvonalakrendszere érzelmekre ható,a fogyasztói magatartást követő

Page 39: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

alapkövetelmény

a több

szintű site

navigáció!

2010-ben

39E-Bridges eMarketing

Page 40: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A mega menük több tartalmi és konverziós szint, között navigálnak!

Márka, arculat ésképviselt értékek

termékek,szolgáltatások,

terméktámogatás

vásárlói szokásokhoz igazodó promóció,

tájékoztatók,konverziós csatornák

árak, akciók,ajánlatok,

kapcsolatok

Mérések, vevőkövetés,értékelés, fórum,

blog, közösség építés

Követik a szintek közötti hierarchiát!Követik a konverziós útvonalakat!

40E-Bridges eMarketing

Page 41: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Az üzleti kommunikáció és a site navigációs útvonalak

közös feladata:

a konverzió támogatása!

Page 42: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

3. szintű tájékoztató oldalon

Go shoppingKeress boltot a közeledben

Go shoppingRegisztráljLégy tag, kérj hírlevelet!

Go shopping

Tanuld meg használni!Training & shopping

Tovább a IV.szintre

Konverzió!

Tovább a IV.szintre

Tovább a IV.szintre

Tovább a IV.szintre

Page 43: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

4. szintü tájékoztató oldalon

Go & Buy!

Tanuld meg használni!

Eladásnövelő tájékoztatók

vevőknek

Felhasználóktréningjei

Konverzió!

Hogyan vásárolj!Hogyan használd!

Page 44: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

3. szintü tájékoztató oldal

Értékesítők tréningjei és segédletei

Tanuld meg eladni!

Eladásnövelő megoldások

disztribútoroknak

Go & sell!IV.szint

Konverzió!

Page 45: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

hogy a konverzió miért eredményes vagy miért nem,…

Tudom, hogy

45E-Bridges eMarketing

Page 46: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

…, hogy mikor és hogyan használjuk a konverzió követésre a Google API kódokat!

Értékesítési oldal

Webáruház Tájékoztató oldal

Akciós oldal Űrlapok Hírlevelek

Bannerek hirdetések

Partner oldalak

Voucher, kupon

Külső hivatkozások

Google API

Page 47: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Ha az első vagy a 2-3. szinten, akkor nem ezt keresték, nem volt vonzó a kínálat , vagy a megjelenés (navigáció, site struktúra, tájékoztató tartalom).

Ha a 4.lépésben sincs konverzió, akkor nem is akartak vásárolni, még gondolkodnak, vagy a konkurencia volt!

Hol, melyik szinten hagyják el az oldalt!

Melyik a legkedveltebb csatorna?Melyik vevő, melyik navigációt használja?

Követjük és mérjük,hogy hol jött létre a konverzió!

Page 48: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A web analitika és a konverzió mérés megváltoztatják a site navigációt is!

Folyamatos értékelés az analitikai eszközökkel: Google Analytics, Webmaster Tools, site metrics

Melyik menü hoz több konverziót?

Page 49: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

E-Bridges eMarketing 49

Kis és közép vállalkozások - konverziós átlag 3000 -5000Ft-os napi hirdetési költséggel

Átlagos konverziós ráták 2010-ben az E-Bridges eMarketing kezelésében működő weblapoknál

Page 50: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Menük, kiemelt box-ok és gombok - ezekből épül ma a weblapok 99%-a!

DE! Kinek készülnek? A korai elfogadóknak? A lassú haladónak? A kései elfogadóknak?

Page 51: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

A site navigációrugalmasanszolgáljon ki

minden igényt!

Page 52: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

ne csak azoknak, akik akkor vesznek mobilt, ha már nem kapnak vezetékest!

Adjon megoldást mindegyik felhasználó és fogyasztó típusnak,

52E-Bridges eMarketing

Page 53: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

ezért követelmény

a többféle konverziós

csatorna!

Tudom, hogy

53E-Bridges eMarketing

Page 54: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

54E-Bridges eMarketing

Page 55: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

a site navigáció

hogyan kövessea felhasználói és

fogyasztói szokásokat!

Tudom, hogy

Page 56: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

2010

Navigációs alap menü

Képes menü

Szöveges menü 1. 2.

Konverziósmenü blokk

Vegyes menü

Szöveges menü

Mega menü

Page 57: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Tudom, hogy

2010-benHogyan tervezzünk minden igényt kiszolgáló weblapot,

lépésről-

lépésre!

57E-Bridges eMarketing

Page 58: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

Hol, mivel indítsuk a konverziós útvonalakat?Hány útvonalat alakítsunk ki?Hány konverziós kijáratot építsünk be?Hol legyen cross link (belső kereszt link)?Milyen arányban legyenek az érzelmekre és értelemre ható navigációs elemek?Melyik struktúra szinteken, milyen navigációt használjunk?Melyik termék vagy szolgáltatás, milyen navigációs csatornákon adható el?

A válaszokat már a site struktúra

tervezésénél tudni kell!

Page 59: Konverziós útvonalak tervezése a weblapokon - kisvállalkozások marketingje

E-BridgesÜzleti kommunikációs Képzések 2010

E-Bridgesvállalkozásfejlesztőképzések 2010

Weblap készítés - weblap működtetés kis- és közép vállalkozások az InternetenAz online marketing alapjaiA weblap és webáruház tervezés alapjai

Előadás és workshop Skype-on

59E-Bridges eMarketing