weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

129
Lakatos Gabriella eMarketer CEO E-Bridges eMarketing emarketingexpert.eu Mit tudok 2010-ben a weblapokr ól és a Az eMarketer notbook-ja c. sorozat összefoglalója E-Bridges Üzleti Kommunikációs Képzések 2003 - 2010

Upload: e-bridges-emarketing-tm

Post on 19-Jun-2015

1.539 views

Category:

Business


0 download

DESCRIPTION

Weblap design és weblap navigációs menü trendek összefoglalása 2010-ig, E-bridges eMarketing, E-bridges vállalkozásfejlesztő képzések, kisvállalkozások marketingje

TRANSCRIPT

Page 1: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Lakatos GabriellaeMarketerCEO E-Bridges eMarketing emarketingexpert.eu

Mit tudok 2010-ben

a weblapokról és a weblap menük navigációjáról?

Az eMarketer notbook-ja c. sorozat összefoglalójaE-Bridges Üzleti Kommunikációs Képzések

2003 - 2010

Page 2: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 éltünknek

Page 3: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

milyenek voltak kezdetben a

navigációs menük!

Tudom, hogy

3E-Bridges eMarketing

1989-2000

Page 4: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

A menüstruktúra tisztán matematikai alapokra épült!

4E-Bridges eMarketing

Page 5: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

ford.com 1999

ford.com 1996

A legrégebbi magyar honlap 1999 1997

google.com1998

Wayback Machinehttp://web.archive.org

a legelső weblap cím a világon:http://info.cern.ch/hypertext/WWW/TheProject.html

Internet archívum

Hogy néztek ki a „korabeli” weblapok?

Page 6: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 7: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 8: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 9: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2010-ben a menük feladata ennél

sokkal több!

Page 10: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!

Page 11: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!

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

Page 12: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Tudom, hogy

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ó!

A konverzió eredeti jelentése : átváltozás, megtérés

Page 13: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

konverzió!

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

Page 14: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!

14E-Bridges eMarketing

Optimalizált úton vezessen az

optimális célhoz!

Page 15: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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)

Ismerem

a website navigáció alaprendszereit!

15E-Bridges eMarketing

Page 16: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

modul rendszerben készülA navigációs struktúra rugalmasan cserélhető

Header modul

Banner modul

User 1 modul

User 2 modul

Right modul

Top modul

Page 17: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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

A tartalom többféle csoportosításban publikálható

Page 18: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

E-Bridges eMarketing 18

A weblap 3-4 rétegben navigál érzelmi hatásértékközvetítés

akciós ajánlatok

vásárlás, aktiv válasz

tájékoztatók

Page 19: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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…

Page 20: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

üzlet kommunikác

iója alakítja!

…tudom, hogy

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

Page 21: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

1997

Újra vissza a kezdethez!

http://webarchive.org / http://apple.com

Megmutatom, …hogyan!

Page 22: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Alapmenü

Márka üzenet

Friss hírek, akciós ajánlatok

Kiemelt információk, konverziós felhívás

Kereső

Archívum

Regisztráció

apple.com „basic” menü 1997

Page 23: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

A site navigáció

Folyamatosan követi

az értékesítést!

Page 24: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

1999

Márka üzenet

Alap menü 1.

Alap menü 2.

Képes nyitó menü3 fő termék csoport

Page 25: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2000

Alapmenü 1- 2.

Márka üzenet

Értéknövelő információk

Kiemelt termék és szolgáltatás.

5 hónap múlva

Page 26: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!

Alap menű

2 hónap múlva

Page 27: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Alap menű

9 nap múlva

Page 28: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

A site navigáció

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

Page 29: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 rendőr

Alap menü

2002

A hétköznapi felhasználók

feléfordul!!

Page 30: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Alap menü

2006

Célcsoport bővítés,érték növelés: a minőségre is igényes fiatalok

Page 31: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

A site navigáció

Folyamatosan követia technológiai fejlesztéseket!

Page 32: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2007

