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

1. Hogyan igazodik aweblapok menü navigációja a konverzióhoz? Lakatos Gabriella eMarketer CEO E-BridgeseMarketing Az eMarketernotbook-ja sorozat E-Bridges Üzleti kommunikációs Képzések 2010

2. Aweblap2009-ben ünnepelte 20. születésnapját! Tim Berners Lee az első weblap alkotója -ben készült az első weblap a svájci CERN intézetben 1993-tól a web elérhető mindenkinek 1998 óta működik a Google kereső rendszere 2000 óta az Internet része az életünknek

3. Milyenek voltak kezdetben a navigációs menük! 3 E-BridgeseMarketing 1989-2000

4. Miért volt a „basic” navigációs struktúra egyszerű. vázlat szerű, leltár szerű, bevásárló lista szerű, és… érzelem mentes! Kevés volt a funkció, kevés volt a visszacsatolás, akkor…? Miért ne lett volna az? Korai mátrix: Vízszintes Függőleges

5. 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.

6. Mi volt a navigációs menük másik feladata! Segíteni a vállalkozásoknak, hogy eligazítsanak! 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 (crosssell, upsell, aftersell)

7. Azóta megváltoztak a weblap menü navigáció céljai! 7 E-Bridges eMarketing

8. 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!

9. 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ésremotiváljanak! konverzió! Cselekvésre, közvetlen válaszra motivál, véleményt formál,

10. Mi a konverzió! 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!

11. A menü navigáció célja a 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.

12. Ezért a navigáció feladata a konverziós útvonalak rugalmas alakítása! A menüstruktúra igazodjon azértékesítési és konverziós útvonalakhoz! 12 E-Bridges eMarketing Optimalizált úton vezessen az optimális célhoz!

13. Awebsite navigáció alaprendszerei a konverziót szolgálják: 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) 13 E-Bridges eMarketing

14. kategória cikkek MENÜK MENÜK kategória cikkek MENÜK szekció Egy szekcióhoz tartozhat több kategória is!!! Egy cikk több menüben is publikálható! A szekció és a kategória közvetlenül is lehet menü! Egy cikk menü nélkül, belső linkkel is publikálható! MENÜK cikkek kategória MENÜK MENÜK MENÜK kategória MENÜK cikkek cikkek

15. ? kategória cikkek MENÜK MENÜK kategória cikkek 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. MENÜK szekció ? MENÜK cikkek kategória MENÜK ? MENÜK MENÜK kategória MENÜK cikkek cikkek

16. Tudom, hogy a site navigációt folyamatosan változtatják a Usability Accessibility Audiance Tools Technology Commercialism Convention 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, „bestpractice”, növekvő tudatosság jogi és etikai igények a szabad hozzáférés és megosztás terén sokkal több, demográfiai és más módon differenciált, elvárás!!CMS template, menürendszerek, SEOoptimalizáció, analitika browsers, Javascript, Ajax, mobil, API,stb Google analitikai mérések, TCO költséghatékonyság, megtérülés navigációs menük, breadcrumbs, linkek, standardok és a konverzió!

17. modul rendszerben Ezért készül a navigációs struktúra rugalmasan cserélhető Header modul Top modul Banner modul User 2 modul User 1 modul Right modul

18. Tudom, hogy a site navigációt valójában az üzlet kommunikációja alakítja!

19. A site navigáció Folyamatosan követi a felhasználói tudásszintet!

20. A site navigáció Folyamatosan követi a technológiai fejlesztéseket!

21. Milyen a http://apple.com menü navigációja2010-ben?

22. Navigációs alap menü termék csoportok és szolgáltatások 1.szintű központi nyitó oldal Érték közvetítés Alap információs menü

23. 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.

24. A mega menü több mélységben navigál! Nyitó oldal 2. szintű belső nyitó 3. szintű belső oldalak, +….

25. WEBÁRUHÁZ a 2. szintű központi NYITÓ oldalon Klasszikus menü szerkezet webshop Termék kategóriák, kiemelt ajánlatok képpel, szöveges bevezetőkkel

26. Top menü KIEMELT TERMÉK a 2. szintű központi nyitó oldalon Képes menü Kiemelt ajánlat Mac PC és Macbook kínálat Menü Boxok, kép + szöveg kiemelt ajánlatok képpel, szöveges bevezetőkkel Kiemelt ajánlatok Kiemelt téma Menü boxok, ikon + szöveg Menü linkek

27. KIEMELT TERMÉKEK Szöveges menü a 2. szintű központi NYITÓ oldalon Képes menü Menük a 3. szinthez Kiemelt ajánlat iPod kínálat kiemelt ajánlatok képpel, szöveges bevezetőkkel Menü box-ok Menük a 3. szinthez Kiemelt tájékoztatók Kiemelt ajánlat Szöveges menü

28. KIEMELT TERMÉKEK Menük a 3. szinthez a 2. szintű központi NYITÓ oldalon Kiemelt ajánlat iPhonekínálat KIEMELT TERMÉK kiemelt ajánlatok képpel, szöveges bevezetőkkel Képes menü box-ok Kiemelt tájékoztatók Kategória menü Irány a boltba! Közvetlen kapuk, legalább 5 konverzió csatorna

