1. Mit tudok2010-ben a weblapokról és a weblap menük navigációjáról? Lakatos Gabriella eMarketer CEO E-BridgeseMarketingemarketingexpert.eu Az eMarketernotbook-ja c. sorozat összefoglalója E-BridgesÜzleti Kommunikációs Képzések 2003 - 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 éltünknek
3. Tudom, hogy milyenek voltak kezdetben a navigációs menük! 3 E-BridgeseMarketing 1989-2000
5. Hogy néztek ki a „korabeli” weblapok? Internet archívum A legrégebbi magyar honlap 1999 WaybackMachine http://web.archive.org 1997 ford.com 1996 ford.com 1999 google.com1998 a legelső weblap cím a világon: http://info.cern.ch/hypertext/WWW/TheProject.html
6. 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
7. 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.
8. 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)
10. 1998 óta a navigációs menüknek 2 újabb feladata is 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!
11. 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,
12. Tudom, hogy 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! A konverzió eredeti jelentése : átváltozás, megtérés
13. Tudom, hogy 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 navigáció célja a konverzió!
14. 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! 14 E-Bridges eMarketing Optimalizált úton vezessen az optimális célhoz!
15. Ismerem a website navigáció alaprendszereit! 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) 15 E-Bridges eMarketing
16. modul rendszerben 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
17. A tartalom többféle csoportosításban publikálható 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
18. 18 érzelmi hatás értékközvetítés A weblap 3-4 rétegben navigál akciós ajánlatok vásárlás, aktiv válasz tájékoztatók E-Bridges eMarketing
19. 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…
20. …tudom, hogy a site navigációt valójábanaz üzlet kommunikációja alakítja!
24. 1999 Márka üzenet Képes nyitó menü 3 fő termék csoport Alap menü 1. Alap menü 2.
25. 2000 Alapmenü 1- 2. Márka üzenet Értéknövelő információk 5 hónap múlva Kiemelt termék és szolgáltatás.
26. Alap menű A struktúra maradt éveken keresztül! A marketing és az értékesítési tartalom naponta változott, összehangolva a vállalat üzleti kommunikációjával! 2 hónap múlva
28. A site navigáció Folyamatosan követi a felhasználói tudásszintet!
29. Alap menü Nem tudtam eddig se videót, se audiót, egyáltalán semmit se készíteni, a PC-n. EDDIG!! De most van egy Mac-im! A hétköznapi felhasználók felé fordul!! a rendőr 2002
30. Alap menü Célcsoport bővítés, érték növelés: a minőségre is igényes fiatalok 2006
31. A site navigáció Folyamatosan követi a technológiai fejlesztéseket!
32. Alap menü Termék fejlesztés - új korszak A portál grafikai és strukturális design-t vált 2007
33. 2007 A portál grafikai és strukturális design-t vált Alap menü
35. Navigációs alap menü termék csoportok és szolgáltatások 1.szintű központi nyitó oldal Érték közvetítés Az érzelmi döntések alapja: mely értekkel azonosul a vevő? Alap információs menü
36. 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.
37. A mega menü több mélységben navigál! Nyitó oldal 2. szintű belső nyitó 3. szintű belső oldalak, +….
38. 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
39. 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
40. 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ü
41. 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
42. 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
43. 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
44. 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
46. Több szinten épül és dolgozik minden sikeres website navigációs rendszere - követve a döntési folyamatokat! 46 E-Bridges eMarketing
47. Hierarchia szintek: Központi nyitó oldal I. szint Alközpontok II. - III. szint Egyedi oldalak IV. szint …és hol a konverzió?
48. 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
49. „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!” A konverzió több szinten is létre jöhet!
50. A konverziós útvonalak rendszere érzelmekre ható, a fogyasztói magatartást követő sokirányú mátrix!
51. 2010-ben a több szintű site navigáció alapkövetelmény! 51 E-Bridges eMarketing
52. 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 52 E-Bridges eMarketing
53. Tudom, hogy Az üzleti kommunikáció ésa websitenavigációs útvonalak közös feladata: a konverzió támogatása!
54. 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
55. 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!
56. 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
57. Tudom, hogy hogy lehet eredményes a konverzió vagy, hogy miért nem az,… 57 E-Bridges eMarketing
58. A legprofibb weblap sem hoz több vevőt, ha gyenge az alapszolgáltatás,ha drága vagy nem vonzó a termék, ha mindent csak a weblaptól várnak, ha nincs integrált marketing vagy rosszul működik, ha tévesen vagy egyáltalán nem mérték fel a piacot, vagy a piac nagyságát, ha tévesen vagy egyáltalán nem mérték fel a piaci környezetet az Interneten, ha nem veszik tudomásul a konkurens weblapok korát és erejét, ha azt gondolják, hogy a SEO, és a weblap optimalizálás helyettesíti a közvetlen hirdetést. 58 E-Bridges eMarketing
59. Tudom, hogy… É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 …, mikor és hogyan használjunk Google API kódokat a konverzió követésére és optimalizálására!
60. 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!
61. 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
62. Tudom, hogy a site navigációs struktúra 4 feladata 2010- re a tájékozódás, a tájékoztatás, a konverzió, a konverzió mérés.
63. Tudom, hogy hogy a navigációt folyamatosan változtatják az üzleti kommunikáció a technológia, a mérés, a vásárlók!
64. Tudom, hogy milyen legyen a weblapok navigációs menüje 2010-ben! 64 E-Bridges eMarketing
71. „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!
72. Tudom, hogy 2010-ben asite navigáció hogyan legyen informatív attraktív átlátható rendszerezett rugalmasan alakítható mértéktartó Annyira egyszerű, amennyire lehet, de ne jobban!
73. A groupmenü – még világosabbá teszi az alternatívákat és segít a választásban Multi group menü Kiemelt ajánlatok Menü boxok KÉP!! Bal menü Termék kategóriák Keresők Regisztrációk Kapja meg mindegyik felhasználó típus a neki való navigációs alternatívát!
74. Site navigáció mega menüvel Program menü Szöveges menü Képes menü Numerikus menü Carousel menü
79. Alap menü A struktúra változás lassabb a belső oldalakon, …így jó, mert több a leltár szerű, bevásárló lista , tájékoztató adat. A vevő motivált , már meghozta (érzelmi) döntését! A visszatérő vevő szereti saját bevált útvonalát a régi helyen találni. 2008
80. 2010 Képek, gombok, ikonok, Értékesítési portál nyitó oldal Top menük Érték meghatározás, márka üzenet Box menü Box menü Footer menü
82. 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?
84. Adjon megoldást mindegyik felhasználó ésfogyasztó típusnak, ne csak azoknak, akik akkor vesznek mobilt, ha már nem kapnak vezetékest! 84 E-Bridges eMarketing
85. Tudom, hogy ezért követelmény a többféle konverziós csatorna! 85 E-Bridges eMarketing
86. Minden út Rómába vezet! Eltérő vevőtípusok más navigációs útvonalakat kedvelnek! Szolgáltatás menük Termék menük Kiemelt ajánlatok Közvetlen ajánlatok Menü gombok Menü linkek Tájékoztatók http://www.honda.co.uk/cars
88. Tudom, hogy a site navigáció hogyan kövesse a felhasználói és fogyasztói szokásokat!
89. 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ü
90. Tudom, hogy mi a weblapok alapfelszereltsége 2010-ben! Rugalmas, több színtü menürendszer Interaktív navigáció Érzelmi döntésekre ható design A vásárlási döntések ITT, az agy érzelmi, (öröm) központjában születnek! 90 E-Bridges eMarketing Az értelem, gondolkodás, ésszerű döntések helye
91. 2010-es navigációs és design trendek a websitenyitó oldalain: minimalista design nagy kép felületek tipográfiai megoldások letisztult, (de nem egyszerű!!) formák, konverziós menü mátrix 91 E-Bridges eMarketing
92. Nyitó oldalon a desktop navigáció helyett hangulati elemek a menüben… 92 E-Bridges eMarketing
93. Nyitó oldalon Egy típusú kínálathoz: 1 szolgáltatás, 1 termék csoport 93 E-Bridges eMarketing
99. Egy típusú kínálathoz: személyes oldal, 1 szolgáltatás Nyitó oldalon Sketch , handraw 99 E-Bridges eMarketing
100. Nyitó oldalon Sketch , handraw Egy típusú kínálathoz: több szolgáltatás, információs portál 100 E-Bridges eMarketing
101. Nyitó oldalon Sketch , handraw Full image háttér 101 E-Bridges eMarketing
102. 102 E-Bridges eMarketing A portfolió és az üzleti portálokon más megoldások érvényesek!! Ha több szolgáltatás - és termékcsoport, Ha összetett üzleti tartalom és értékesítési útvonalak vannak, akkor más a navigációs modell: a multi-chanel
103. Tudom, hogymilyen legyen a site navigáció a termék + szolgáltatás + tanácsadás típusú értékesítési portálokon! 10 weblap közül 9 ebbe a kategóriába tartozik!
104. Nagykép felület Minimalista megoldások 104 E-Bridges eMarketing Kiadói stílus
105. Összetett grafikus és digitális média menük Magazin szerű megjelenés 105 E-Bridges eMarketing
106. Hogyan lehet a design és a menüstruktúra egyszerre letisztult és összetett? 106 E-Bridges eMarketing
107. Ne akarjon minden menüt minden oldalon megjeleníteni! A megoldás: belső linkek, a többszintű struktúra,váltakozó modulok, és a társoldalak Biarritz-blog 107 E-Bridges eMarketing
108. Milyen menü fajtákat választhatnak 2010-ben? A programozók: A felhasználók: Image menü Sliding menü Split menü CSS menü, Tab menü Dropline menü Moo menü Drag and drop menü FishEye and Carousel menü Accordion Flash Select boksz Tree menü Szöveges menü Numerikus menü, Ikon Menü Képes menü Box menü Kombinált menü modulok basic menü, multi menü, mega menü 108 E-Bridges eMarketing
109. slide menü tab menü box-menü,menü gombok group menü kombinációk
115. Tudom, hogy melyik menüt hova, hogyan használjuk! …és HOVA NE HASZNÁLJUK, mert nem gazdaságos! Jó site navigációt együtt készít az eMarketer és a web designer! Ma minden piactér telített! A drága webdesign ugyan vonzó, de halasztható, a Google kampány halaszthatatlan költség! 115 E-BridgeseMarketing
116. Milyen tanácsot adhatok a megrendelőknek? Üzleti és kommunikációs céljaikhoz tervezzék a weblap navigációját! Nevezzék meg saját értékeiket, a „miért”, a „hogyan” után ahhoz igazítva tervezzék a „mit” és a struktúrát. Kategorizálják saját termékeiket és szolgáltatásaikat, és ahhoz tervezzék a konverziós csatornákat. Integrált marketing kommunikációt folytassanak - a weblapok összehangoltan működjenek a többi hirdetéssel. Üzleti terveikhez igazítsák a weblap fejlesztését és napi működtetését!
117. E-Bridges eMarketing 117 Milyen tanácsot adhatok a webfejlesztőknek? A konverziós célokhoz tervezzék a site navigációs struktúrát! A megrendelők tőlük várják az optimális megoldásokat! Ez nagy felelősség! Kérjenek profi eMarketert!
118. Group menü - képekkel 118 E-Bridges eMarketing A bal menü és a top menük több, eltérő konverziós útvonalat adnak a vevő típusoknak
120. Az időszakos pop up menü – a legfontosabb üzenetre navigál 120 E-Bridges eMarketing
121. Multi menü Érték közvetítés Tudományosan igazolt: a döntések mögött mindig az értékekkel való azonosulás áll! A zok kötnek velünk üzletet, akik ugyanazokkal az értékekkel azonosulnak, amivel mi is. Nem érdemes arra törni, hogy mindenki nálunk vásároljon , akinek szüksége lehet a termékeinkre. (Túl sokba kerül!)
123. Tudom,hogy Folyamatosan követni kell a változásokat minden területen! Tartalomfejlesztés, multi média: PPS, PPT, prezi, video letöltések, megosztás (beágyazás),aktív részvétel a megosztásban Keresőbarát CMS webprogramok: aktív részvétel az információ létrehozásában Mérés: SEO, keresőoptimalizáció, Google fizetett helyezés, webanalitika Tájékoztatók: interaktív, a felhasználó közvetlen aktivitása, válasz, értékelés, megosztás másokkal
125. 2010-ben77%-ban más internet alkalmazáson keresztül megy a kapcsolattartás! Allthe Web E-mailek száma és aránya csökken! A weblapok aránya (nem a száma !) csökkenő! 125 E-Bridges eMarketing
126. Allthe Web Tudom,hogyhogyan integráljuk az internet alkalmazásokat a vállalkozások üzleti kommunikációjába 2011-ben!
127. Tudom,hogy milyen hatással van az üzleti kommunikáció a vállalkozások bevételeire! Egy üzleti kommunikációra szakosodott céget vezetek, amely speciális területtel, a kis- és közép vállalkozások integrált üzleti kommunikációjával foglalkozik. fejlesztés - működtetés - tanácsadás - képzés E-BridgeseMarketingTM 2003 - 2010
128. Ha jól megy a cégnek, akkor turbózzuk! Ha alakul, jobbra formáljuk! Ha bukdácsol, velünk gyorsabban „talpra áll”. 128 E-Bridges eMarketing