Alap menü

Termék fejlesztés - új korszak

A portál grafikai és strukturális design-t vált

Page 33: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2007

Alap menü

A portál grafikai és strukturális design-t vált

Page 34: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Milyen ugyanez a portál

2010–ben?

Page 35: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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ü

Az érzelmi döntések alapja: mely értekkel azonosul a vevő?

Page 36: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 37: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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

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

navigál!

Page 38: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 39: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 40: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 41: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 42: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 43: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 44: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 45: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

45E-Bridges eMarketing

a jó weblap minden, csak nem egyszerű!

Már tudják, hogy

Page 46: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Több szinten épül és dolgozik

minden sikeres website navigációs rendszere -

követve a döntési folyamatokat!

46E-Bridges eMarketing

Page 47: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Központi nyitó oldalI. szint

AlközpontokII. - III. szint

Egyedi oldalakIV. szint

Hierarchia szintek:

…és hol a konverzió?

Page 48: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 49: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

„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!

Page 50: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

sokirányú mátrix!

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

Page 51: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

a több

szintű

site

navigáció alapkövetelmény!

2010-ben

51E-Bridges eMarketing

Page 52: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!

52E-Bridges eMarketing

Page 53: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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

közös feladata:

a konverzió támogatása!

Tudom, hogy

Page 54: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 55: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 56: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 57: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

hogy lehet eredményes a

konverzióvagy,

hogy miért nem az,…

Tudom, hogy

57E-Bridges eMarketing

Page 58: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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.

58E-Bridges eMarketing

Page 59: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

…, mikor és hogyan használjunk Google API kódokat a konverzió követésére és optimalizálására!

É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

Tudom, hogy…

Page 60: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 61: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 62: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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.

Tudom, hogy

Page 63: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!

Tudom, hogy

Page 64: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

milyen legyen a weblapok navigációs

menüje 2010-ben!

Tudom, hogy

64E-Bridges eMarketing

Page 65: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Kövesse a tartalomstruktúráját

IKON menü

Informatív

Page 66: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Szöveges menü

Szöveges menü

Márka értékek, kiemelt box

Vegyes, szöveges menü és kiemelt boxok

kiemelt box

Szöveges menü

Attraktív

Erre odafigyelnek!

Page 67: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

KÉPES menü

Motiváló

Ez kell nekem is!

Page 68: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Vegyes grafikus menü

Ez aktivizál!

Interaktív

Page 69: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

A site navigációs menü

Rendszerezett,jól navigálható!

Page 70: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

IKON menü

ÁtláthatóEgyszerü, ott ahol egyszerü lehet.

Page 71: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 72: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Tudom, hogy

informatívattraktívátlátható

rendszerezettrugalmasan alakítható

mértéktartó

2010-ben a site navigáció hogyan legyen

Annyira egyszerű, amennyire lehet, de ne jobban!

Page 73: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Multi group menü

Bal menüTermék kategóriák

KeresőkRegisztrációk

A group menü – még világosabbá teszi az alternatívákat és segít a választásban

Kiemelt ajánlatokMenü boxok KÉP!!

Kapja meg mindegyik felhasználó típus a neki való navigációs alternatívát!

Page 74: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Site navigáció mega menüvel

Numerikus menü

Képes menü

Szövegesmenü

Carousel menü

Program menü

Page 75: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Milyen legyen még a site navigáció?

75E-Bridges eMarketing

Page 76: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Milyen gyakran

újuljon meg a nyitó oldal?

76E-Bridges eMarketing

Page 77: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2008

Alap menü

Gyorsanváltozik - követiaz értékesítést

és a technológiát!

Page 78: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Milyen gyakran újuljon a site navigáció

a további oldalakon?

78E-Bridges eMarketing

Page 79: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2008

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égihelyen találni.

Page 80: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2010Értékesítési portál nyitó oldal Képek, gombok, ikonok,

Footer menü

Box menü

Box menü

Top menük

Érték meghatározás, márka üzenet