29. TÁJÉKOZTATÓK Menük a 4. szinthez 3. szintű központi NYITÓ oldalon 4.szint Termék specifikációk, technikai leírások, bevezetők a bővebb termék leírásokhoz

30. SZOLGÁLTATÁSOK a 2. szintű központi NYITÓ oldalon kiemelt ajánlatok képpel, szöveges bevezetőkkel hibakezelé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 Multi menü Menük a 3. szinthez

31. Kategorizált informá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

32. „Mindent annyira kéne leegyszerűsíteni, amennyire az lehetséges, de nem jobban!” „Everythingshould be made assimpleaspossible, butnotsimpler” A. Einstein Bonyolultan egyszerű milyen a site design és navigációs trend 2010-ben! A weblapon, a látogató saját választott útvonalát tartsa egyszerűnek! Elég, ha mi tudjuk, hogy az milyen bonyolult!

33. Foglaljuk össze! 33 E-Bridges eMarketing

34. Több szinten épül és dolgozik minden sikeres websitenavigá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! 34 E-Bridges eMarketing

35. 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!

36. Hierarchia szintek: Központi nyitó oldal I. szint Alközpontok II. - III. szint Egyedi oldalak IV. szint …és hol a konverzió?

37. A navigáció követiés kiszolgáljaa felhasználó és vásárló típusokat! I. szint II. szint III. szint IV. szint Go &buy! Visszatérő vevőkKorai elfogadók konverzió Go &buy! konverzió Első vásárlókKorai többség konverzió Go &buy! Első vásárlókKései elfogadók

38. A konverziós útvonalak rendszere érzelmekre ható, a fogyasztói magatartást követő sokirányú mátrix!

39. 2010-ben alapkövetelmény a több szintű site navigáció! 39 E-Bridges eMarketing

40. 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 Követik a szintek közötti hierarchiát! Követik a konverziós útvonalakat! Mérések, vevőkövetés,értékelés, fórum, blog, közösség építés 40 E-Bridges eMarketing

41. Az üzleti kommunikáció ésa site navigációs útvonalak közös feladata: a konverzió támogatása!

42. Konverzió! 3. szintű tájékoztató oldalon Go shopping Keress boltot a közeledben Tovább a IV.szintre Tanuld meg használni! Training & shopping Go shopping Regisztrálj Légy tag, kérj hírlevelet! Tovább a IV.szintre Tovább a IV.szintre Go shopping Tovább a IV.szintre

43. Konverzió! 4. szintütájékoztató oldalon Go &Buy! Felhasználók tréningjei Tanuld meg használni! Eladásnövelő tájékoztatók vevőknek Hogyan vásárolj!Hogyan használd!

44. Konverzió! 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

45. Tudom, hogy hogy a konverziómiért eredményes vagy miért nem,… 45 E-Bridges eMarketing

46. …, 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 Külső hivatkozások Bannerek hirdetések Partner oldalak Voucher, kupon Google API

47. Követjük és mérjük, hogy hol jött létre a konverzió! Melyik a legkedveltebb csatorna? Melyik vevő, melyik navigációt használja? Hol, melyik szinten hagyják el az oldalt! 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!

48. A web analitika és a konverzió mérés megváltoztatják a site navigációt is! Melyik menü hoz több konverziót? Folyamatos értékelés az analitikai eszközökkel: GoogleAnalytics, WebmasterTools, site metrics

49. E-Bridges eMarketing 49 Átlagos konverziós ráták 2010-ben az E-BridgeseMarketing kezelésében működő weblapoknál Kis és közép vállalkozások - konverziós átlag 3000 -5000Ft-os napi hirdetési költséggel

50. 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?

51. A site navigáció rugalmasan szolgáljon ki minden igényt!

52. Adjon megoldást mindegyik felhasználó ésfogyasztó típusnak, ne csak azoknak, akik akkor vesznek mobilt, ha már nem kapnak vezetékest! 52 E-Bridges eMarketing

53. Tudom, hogy ezért követelmény a többféle konverziós csatorna! 53 E-Bridges eMarketing

54. 54 E-Bridges eMarketing

55. Tudom, hogy a site navigáció hogyan kövesse a felhasználói és fogyasztói szokásokat!

56. Szöveges menü 1. 2. 2010 Mega menü Navigációs alap menü Képes menü Konverziós menü blokk Vegyes menü Szöveges menü

57. Tudom, hogy 2010-ben Hogyan tervezzünk minden igényt kiszolgáló weblapot, lépésről- lépésre! 57 E-Bridges eMarketing

58. 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!

59. Weblap készítés - weblap működtetés kis- és közép vállalkozások az Interneten Az online marketing alapjai A weblap és webáruház tervezés alapjai E-Bridges vállalkozásfejlesztő képzések 2010 Előadás és workshopSkype-on E-Bridges Üzleti kommunikációs Képzések 2010 59 E-Bridges eMarketing