A h\u00e1tt\u00e9r els\u00f6t\u00e9t\u00fclhet vagy nem. Az el\u0151bbi eset\u00e9ben lightboxr\u00f3l besz\u00e9l\u00fcnk, ami nem minden esetben modal.<\/li><\/ul>\n\n\n\nEz ut\u00e1n l\u00e1ssuk a felmer\u00fcl\u0151 probl\u00e9m\u00e1kat \u00e9s megold\u00e1saikat:<\/p>\n\n\n\n
A popup m\u00e1r az oldal tartalm\u00e1t megel\u0151z\u0151en megjelenik<\/h4>\n\n\n\n Ilyenkor a felhaszn\u00e1l\u00f3 m\u00e1r azel\u0151tt megakad feladat\u00e1nak elv\u00e9gz\u00e9s\u00e9ben, hogy meg\u00e9rkezne az oldalra. Mivel egyre ink\u00e1bb hozz\u00e1szokunk ehhez a megold\u00e1shoz, egyb\u0151l keress\u00fck a popup bez\u00e1r\u00e1snak lehet\u0151s\u00e9g\u00e9t. Egy ilyen felugr\u00f3 k\u00e9ts\u00e9gbeesett megold\u00e1snak t\u0171nik a weboldalak r\u00e9sz\u00e9r\u0151l, \u00e9s a felhaszn\u00e1l\u00f3kat csak felideges\u00edti. R\u00e1ad\u00e1sul a Google sem szereti azt a gyakorlatot, amikor a f\u0151 tartalom hozz\u00e1f\u00e9rhetetlenn\u00e9 v\u00e1lik egy felugr\u00f3 miatt.<\/p>\n\n\n\n
A megold\u00e1s az, hogy az ablak megjelen\u00e9s\u00e9vel addig kell v\u00e1rni, am\u00edg az relev\u00e1nss\u00e1 nem v\u00e1lik a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra. Itt is \u00e9rv\u00e9nyes az az online marketinges alapelv, miszerint el\u0151sz\u00f6r adj valamit a l\u00e1togat\u00f3nak, \u00e9s csak ut\u00e1na k\u00e9rj t\u0151le b\u00e1rmit is. Teszteld, hogy mikor jelenjen meg \u00e9s hogyan, b\u00e1r a legt\u00f6bb esetben a legjobb megold\u00e1s nem egy popup lesz – figyelmeztet az NNG szerz\u0151je. Az egyetlen indokolhat\u00f3 felugr\u00f3 a tartalom el\u0151tt: a cookie-t\u00e1j\u00e9koztat\u00e1s.<\/p>\n\n\n\n
Bel\u00e9p\u00e9s ut\u00e1n egyb\u0151l megjelen\u0151 felugr\u00f3<\/h4>\n\n\n\n Ez majdnem ugyanaz, mint az el\u0151bbi. Amikor a felhaszn\u00e1l\u00f3k bel\u00e9pnek egy oldalon a fi\u00f3kjukba, akkor m\u00e1r a k\u00f6vetkez\u0151 l\u00e9p\u00e9sen gondolkodnak. Ehelyett megzavarja \u0151ket egy felugr\u00f3 ablak, \u00e9s g\u00e1tolja a feladatuk v\u00e9grehajt\u00e1s\u00e1ban. Ugyanakkor mivel a k\u00f6vetkez\u0151 l\u00e9p\u00e9st szeretn\u00e9k v\u00e9grehajtani, \u00edgy nagy val\u00f3sz\u00edn\u0171s\u00e9ggel nem \u00e9rdekli \u0151ket a felugr\u00f3 ablak tartalma, illetve egyb\u0151l bez\u00e1rj\u00e1k. Ugyanakkor persze frusztr\u00e1ltak lesznek a popup miatt, hiszen megzavarta \u0151ket, id\u0151t vett el t\u0151l\u00fck \u00e9s m\u00e9g interakci\u00f3s k\u00f6lts\u00e9ge is van sz\u00e1mukra, hiszen be kellett z\u00e1rni az ablakot.<\/p>\n\n\n\n
A megold\u00e1s az, hogy id\u0151t kell hagyni a felhaszn\u00e1l\u00f3knak arra, hogy v\u00e9grehajts\u00e1k a feladatukat, amikor bel\u00e9pnek a fi\u00f3kba. N\u00e9h\u00e1ny tipp, seg\u00edts\u00e9g, ir\u00e1nymutat\u00e1s vagy az \u00faj funkci\u00f3k ismertet\u00e9se m\u00e9g belef\u00e9r, de ez is csak egy kis id\u0151 eltelt\u00e9t k\u00f6vet\u0151en, \u00e9s olyan m\u00f3don, ami kev\u00e9sb\u00e9 zavar\u00f3, \u00edgy p\u00e9ld\u00e1ul egy nonmodal felugr\u00f3val. <\/p>\n\n\n\n <\/figure>\n\n\n\nM\u00e1r az interakci\u00f3 el\u0151tt e-mail c\u00edmet k\u00e9r<\/h4>\n\n\n\n Nagyon sok weboldal haszn\u00e1lja azt a megold\u00e1s, hogy elk\u00e9ri a l\u00e1togat\u00f3 e-mail c\u00edm\u00e9t, m\u00e9g azt megel\u0151z\u0151en, hogy annak es\u00e9lye lenne b\u00e1rmilyen kapcsolatba ker\u00fclni a tartalommal. Ez a rendszer nem csak amiatt ideges\u00edti az embereket, hogy megzavarja \u0151ket egy felugr\u00f3 ablak, hanem azzal is, hogy spamet felt\u00e9teleznek. Lehet, hogy a r\u00f6vid t\u00e1v\u00fa sz\u00e1mok hat\u00e9konys\u00e1got mutatnak, ennek ellen\u00e9re nagyon sok felhaszn\u00e1l\u00f3t ideges\u00edtenek.<\/p>\n\n\n\n
A megold\u00e1s az, hogy nem mindj\u00e1rt az elej\u00e9n k\u00e9red el a felhaszn\u00e1l\u00f3k e-mail c\u00edm\u00e9t, hanem amikor m\u00e1r megismerkedtek a tartalommal, mondjuk elolvastak egy blogposztot. Ilyen id\u0151z\u00edt\u00e9ssel egy jobb fels\u0151 vagy als\u00f3 sarokban megjelen\u0151 nonmodal felugr\u00f3 elfogadhat\u00f3 megold\u00e1s. De arra is \u00e9rdemes figyelni, hogy mit k\u00edn\u00e1lsz a felhaszn\u00e1l\u00f3nak az e-mail c\u00edm\u00e9\u00e9rt cser\u00e9be. <\/p>\n\n\n\n
M\u00e1r azel\u0151tt visszajelz\u00e9st k\u00e9rsz, hogy b\u00e1rmit csin\u00e1ltak volna az oldalon<\/h4>\n\n\n\n A visszajelz\u00e9sek fontosak, de nem szabad leterhelni vel\u00fck a felhaszn\u00e1l\u00f3kat, k\u00fcl\u00f6n\u00f6sen akkor nem, amikor m\u00e9g nem is ismerik az oldalt. Pedig, ha t\u00fal kor\u00e1n k\u00e9rsz visszajelz\u00e9st, akkor lehet, hogy elvesz\u00edted a lehet\u0151s\u00e9get arra, hogy akkor k\u00e9rd, amikor fontos lenne. Az NNG egyik felhaszn\u00e1l\u00f3j\u00e1t az ideges\u00edtette fel, hogy mik\u00f6zben \u00e9ppen a sz\u00e1ml\u00e1j\u00e1t pr\u00f3b\u00e1lta befizetni, megakasztotta a folyamatban egy visszajelz\u00e9st k\u00e9r\u0151 modal. <\/p>\n\n\n\n <\/figure>\n\n\n\nA megold\u00e1s itt az, hogy akkor k\u00e9rj a felhaszn\u00e1l\u00f3kt\u00f3l visszajelz\u00e9st, amikor \u00e9ppen befejeztek egy feladatot az oldalon. <\/p>\n\n\n\n
Egy kritikus feladat k\u00f6zben k\u00e9rsz visszajelz\u00e9st<\/h4>\n\n\n\n Ez majdnem ugyanaz, mint az el\u0151z\u0151 probl\u00e9ma, csak \u00e9pp a felhaszn\u00e1l\u00f3kat nem egy folyamat elej\u00e9n, hanem k\u00f6zben zavarja meg a felugr\u00f3. A megold\u00e1s is ugyanaz: akkor kell a l\u00e1togat\u00f3kt\u00f3l visszajelz\u00e9st k\u00e9rni, amikor \u00e9ppen t\u00fal vannak egy fontos feladat v\u00e9grehajt\u00e1s\u00e1n. A legjobb megjelen\u00e9se pedig egy olyan visszajelz\u00e9si lehet\u0151s\u00e9g, ami nem zavar\u00f3: ez lehet egy link a l\u00e1bl\u00e9cben vagy a navig\u00e1ci\u00f3s men\u00fcben, vagy ak\u00e1r egy felbukkan\u00f3 tab a kijelz\u0151 sz\u00e9l\u00e9n.<\/p>\n\n\n\n
Egym\u00e1s ut\u00e1n t\u00f6bb felugr\u00f3 megjelen\u00edt\u00e9se<\/h4>\n\n\n\n Egy ilyen megold\u00e1st\u00f3l m\u00e1r ink\u00e1bb amat\u0151rnek, k\u00e9ts\u00e9gbeesettnek kezd t\u0171nni egy weboldal, melyet a tulajdonosai nem voltak k\u00e9pesek megfelel\u0151en rendezni. A l\u00e1togat\u00f3kat arra k\u00e9nyszer\u00edti, hogy t\u00f6bb ablakot is bez\u00e1rjanak egym\u00e1s ut\u00e1n. <\/p>\n\n\n\n
Ha a weboldalad t\u00f6bb felugr\u00f3t is haszn\u00e1l, akkor gy\u0151z\u0151dj meg arr\u00f3l, hogy ezek nem sorozatban \u00e9rkeznek meg egyes felhaszn\u00e1l\u00f3khoz. A kritikus fontoss\u00e1g\u00fa inform\u00e1ci\u00f3kat pedig ink\u00e1bb ne popupk\u00e9nt jelen\u00edtsd meg, mert ezeket hajlamosak az emberek olvas\u00e1s n\u00e9lk\u00fcl bez\u00e1rni. <\/p>\n\n\n\n
Akkor jelen\u00edtesz meg felugr\u00f3t, amikor a felhaszn\u00e1l\u00f3 \u00faj oldalra l\u00e9pne<\/h4>\n\n\n\n Ezek a felugr\u00f3k t\u00falhangs\u00falyozz\u00e1k a weboldal-v\u00e1lt\u00e1s fontoss\u00e1g\u00e1t \u00e9s zavarba ejtik a felhaszn\u00e1l\u00f3t, k\u00fcl\u00f6n\u00f6sen akkor, ha egy \u00faj ablakban ny\u00edlna meg az \u00faj oldal. Pedig m\u00e9g az sem biztos, hogy kil\u00e9pne az oldaladr\u00f3l, de ha igen, akkor is negat\u00edv \u00e9rz\u00e9seket kelt az oldallal kapcsolatban.<\/p>\n\n\n\n <\/figure>\n\n\n\nA legjobb megold\u00e1s elengedni a felhaszn\u00e1l\u00f3t, vagy ha t\u00e9nyleg fontos egy kifel\u00e9 vezet\u0151 linkn\u00e9l jelezni, hogy ezzel otthagyja az oldalt, akkor egy linkbubor\u00e9kban jelenjen az erre vonatkoz\u00f3 \u00fczenet.<\/p>\n\n\n\n <\/figure>\n\n\n\nGDPR \u00e9s cookie t\u00e1j\u00e9koztat\u00f3 felugr\u00f3k<\/h4>\n\n\n\n Mivel az emberek ma m\u00e1r gondolkod\u00e1s n\u00e9lk\u00fcl lekapcsolj\u00e1k a felugr\u00f3kat, ez\u00e9rt a fontos inform\u00e1ci\u00f3kat ink\u00e1bb ne \u00edgy jelen\u00edtsd meg. Ilyen lehet p\u00e9ld\u00e1ul a GDPR vagy a cookie-t\u00e1j\u00e9koztat\u00e1s. Ezek ink\u00e1bb egy nonmodal s\u00e1vban jelenjenek meg az oldal alj\u00e1n vagy oldalt, \u00fagy, hogy ne akad\u00e1lyozz\u00e1k a felhaszn\u00e1l\u00f3kat a feladatuk v\u00e9grehajt\u00e1s\u00e1ban.<\/p>\n\n\n\n
\u00c1tvezet\u00e9s egy m\u00e1sik csatorn\u00e1ra felugr\u00f3 seg\u00edts\u00e9g\u00e9vel<\/h4>\n\n\n\n Gyakran l\u00e1tni olyan felugr\u00f3t, mely a felhaszn\u00e1l\u00f3kat egy m\u00e1sik csatorn\u00e1ra vezetn\u00e9: p\u00e9ld\u00e1ul egy mobilos weboldalr\u00f3l \u00e1tir\u00e1ny\u00edtani a mobilalkalmaz\u00e1sba. Lehet, hogy a tulajdonos azt gondolja, k\u00e9nyelmesebb lenne az appot haszn\u00e1lni, azonban sok esetben zavar\u00f3 \u00e9s probl\u00e9m\u00e1t okoz a felhaszn\u00e1l\u00f3nak. M\u00e1r csak az\u00e9rt is, mert azok a l\u00e1togat\u00f3k, akik a weboldalra \u00e9rkeznek, gyakran egyszeri felhaszn\u00e1l\u00f3k, \u00e9s esz\u00fck \u00e1g\u00e1ban sincs let\u00f6lteni az alkalmaz\u00e1st az\u00e9rt, mert r\u00e1 akarnak pillantani az oldalra.<\/p>\n\n\n\n
A m\u00e1sik oldal szempontj\u00e1b\u00f3l persze \u00e9rthet\u0151, ha az alkalmaz\u00e1s let\u00f6lt\u00e9s\u00e9t szorgalmazza, ezt azonban nem felt\u00e9tlen\u00fcl egy felugr\u00f3ban kellene er\u0151ltetni. M\u00e9g azok a felhaszn\u00e1l\u00f3k sem sz\u00edvesen v\u00e1ltanak menet k\u00f6zben csatorn\u00e1t, akiknek megvan a telefonjukon az applik\u00e1ci\u00f3, ugyanis nem akarj\u00e1k az adott folyamatot el\u00f6lr\u0151l kezdeni. \u00cdgy pedig a modal feleslegesen zavarja \u0151ket.<\/p>\n\n\n\n
Vagyis nem egy adott feladat v\u00e9grehajt\u00e1sa k\u00f6zben kellene zavarni a felhaszn\u00e1l\u00f3t az alkalmaz\u00e1s let\u00f6lt\u00e9s\u00e9vel, hanem jelezni azt esetleg egy norm\u00e1l fels\u0151 bannerben, ahol kiemel\u00e9sre ker\u00fcln\u00e9nek az app el\u0151nyei a weboldallal szemben. Ez megk\u00f6nny\u00edteni a v\u00e1lt\u00e1st a m\u00e1sik csatorn\u00e1ra a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra.<\/p>\n\n\n\n
Ezek ut\u00e1n lehet, hogy azon gondolkodsz, hogy egy\u00e1ltal\u00e1n van b\u00e1rmikor is \u00e9rtelme felugr\u00f3t haszn\u00e1lni. Val\u00f3j\u00e1ban igen ritk\u00e1n. \u00c9s annak ellen\u00e9re, hogy mindenhol tal\u00e1lkozol vel\u00fck, Te ne zaklasd az\u00e9rt a felhaszn\u00e1l\u00f3idat, mert a r\u00f6vid t\u00e1v\u00fa mutat\u00f3k esetleg j\u00f3 eredm\u00e9nyt mutatnak. <\/p>\n\n\n\n
Keresd ink\u00e1bb az alternat\u00edv megold\u00e1sokat, melyek tiszteletben tartj\u00e1k a felhaszn\u00e1l\u00f3kat. \u00c9s csak abban az esetben haszn\u00e1lj felugr\u00f3 ablakot, amikor az fontos inform\u00e1ci\u00f3kat tartalmaz a megfelel\u0151 id\u0151ben megjelen\u00edtve. Semmik\u00e9ppen ne szak\u00edtsd f\u00e9lbe vel\u00fck fontos feladatok v\u00e9grehajt\u00e1s\u00e1t, \u00e9s ne z\u00e1rd el a hozz\u00e1f\u00e9r\u00e9st a fontos tartalmaidhoz. \u00c9s ha haszn\u00e1lsz is felugr\u00f3t, tesztekkel ellen\u0151rizd, hogy nem tartj\u00e1k-e zavar\u00f3nak az emberek, \u00e9s azt is, hogy val\u00f3ban hasznosak-e sz\u00e1modra.<\/p>\n\n\n\n
Mire \u00e9rdemes lecser\u00e9lni a felugr\u00f3t?<\/h2>\n\n\n\n A Google \u00e9s a Coalition for Better Ads vizsg\u00e1lat\u00e1b\u00f3l<\/a> az is el\u00e9g vil\u00e1gosan kider\u00fcl, hogy milyen hirdet\u00e9si megold\u00e1sokat kedvelnek \u00e9s ut\u00e1lnak a felhaszn\u00e1l\u00f3k:<\/p>\n\n\n\n <\/figure><\/div>\n\n\n\nMint l\u00e1that\u00f3, monitorokon a keskeny, jobb oldali hirdet\u00e9sek, az oldal tetej\u00e9n elhelyezked\u0151 statikus hirdet\u00e9sek, valamint a sz\u00f6vegbe illesztett, szint\u00e9n statikus hirdet\u00e9sek<\/strong> az elfogadhat\u00f3k az emberek sz\u00e1m\u00e1ra. Mobilon<\/strong> ez annyiban m\u00f3dosul, hogy az alulra \u00e9s fel\u00fclre elhelyezett ragad\u00f3s banners\u00e1vokat m\u00e9g elviselik, ahogy a sz\u00f6vegbe \u00e1gyazott hirdet\u00e9seket is<\/strong>.<\/p>\n\n\n\nHa ezeknek a ragad\u00f3s banners\u00e1voknak a jellemz\u0151it vizsg\u00e1ljuk, akkor azt l\u00e1tjuk, hogy viszonylag szer\u00e9ny ter\u00fcletet has\u00edtanak ki a weboldalb\u00f3l, \u00e9s elegend\u0151 helyet hagynak a tartalomnak. Tipikusan ilyenek egy\u00e9bk\u00e9nt a cookie-figyelmeztet\u00e9sek. Ezek kev\u00e9sb\u00e9 zavarj\u00e1k meg a felhaszn\u00e1l\u00f3t. Ez\u00e9rt, ha valami fontosat akarunk k\u00f6z\u00f6lni a l\u00e1togat\u00f3inkkal, akkor t\u00f6m\u00f6ren kell azt megfogalmazni egy ilyen s\u00e1vban, amivel nem takarjuk ki a f\u0151 tartalmainkat.<\/p>\n\n\n\n
Hogy ez a gyakorlatban mit jelent? Mobilon ezt:<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nAsztali g\u00e9pen pedig ezt:<\/p>\n\n\n\n
<\/figure><\/div>\n\n\n\nEgy ilyen ragad\u00f3s s\u00e1v nem ugr\u00e1l a felhaszn\u00e1l\u00f3k el\u00e9, nem kell lekattintani, m\u00e9gis l\u00e1that\u00f3, ahogy g\u00f6rgetnek lefel\u00e9. Nem tolakod\u00f3 megold\u00e1s, nem zavarja meg a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, ugyanakkor folyamatosan jelen van. Az viszont tedd lehet\u0151v\u00e9, hogy a felhaszn\u00e1l\u00f3k lekapcsolhass\u00e1k a s\u00e1vot egy jobb oldalon elhelyezett X-szel. <\/p>\n\n\n\n
A l\u00e9nyeg, hogy ha \u00f6sszehasonl\u00edtod a ragad\u00f3s vagy sz\u00f6vegben elhelyezett bannereket \u00e9s a klasszikus felugr\u00f3 ablakokat, akkor azt fogod l\u00e1tni, hogy ut\u00f3bbiak k\u00e9pesek a felhaszn\u00e1l\u00f3k megzavar\u00e1s\u00e1t\u00f3l \u00e9s akt\u00edv beavatkoz\u00e1s\u00e1t\u00f3l mentesen inform\u00e1ci\u00f3t k\u00f6z\u00f6lni. Egyel\u0151re legal\u00e1bbis. K\u00e9rd\u00e9s ugyanis, hogy mik\u00e9nt alakulnak a j\u00f6v\u0151ben a lap alj\u00e1n vagy tetej\u00e9n elhelyezked\u0151 ragad\u00f3s bannerek, ha egyre ink\u00e1bb \u00e1tveszik a felugr\u00f3 ablakok hely\u00e9t. <\/p>\n\n\n\n
Az elfogadott form\u00e1tumok k\u00f6z\u00f6tt l\u00e1that\u00f3 egy fels\u0151, statikus megjelen\u00e9s is. Ha k\u00fcl\u00f6n\u00f6sen fontos neked az aj\u00e1nlatod, akkor ak\u00e1r a hajt\u00e1s f\u00f6l\u00e9 is helyezheted a f\u0151oldaladon, \u00edgy semmik\u00e9ppen nem temeted el valahol a tartalom m\u00e9ly\u00e9n. \u00dagy fog m\u0171k\u00f6dni, mint egy j\u00f3 CTA egy c\u00e9loldalon. Enn\u00e9l is figyelned kell azonban arra, hogy mekkora helyet foglal el a weboldaladb\u00f3l. Min\u00e9l nagyobb, ann\u00e1l zavar\u00f3bb\u00e1 v\u00e1lhat azok sz\u00e1m\u00e1ra, akik nem k\u00edv\u00e1nnak \u00e9lni vele. <\/p>\n\n\n\n
Tov\u00e1bbi lehet\u0151s\u00e9g egy keskeny, jobb oldali oldals\u00e1v: hab\u00e1r nem olyan hat\u00e9kony, mint egy felugr\u00f3 ablak – mivel nem kifejezetten vonzza a tekintetet -, j\u00f3 megold\u00e1s lehet. Ide helyezed azt, amit am\u00fagy a felugr\u00f3 ablakba tenn\u00e9l. A megold\u00e1snak pont az az el\u0151nye, hogy nem h\u00edvja fel mag\u00e1ra er\u0151szakosan a figyelmet, \u00edgy nem is zavarja meg a felhaszn\u00e1l\u00f3kat a tartalmad fogyaszt\u00e1s\u00e1ban. \u00c9s ezt sokan \u00e9rt\u00e9kelni is fogj\u00e1k.<\/p>\n\n\n\n
Az oldals\u00e1v ker\u00fclhet csak a f\u0151oldalra, de ak\u00e1r valamennyi oldaladon jelen lehet. Ut\u00f3bbinak az az el\u0151nye, hogy mivel nem mindenki a f\u0151oldaladra \u00e9rkezik, \u00edgy azok sem maradnak le a lehet\u0151s\u00e9gr\u0151l, akik a keres\u0151b\u0151l esnek be az egyik aloldaladra.<\/p>\n\n\n\n
V\u00e9g\u00fcl az is egy felmer\u00fcl\u0151 lehet\u0151s\u00e9g, hogy egy \u00f6n\u00e1ll\u00f3 landing oldalt alak\u00edtasz ki felugr\u00f3 helyett – annak tartalm\u00e1val -, ahol mondjuk elhelyezed a feliratkoz\u00e1si \u0171rlapodat vagy a let\u00f6lt\u00e9si lehet\u0151s\u00e9get. Ez a megold\u00e1s egy\u00e1ltal\u00e1n nem zavarja a l\u00e1togat\u00f3kat, hiszen csak akkor tal\u00e1lkoznak az aj\u00e1nlatoddal, ha direkt erre az oldalra l\u00e9pnek. Az az el\u0151nye is megvan, hogy m\u00e1s csatorn\u00e1kon n\u00e9pszer\u0171s\u00edtheted a lehet\u0151s\u00e9get egyszer\u0171en egy linket elhelyezve a c\u00e9loldalra.<\/p>\n\r\n