Page 81: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2010 Mega menü 2. szint Képek, gombok, ikonok,

Page 82: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 83: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

A site navigációrugalmasanszolgáljon ki

minden igényt!

Page 84: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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

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

84E-Bridges eMarketing

Page 85: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

ezért követelmény a többféle

konverziós csatorna!

Tudom, hogy

85E-Bridges eMarketing

Page 86: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

http://www.honda.co.uk/cars

Menü linkek

Közvetlen ajánlatok

Szolgáltatás menük

Termék menük

Kiemelt ajánlatok

Menügombok

Tájékoztatók

Minden út Rómába vezet! Eltérő vevőtípusok más navigációs útvonalakat kedvelnek!

Page 87: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

87E-Bridges eMarketing

Page 88: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

a site navigáció

hogyan kövessea felhasználói és

fogyasztói szokásokat!

Tudom, hogy

Page 89: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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 90: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Rugalmas, több színtü menürendszerInteraktív navigációÉrzelmi döntésekre ható design

mi a weblapok alapfelszereltsége 2010-ben!

A vásárlási döntések ITT, az agy érzelmi, (öröm) központjában

születnek!

Tudom, hogy

90E-Bridges eMarketing

Az értelem, gondolkodás,ésszerű döntések helye

Page 91: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

2010-es navigációs és design trendek

a website nyitó oldalain:

minimalista designnagy kép felületek

tipográfiai megoldások

letisztult, (de nem egyszerű!!) formák, konverziós menü mátrix

91E-Bridges eMarketing

Page 92: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Nyitó oldalona desktop navigáció helyett hangulati elemek a menüben…

92E-Bridges eMarketing

Page 93: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Nyitó oldalonEgy típusú kínálathoz: 1 szolgáltatás, 1 termék csoport

93E-Bridges eMarketing

Page 94: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

minimalista megoldás:Nyitó oldalon szöveg menü 1 szolgáltatás

94E-Bridges eMarketing

Page 95: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

minimalista megoldás

Drag and drop menü

Nyitó oldalon 1 termék csoport

95E-Bridges eMarketing

Page 96: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Egy típusú kínálathoz: személyes oldal, közösségi oldal, blog, 1 szolgáltatás

Tipográfiai megoldásokNyitó oldalon

96E-Bridges eMarketing

Page 97: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Egy típusú kínálathoz: személyes oldal, 1 szolgáltatás

Tipográfiai megoldásokNyitó oldalon

97E-Bridges eMarketing

Page 98: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Egy típusú kínálathoz: személyes oldalTipográfiai megoldásokNyitó oldalon

98E-Bridges eMarketing

Page 99: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Nyitó oldalon Sketch , handrawEgy típusú kínálathoz: személyes oldal, 1 szolgáltatás

99E-Bridges eMarketing

Page 100: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Nyitó oldalon Sketch , handraw Egy típusú kínálathoz: több szolgáltatás, információs portál

100E-Bridges eMarketing

Page 101: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Nyitó oldalon Sketch , handraw

Full image háttér

101E-Bridges eMarketing

Page 102: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

102E-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

Page 103: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Tudom, hogy

milyen 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!

Page 104: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Nagykép felület

Minimalista megoldások

104E-Bridges eMarketing

Kiadói stílus

Page 105: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Összetett grafikus és digitális média menükMagazin szerű megjelenés

105E-Bridges eMarketing

Page 106: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Hogyan lehet a design és

a menüstruktúraegyszerre letisztult és

összetett?106E-Bridges eMarketing

Page 107: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Biarritz-blog

A megoldás: belső linkek, a többszintű struktúra,váltakozó modulok, ésa társoldalak

107E-Bridges eMarketing

Ne akarjon minden menüt minden oldalon megjeleníteni!

Page 108: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Image menüSliding menüSplit menü CSS menü, Tab menüDropline menüMoo menüDrag and drop menüFishEye and Carousel menüAccordionFlashSelect bokszTree menü

Szöveges menü Numerikus menü, Ikon MenüKépes menüBox menüKombinált menü modulok

A programozók: A felhasználók:

basic menü, multi menü, mega menü

Milyen menü fajtákat választhatnak 2010-ben?

108E-Bridges eMarketing

Page 109: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

slide menü tab menü

box-menü,menü gombok

group menükombinációk

Page 110: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

szöveges menü, képes menü, numerikus menü,ikon menü, …

110E-Bridges eMarketing

Page 111: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Szöveges menü

Grafikus menü

A játékprogramokhoz hasonló interaktív kombi menü

Page 112: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Big Footer menü

Ha nem fér el egyetlen képernyőn minden menü, és még is ott kell lenni a nyitó oldalon!

112E-Bridges eMarketing

Page 113: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Milyen navigációs útvonalakat készítsünk?

Nincs bevésett szabály!!

Page 114: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Hagyományos hírmagazinportál 2010-ben, új közösségi bővítményekkel

Page 115: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Tudom, hogy

melyik menüt hova, hogyan használjuk!

Jó site navigációt együtt készít az eMarketer és a web designer!

…ésHOVA NE HASZNÁLJUK, mert nem gazdaságos!

Ma minden piactér telített!A drága webdesign ugyan vonzó, de halasztható,

a Google kampány halaszthatatlan költség!

115E-Bridges eMarketing

Page 116: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!

Üzleti és kommunikációs céljaikhoz tervezzék a weblap navigációját!

Milyen tanácsot adhatok a megrendelőknek?

Page 117: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

E-Bridges eMarketing 117

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!

Milyen tanácsot adhatok a webfejlesztőknek?

Page 118: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Group menü - képekkel

118E-Bridges eMarketing

A bal menü és a top menük több, eltérőkonverziós útvonalatadnak a vevő típusoknak

Page 119: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

fontos az értékközvetítés a nyitó

oldalon!

Tudom,hogy

119E-Bridges eMarketing

Page 120: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Az időszakos pop up menü – a legfontosabb üzenetre navigál

120E-Bridges eMarketing

Page 121: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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!)

Page 122: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

NEM!

Elég egyszer jól összerakni és utána dolgozik

magától?

Page 123: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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

Tudom,hogy

Page 124: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Menjük Folyamatosan igazodni a változásokhoz!!!

Page 125: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

E-mailek száma és aránya csökken!

A weblapok aránya (nem a száma !) csökkenő!

2010-ben 77%-ban más internet alkalmazáson keresztül megy a kapcsolattartás!

All the Web

125E-Bridges eMarketing

Page 126: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Tudom,hogy

hogyan integráljuk az internet alkalmazásokat a vállalkozások üzleti kommunikációjába

All the Web

2011-ben!

Page 127: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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.

Tudom,hogy

milyen hatással van az üzleti kommunikáció a vállalkozások bevételeire!

fejlesztés - működtetés - tanácsadás - képzés

E-Bridges eMarketing TM 2003 - 2010

Page 128: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

Ha jól megy a cégnek, akkor turbózzuk!Ha alakul, jobbra formáljuk!

Ha bukdácsol, velünk gyorsabban „talpra áll”.

128E-Bridges eMarketing

Page 129: Weblap design és weblap navigációs menü trendek 2010-ig - kisvállalkozók képzése

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

E-Bridges vállalkozásfejlesztő képzések 2010Egyéni és csoportos tanfolyamok , távoktatás Skype-on

Ajánlott képzéseink:- 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- A weblap struktúra felépítése – alapképzés- A weblap navigáció alapjai- Weblap szerkesztési alapismeretek

Tájékoztatás és jelentkezés a képzé[email protected]: eurobridge

129E-Bridges eMarketing

Tudom, hogy a weblap és a menü navigáció hogyan legyen optimalizált, hogy a weblap működtetés team munka, és minden, csak nem egyszerű!

Azt is tudom,

hogy csak a döntéshozók részvételével, Önökkel együtt tudunk valódi eredményeket elérni!