{"id":1958,"date":"2018-08-15T04:21:09","date_gmt":"2018-08-15T02:21:09","guid":{"rendered":"http:\/\/blog.webshark.hu\/?p=1958"},"modified":"2022-03-31T07:52:48","modified_gmt":"2022-03-31T05:52:48","slug":"felugro-ablakok","status":"publish","type":"post","link":"https:\/\/blog.webshark.hu\/2018\/08\/15\/felugro-ablakok\/","title":{"rendered":"Felugr\u00f3 ablak a weboldalon: hogyan tervezd meg? Mire figyelj? Milyen hib\u00e1kat ne k\u00f6vess el? (Friss\u00edtve, 2022.03.31.)"},"content":{"rendered":"\n

A felugr\u00f3 ablakok egyre v\u00e9konyabb j\u00e9gen t\u00e1ncolnak, m\u00e9g ha el\u00e9g gyakran tal\u00e1lkozol is vel\u00fck a weben. N\u00e9h\u00e1ny esetben persze m\u00e9g mindig indokolt a haszn\u00e1latuk, ugyanakkor az is k\u00e9rd\u00e9s, hogy amikor nem, akkor mit \u00e9rdemes haszn\u00e1lni helyett\u00fck?<\/strong> <\/strong>(Friss\u00edt\u00e9s, 2022.03.31. – Egy \u00faj fejezettel b\u0151v\u00edtett\u00fcnk: 9 tan\u00e1cs, amit fogadj meg, ha felugr\u00f3 ablakot k\u00e9sz\u00edtesz!<\/a>)<\/em><\/p>\n\n\n\n\n\n\n\n

Az els\u0151 felugr\u00f3 ablakot 1997-ban k\u00e9sz\u00edtette Ethan Zuckerman, aki ez\u00e9rt a tett\u00e9\u00e9rt eln\u00e9z\u00e9st is k\u00e9rt k\u00e9s\u0151bb<\/a>. Akkoriban a felugr\u00f3 ablakok azt a c\u00e9lt szolg\u00e1lt\u00e1k, hogy elv\u00e1lassz\u00e1k a hirdet\u00e9seket \u00e9s a weboldal-tartalmakat, ez\u00e9rt is ugrottak fel \u00f6n\u00e1ll\u00f3 b\u00f6ng\u00e9sz\u0151ablakban.<\/p>\n\n\n\n

A klasszikus felugr\u00f3 ablakok azt\u00e1n a negat\u00edv visszajelz\u00e9sek hat\u00e1s\u00e1ra fokozatosan visszaszorultak, eg\u00e9szen 2010-ig, amikor is lead-gener\u00e1l\u00f3 eszk\u00f6zk\u00e9nt indultak m\u00e1sodvir\u00e1gz\u00e1snak. Ez azonban nem jelentette azt, hogy a l\u00e9pten-nyomon felugr\u00f3 ablakok a tov\u00e1bbiakban ne okoztak volna kellemetlens\u00e9geket a felhaszn\u00e1l\u00f3knak.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

A felugr\u00f3 ablakok gyakran zavar\u00f3ak a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. Ez az oka annak, hogy a felugr\u00f3 ablakok els\u0151 gener\u00e1ci\u00f3j\u00e1t – melyek \u00faj ablakokat nyitottak – a b\u00f6ng\u00e9sz\u0151k v\u00e9gezt\u00e9k ki j\u00f3 n\u00e9h\u00e1ny \u00e9vvel ezel\u0151tt, de az \u0151ket v\u00e1lt\u00f3 \u00fagynevezett mod\u00e1lis ablakok is egyre szorongatottabb helyzetben vannak. <\/p>\n\n\n\n

Az sem v\u00e9letlen, hogy a pop-up blocker kifejez\u00e9sre 68 milli\u00f3 tal\u00e1latot kapunk, ha r\u00e1keres\u00fcnk a Google-ben. Ezek egy r\u00e9sze azt magyar\u00e1zza el az embereknek, hogy mik\u00e9nt tudnak gyorsan \u00e9s hat\u00e9konyan megszabadulni ezekt\u0151l a felugr\u00f3kt\u00f3l. Ez alapj\u00e1n teh\u00e1t l\u00e1that\u00f3, hogy m\u00e1ra nagyon f\u00e9lresiklott az eredeti ir\u00e1ny, \u00e9s az egykor m\u00e9g haszn\u00e1lhat\u00f3 lead-gener\u00e1l\u00f3 eszk\u00f6z egy gy\u0171l\u00f6lt jelens\u00e9gg\u00e9 v\u00e1lt. <\/p>\n\n\n\n

\u00c9s ez mit jelent sz\u00e1modra? Nem jelentethetsz meg felugr\u00f3 ablakban akci\u00f3s aj\u00e1nlatokat vagy nem toborozhatsz \u00faj feliratkoz\u00f3kat? De. Desktopon ezek a felugr\u00f3k m\u00e9g haszn\u00e1lhat\u00f3k, de oda kell figyelni a kialak\u00edt\u00e1sukra.<\/p>\n\n\n\n

De hogyan is n\u00e9znek ki mostan\u00e1ban a korszer\u0171 felugr\u00f3k? Mik\u00e9nt haszn\u00e1lj\u00e1k \u0151ket? Hogyan \u00e9rdemes mod\u00e1lis ablakot tervezni a weboldaladra \u00fagy, hogy hat\u00e9kony legyen? \u00c9s mi\u00e9rt \u00e9rdemes Neked is bevetned a felugr\u00f3kat?<\/p>\n\n\n\n

Az ut\u00f3bbi k\u00e9rd\u00e9sre a v\u00e1lasz az, hogy az\u00e9rt, mert hat\u00e9konyak. Egy vizsg\u00e1lat szerint<\/a> egy felugr\u00f3 317 sz\u00e1zal\u00e9kkal jav\u00edtja a feliratkoz\u00e1si ar\u00e1nyodat. Azok a weboldalak, melyek felugr\u00f3 ablakokat haszn\u00e1lnak, sokszor egy call to actionnel eg\u00e9sz\u00edtik ki<\/strong> azt, amikor a c\u00e9ljuk valamif\u00e9le konverzi\u00f3. De nem felt\u00e9tlen\u00fcl csak ez lehet a c\u00e9l, ak\u00e1r egy \u00fczenetet is eljuttathatunk \u00edgy a k\u00f6z\u00f6ns\u00e9g\u00fcnkh\u00f6z<\/strong>. Rendk\u00edv\u00fcl hat\u00e9konyan<\/strong> term\u00e9szetesen, hiszen a felugr\u00f3 ablakok l\u00e9nyege, hogy felh\u00edvj\u00e1k magukra a figyelmet. Nem v\u00e9letlen, hogy a tengerent\u00falon t\u00f6mve vannak vel\u00fck a weboldalak.<\/p>\n\n\n\n

A felugr\u00f3 ablakok t\u00edpusai<\/h2>\n\n\n\n

Modal<\/h3>\n\n\n\n

A felugr\u00f3k legfontosabb t\u00edpusa – amit az el\u0151bb m\u00e1r eml\u00edtett\u00fcnk – a modal<\/strong>, mellyel a legt\u00f6bbsz\u00f6r lehet mostan\u00e1ban tal\u00e1lkozni a weben. Az ilyen ablakok becs\u00fasznak vagy hirtelen megjelennek egy weboldal el\u0151ter\u00e9ben. J\u00f3 esetben a weboldalnak els\u0151sorban azon a r\u00e9sz\u00e9n, mely nincs a felhaszn\u00e1l\u00f3 figyelm\u00e9nek k\u00f6z\u00e9ppontj\u00e1ban, \u00edgy nem is zavarja annyira. Ez lehet a kijelz\u0151 alja vagy valamelyik sarka.<\/p>\n\n\n\n

Ugyanakkor a defin\u00edci\u00f3 szerint egy mod\u00e1lis ablak \u00fagy jelenik meg, hogy b\u00e1r l\u00e1that\u00f3 a h\u00e1tt\u00e9rben az eredeti oldal, az eg\u00e9szen addig nem haszn\u00e1lhat\u00f3, am\u00edg a felhaszn\u00e1l\u00f3 interakci\u00f3ba nem l\u00e9p a mod\u00e1lis felugr\u00f3val. A felhaszn\u00e1l\u00f3i fel\u00fcletek tipikusan akkor haszn\u00e1lnak modalt, ha fel kell h\u00edvni valamire az emberek figyelm\u00e9t.<\/p>\n\n\n\n

A modal t\u00edpusai<\/h4>\n\n\n\n

Meger\u0151s\u00edt\u00e9si felugr\u00f3<\/strong><\/p>\n\n\n\n

Az ilyen t\u00edpus\u00fa felugr\u00f3kn\u00e1l a felhaszn\u00e1l\u00f3nak egy d\u00f6nt\u00e9st kell hoznia: vagy meger\u0151s\u00edti az adott cselekv\u00e9st, vagy pedig le\u00e1ll\u00edtja a m\u0171veletet. Az ilyen modalok k\u00e9t gombot tartalmaznak, az egyik az „igen”-ra vonatkozik, a m\u00e1sik a „nem”-re. \u00d6k\u00f6lszab\u00e1ly szerint a felhaszn\u00e1l\u00f3k nem tudnak a modalon k\u00edv\u00fcl a weboldalra kattintani, mivel a d\u00f6nt\u00e9st meg kell hozni a tov\u00e1bbl\u00e9p\u00e9shez.<\/p>\n\n\n\n

Inform\u00e1ci\u00f3s\/figyelmeztet\u0151 ablak<\/strong><\/p>\n\n\n\n

Az ilyen t\u00edpus\u00fa felugr\u00f3k fontos inform\u00e1ci\u00f3kat tartalmaznak, melyek jellemz\u0151en figyelmeztet\u00e9st vagy visszajelz\u00e9st tartalmaznak azzal a cselekv\u00e9ssel kapcsolatban, amit a felhaszn\u00e1l\u00f3 \u00e9ppen megpr\u00f3b\u00e1l kivitelezni. Ezeken jellemz\u0151en egy gomb jelenik meg, p\u00e9ld\u00e1ul az „Ok”. Ezzel bez\u00e1rhat\u00f3 a mod\u00e1lis felugr\u00f3.<\/p>\n\n\n\n

\"Egy<\/figure>\n\n\n\n

\u0170rlap a felugr\u00f3ban<\/strong><\/p>\n\n\n\n

A bel\u00e9p\u00e9si hiteles\u00edt\u00e9s \u0171rlapja egyre t\u00f6bbsz\u00f6r jelenik meg a weben mod\u00e1lis felugr\u00f3k\u00e9nt:<\/p>\n\n\n\n

\"Egy<\/figure>\n\n\n\n

Oldalak mod\u00e1lis ablakban<\/strong><\/p>\n\n\n\n

Egy viszonylag friss trendk\u00e9nt jelent meg, hogy teljes weboldalak ker\u00fclnek mod\u00e1lis ablakokba. Ennek oka, hogy gyorsabb a bet\u00f6lt\u00e9se, mint ha \u00e1tl\u00e9pne az adott oldalra a felhaszn\u00e1l\u00f3, vethet egy gyors pillant\u00e1st r\u00e1, majd mell\u00e9kattintva egyb\u0151l visszat\u00e9rhet az eredeti oldalra.<\/p>\n\n\n\n

\"Mod\u00e1lis<\/figure>\n\n\n\n

Interstitial vagy overlay<\/h3>\n\n\n\n

A m\u00e1sik t\u00edpus az \u00fagynevezett interstitial vagy overlay<\/strong> felugr\u00f3, mely nev\u00e9b\u0151l k\u00f6vetkez\u0151en betakarja a teljes kijelz\u0151t. Rendszerint akkor tal\u00e1lkozhatsz ilyennek, amikor bel\u00e9psz egy weboldalra.<\/p>\n\n\n\n

\"Egy<\/figure><\/div>\n\n\n\n

\u00c9rtes\u00edt\u00e9si s\u00e1v<\/h3>\n\n\n\n

V\u00e9g\u00fcl a harmadik megold\u00e1s az \u00e9rtes\u00edt\u00e9si s\u00e1v<\/strong>, mely r\u00e1ragad a weboldal alj\u00e1ra vagy tetej\u00e9re.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Mi\u00e9rt \u00e9rdemes felugr\u00f3t haszn\u00e1lnod?<\/h2>\n\n\n\n
  1. Kiv\u00e1l\u00f3an felh\u00edvj\u00e1k magukra a figyelmet<\/strong> – mik\u00f6zben az embereknek nincs kedv\u00fck elolvasni a weboldalakat, egy felugr\u00f3 ablak remek megold\u00e1s a figyelm\u00fck felkelt\u00e9s\u00e9re.<\/li>
  2. Megmutatj\u00e1k, mi az, ami fontos<\/strong> – amikor megjelenik egy felugr\u00f3 ablak az egyb\u0151l megmutatja, hogy mi a legfontosabb lehet\u0151s\u00e9g a weboldaladon: egy j\u00f3 aj\u00e1nlat vagy egy felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra is \u00e9rt\u00e9kes lehet\u0151s\u00e9g kihaszn\u00e1l\u00e1sa.<\/li>
  3. Sokoldal\u00faak<\/strong> – a felugr\u00f3knak sz\u00e1mos t\u00edpusa l\u00e9tezik. Megjelenhetnek egyb\u0151l a bel\u00e9p\u00e9sn\u00e9l, a g\u00f6rget\u00e9s egy bizonyos pontj\u00e1n, egy cselekv\u00e9s \u00e1ltal kiv\u00e1ltva, vagy ak\u00e1r k\u00f6zvetlen\u00fcl a kil\u00e9p\u00e9s el\u0151tt.<\/li>
  4. Nem zs\u00fafolj\u00e1k tele az oldalt<\/strong> – a minimalista kialak\u00edt\u00e1sok nem v\u00e9letlen\u00fcl egyre n\u00e9pszer\u0171bbek mostan\u00e1ban. Ha viszont fontos, hogy \u00e1tadj egy \u00fczenetet az embereknek, \u00e9s nem akarod telezs\u00fafolni az oldalad, elrontani a vizu\u00e1lis megjelen\u00e9st, akkor egy felugr\u00f3 remek megold\u00e1st k\u00edn\u00e1l.<\/li>
  5. Jav\u00edtj\u00e1k a konverzi\u00f3s ar\u00e1nyt<\/strong> – v\u00e9g\u00fcl pedig a felugr\u00f3k hozz\u00e1j\u00e1rulnak a konverzi\u00f3s ar\u00e1ny jav\u00edt\u00e1s\u00e1hoz. A Sumo vizsg\u00e1lata<\/a> szerint, m\u00edg a weboldalak \u00e1tlagos konverzi\u00f3s ar\u00e1nya 3 sz\u00e1zal\u00e9k, addig egy j\u00f3l megtervezett felugr\u00f3\u00e9 9 sz\u00e1zal\u00e9k.<\/li><\/ol>\n\n\n\n

    Mikor haszn\u00e1lj felugr\u00f3t?<\/h2>\n\n\n\n

    N\u00e9gy olyan tipikus helyzet van, melyben megfontoland\u00f3 megold\u00e1s lehet egy felugr\u00f3 ablak haszn\u00e1lata, annak ellen\u00e9re, hogy zavarhatja a felhaszn\u00e1l\u00f3t:<\/p>\n\n\n\n

    1. D\u00f6nt\u00e9si helyzetek<\/strong>: amikor a felhaszn\u00e1l\u00f3nak d\u00f6nt\u00e9st kell hoznia, melyben meger\u0151s\u00edt vagy elutas\u00edt egy bizonyos l\u00e9p\u00e9st, \u00e9s ez meghat\u00e1rozza a tov\u00e1bbi utat a weboldalon.<\/li>
    2. A figyelem felkelt\u00e9se<\/strong>: \u00e9rdemes modalt haszn\u00e1lni akkor is, ha meg akarod akasztani a felhaszn\u00e1l\u00f3t egy feladat elv\u00e9gz\u00e9se sor\u00e1n, mert felh\u00edvn\u00e1d a figyelm\u00e9t egy hasonl\u00f3an fontos dologra. <\/li>
    3. Adatgy\u0171jt\u00e9s<\/strong>: amikor a felhaszn\u00e1l\u00f3t\u00f3l adatokat akarsz szerezni. Tipikusan egy feliratkoz\u00e1sra, vagy bejelentkez\u00e9sn\u00e9l a felhaszn\u00e1l\u00f3n\u00e9v-jelsz\u00f3 p\u00e1rosra kell gondolni.<\/li>
    4. Inform\u00e1ci\u00f3 \u00e1tad\u00e1sa<\/strong>: amikor el akarod vonni a felhaszn\u00e1l\u00f3 figyelm\u00e9t egy tartalomr\u00f3l valami m\u00e1s, de kapcsol\u00f3d\u00f3 tartalomra. <\/li><\/ol>\n\n\n\n

      A gyakorlatban ezek k\u00f6z\u00e9 tartozhat egy kattint\u00e1sra aktiv\u00e1l\u00f3d\u00f3 felugr\u00f3 ablak, p\u00e9ld\u00e1ul egy feliratkoz\u00f3 \u0171rlap<\/strong> eset\u00e9ben, valahogy \u00edgy:<\/p>\n\n\n\n

      \"\"<\/figure><\/div>\n\n\n\n

      Ennek a megold\u00e1snak az az el\u0151nye, hogy a felhaszn\u00e1l\u00f3knak nem kell \u00e1tl\u00e9pni\u00fck egy m\u00e1sik weblapra az\u00e9rt, hogy feliratkozzanak valamire. Egyszer\u0171en csak kit\u00f6ltik az \u0171rlapot, elk\u00fcldik, \u00e9s folytatj\u00e1k a tartalom b\u00f6ng\u00e9sz\u00e9s\u00e9t az adott oldalon.<\/p>\n\n\n\n

      A tartalom ut\u00e1ni felugr\u00f3<\/strong> szint\u00e9n elfogadhat\u00f3 lehet, hiszen amikor a felhaszn\u00e1l\u00f3 v\u00e9gigolvas egy blogbejegyez\u00e9st vagy megn\u00e9z egy term\u00e9koldalt, akkor egy\u00e9bk\u00e9nt is m\u00e1r csak a l\u00e1bl\u00e9cet l\u00e1tn\u00e1. Ilyenkor meg lehet pr\u00f3b\u00e1lkozni valamilyen upsellel, vagy egyszer\u0171en egy m\u00e1sik kapcsol\u00f3d\u00f3, relev\u00e1ns oldalra ir\u00e1ny\u00edtani. Ez persze nem azt jelenti, hogy itt k\u00f6vetkezhet egy mindent bebor\u00edt\u00f3 felugr\u00f3 ablak, ink\u00e1bb egy kev\u00e9sb\u00e9 irrit\u00e1l\u00f3 megold\u00e1sban \u00e9rdemes ilyenkor is gondolkodni.<\/p>\n\n\n\n

      Szint\u00e9n indokolt lehet egy figyelmeztet\u00e9s eset\u00e9ben<\/strong>, amikor van valamilyen fontos, s\u00fcrg\u0151s \u00fczeneted a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra, amir\u0151l felt\u00e9tlen\u00fcl tudom\u00e1ssal kell b\u00edrnia. Ilyen lehet p\u00e9ld\u00e1ul, ha a megv\u00e1ltozott adatv\u00e9delemre h\u00edvod fel a figyelmet, esetleg az \u00e9rt\u00e9kes\u00edt\u00e9s sz\u00fcneteltet\u00e9s\u00e9r\u0151l vagy a weboldal id\u0151szakos le\u00e1ll\u00e1s\u00e1r\u00f3l akarod t\u00e1j\u00e9koztatni.<\/p>\n\n\n\n

      Emellett esetleg az is elfogadhat\u00f3, hogy ha a felhaszn\u00e1l\u00f3 m\u00e1r kil\u00e9pne az oldalr\u00f3l<\/strong>, akkor megjelen\u00edtesz sz\u00e1m\u00e1ra egy \u00fczenetet, amiben felh\u00edvod a figyelm\u00e9t egy term\u00e9kre vagy lehet\u0151s\u00e9gre. Ut\u00f3bbi azonban m\u00e1r nem egy\u00e9rtelm\u0171, mindenesetre, ha valami jav\u00edtja a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, az haszn\u00e1lhat\u00f3, ami m\u00e1r csak neked el\u0151ny\u00f6s, a l\u00e1togat\u00f3nak azonban csak zavarja, az nem fog m\u0171k\u00f6dni hossz\u00fa t\u00e1von. <\/p>\n\n\n\n

      Mi kell egy j\u00f3 felugr\u00f3hoz?<\/h2>\n\n\n\n

      Egy j\u00f3 marketingsz\u00f6veg<\/h4>\n\n\n\n

      Az els\u0151 \u00e9s legfontosabb dolog ahhoz, hogy hat\u00e9kony legyen a felugr\u00f3 ablakod: a sz\u00f6veg megfogalmaz\u00e1sa. Alapvet\u0151 fontoss\u00e1g\u00fa, hogy a felhaszn\u00e1l\u00f3 pontosan meg\u00e9rtse mit v\u00e1rsz t\u0151le, \u00e9s mi\u00e9rt. Ebb\u0151l a sz\u00f6vegb\u0151l tudhatj\u00e1k meg az emberek, hogy milyen el\u0151nyeik<\/strong> sz\u00e1rmaznak mondjuk azon feliratkoz\u00e1sb\u00f3l, amire k\u00e9red \u0151ket. \u00d6szt\u00f6nz\u00e9st kell ny\u00fajtanod sz\u00e1mukra. Ha nincs semmilyen \u00f6szt\u00f6nz\u0151, nem fogalmazod meg sz\u00e1mukra, hogy mi\u00e9rt lesz j\u00f3 nekik, ha megteszik, amit k\u00e9rsz, akkor egyszer\u0171en nem foglalkoznak a felugr\u00f3 ablakoddal.<\/p>\n\n\n\n

      M\u00e1rka\u00e9p\u00edt\u00e9s<\/h4>\n\n\n\n

      Amikor az emberek meg\u00e9rkeznek a weboldaladra, nem fogj\u00e1k pontosan tudni, hogy hova is \u00e9rkeztek. Ez tal\u00e1n az els\u0151 benyom\u00e1suk r\u00f3lad, \u00fagyhogy sokat sz\u00e1m\u00edt. K\u00e9rd\u00e9s persze, hogy mikor dobod fel sz\u00e1mukra a felugr\u00f3 ablakot, de mindenk\u00e9ppen l\u00e9nyeges, hogy be tudj\u00e1k azonos\u00edtani a c\u00e9gedet<\/strong>. Ez persze egy kicsit t\u00f6bb ann\u00e1l, hogy egyszer\u0171en megjelen\u00edted a neved a pop-upban. Vonz\u00f3v\u00e1 is kell v\u00e1lnod sz\u00e1mukra. Egy olyan \u00fczenetet kell eljuttatnod<\/strong> a felugr\u00f3 ablak \u00e1ltal is a term\u00e9kedr\u0151l, mely vil\u00e1goss\u00e1 teszi az emberek sz\u00e1m\u00e1ra, hogy mi\u00e9rt passzol az \u0151 \u00e9let\u00fckbe.<\/p>\n\n\n\n

      K\u00e9pek \u00e9s vizu\u00e1lis design<\/h4>\n\n\n\n

      Az el\u0151bbiek mellett egy hat\u00e9kony k\u00e9p is sokat jav\u00edthat a konverzi\u00f3s ar\u00e1nyon. Csak k\u00e9pzeld magad a felhaszn\u00e1l\u00f3k hely\u00e9be, akik meg\u00e9rkeznek az oldaladra. L\u00e1tsz egy felugr\u00f3t, amiben nincs m\u00e1s, mint egy halom bet\u0171, mindenf\u00e9le k\u00e9p vagy vonz\u00f3 vizu\u00e1lis elrendez\u00e9s n\u00e9lk\u00fcl. Megfelel\u0151 lesz a hat\u00e1sa? Vagy meggy\u0151z\u0151bb lenne egy k\u00e9p, egy m\u00e1rk\u00e1dhoz illeszked\u0151, vonz\u00f3 vizu\u00e1lis kialak\u00edt\u00e1s, mely mag\u00e1val ragadja a tekintetet?<\/p>\n\n\n\n

      Ez az oka annak, hogy a l\u00e1tv\u00e1nyra is figyelned kell a pop-upn\u00e1l. Nem felt\u00e9tlen\u00fcl fot\u00f3kban kell gondolkodnod. Ha a weboldalad egy\u00e9bk\u00e9nt is minimalista, akkor csak egy j\u00f3 vizu\u00e1lis designra van sz\u00fcks\u00e9g<\/strong>. Valamire, ami seg\u00edt megakad\u00e1lyozni azt, hogy az embereket megragadja a felugr\u00f3 ablak l\u00e1tv\u00e1nya, \u00e9s ne egyb\u0151l az „X”-re vagy a „k\u00f6sz\u00f6n\u00f6m, nem”-re kattintsanak a sarokban.<\/p>\n\n\n\n

      Call to action<\/h4>\n\n\n\n

      V\u00e9g\u00fcl pedig, ami egy felugr\u00f3b\u00f3l nem maradhat el: a call to action. Ha nincs CTA-d, akkor nincs \u00e9rtelme az eg\u00e9sznek. Nem kell ennek a cselekv\u00e9sre \u00f6szt\u00f6nz\u0151 sz\u00f6vegnek t\u00f6bb mondatos magyar\u00e1zatnak lennie a m\u00e1rk\u00e1dr\u00f3l, vagy hogy mik\u00e9nt tudsz seg\u00edteni a l\u00e1togat\u00f3nak a c\u00e9ljai el\u00e9r\u00e9s\u00e9ben<\/strong>. Ne bonyol\u00edtsd t\u00fal!<\/p>\n\n\n\n

      Mi az a legr\u00f6videbb sz\u00f6veg, amellyel ellen\u00e1llhatatlann\u00e1 tudod tenni az aj\u00e1nlatod? Ennyi lenne a call to action. Egy mondat, n\u00e9h\u00e1ny sz\u00f3, amiben elmondod, hogy mi\u00e9rt j\u00f3 d\u00f6nt\u00e9s feliratkozni a h\u00edrleveledre, megrendelni a k\u00f6nyvedet, jegyet v\u00e1s\u00e1rolni az el\u0151ad\u00e1sodra, stb. K\u00e9pzeld magad a felhaszn\u00e1l\u00f3k hely\u00e9be! Min\u00e9l egyszer\u0171bb, ann\u00e1l nagyobb az es\u00e9lye annak, hogy a felhaszn\u00e1l\u00f3k reag\u00e1lni fognak.<\/p>\n\n\n\n

      Mi legyen a marketing\u00fczenet?<\/h2>\n\n\n\n

      Mivel a felugr\u00f3k \u00e1ltal\u00e1ban marketing c\u00e9lokat szolg\u00e1lnak, \u00edgy a sz\u00f6vegek \u00e9rzelmek kiv\u00e1lt\u00e1s\u00e1ra ir\u00e1nyulnak. Egyre t\u00f6bb olyan felugr\u00f3val is tal\u00e1lkozhatunk mostan\u00e1ban, mely b\u0171ntudat vagy sz\u00e9gyen\u00e9rzet kelt\u00e9s\u00e9t c\u00e9lozza<\/strong> az emberekben. Ez azt jelenti, hogy akadnak benn\u00fck olyan gombok vagy linkek, melyek az egyszer\u0171 igen, nem helyett m\u00e1s sz\u00f6veget tartalmaznak, \u00e9s azt \u00e9rik el, hogy az ember rosszul \u00e9rezze mag\u00e1t vagy b\u0171ntudata legyen. Ezek m\u00e1r az \u00fagynevezett s\u00f6t\u00e9t megold\u00e1sok (dark pattern)<\/a> k\u00f6r\u00e9be tartoznak. Itt l\u00e1that\u00f3 egy ilyen:<\/p>\n\n\n\n

      \"felugro-ablak\"<\/figure><\/div>\n\n\n\n

      Hab\u00e1r \u00fagy t\u0171nik, hogy ezzel m\u00e9g jobban fel lehet ideges\u00edteni az embereket, a gyakorlatban \u00fagy t\u0171nik, hogy javul\u00f3 konverzi\u00f3t eredm\u00e9nyez<\/a>. Legal\u00e1bbis r\u00f6vid t\u00e1von. Hossz\u00fa t\u00e1von ezeknek a megold\u00e1soknak a haszn\u00e1lata m\u00e1r az \u00fczleti bizalom elveszt\u00e9s\u00e9t, \u00e9s roml\u00f3 eredm\u00e9nyeket hoz.<\/p>\n\n\n\n

      Ugyanez a b\u0171ntudat persze kiv\u00e1lthat\u00f3 azokkal az egyre szaporod\u00f3 felugr\u00f3kkal, melyek arra h\u00edvj\u00e1k fel a figyelmet, hogy nem mutatj\u00e1k meg a tartalmat, ha adblockert haszn\u00e1lsz. Ezeket nem is lehet bez\u00e1rni an\u00e9lk\u00fcl, hogy r\u00e1 ne kattintan\u00e1l valamely opci\u00f3ra.<\/p>\n\n\n\n

      A c\u00e9l minden felugr\u00f3 ablakkal az, hogy meggy\u0151zd az embereket egy cselekv\u00e9s v\u00e9grehajt\u00e1s\u00e1r\u00f3l<\/strong>. Ez kapcsol\u00f3dhat egy feliratkoz\u00f3 \u0171rlaphoz, az adblocker kikapcsol\u00e1s\u00e1hoz, vagy b\u00e1rmihez, amit szeretn\u00e9l, ha megtenne a felhaszn\u00e1l\u00f3. Az eredm\u00e9nyhez kell a kiv\u00e1l\u00f3 sz\u00f6veg, \u00e9s a r\u00f6vid, de hat\u00e9kony \u00fczenet<\/strong>.<\/p>\n\n\n\n

      Hogyan n\u00e9zzen ki a felugr\u00f3 ablakod?<\/h2>\n\n\n\n

      A felugr\u00f3 ablakok mindegyike \u00e1ltal\u00e1ban hasonl\u00f3 – nem t\u00fal bonyolult – designstrat\u00e9gi\u00e1t k\u00f6vet. Jelent\u0151s r\u00e9sz\u00fck egy overlay el\u0151tt jelenik meg<\/strong> a weboldalon, annak \u00e9rdek\u00e9ben, hogy magukra vonj\u00e1k a figyelmet. Nem egy teljesen fekete h\u00e1tt\u00e9rr\u0151l besz\u00e9l\u00fcnk ilyenkor, hiszen az csak megijeszten\u00e9 az embereket. A felhaszn\u00e1l\u00f3k teh\u00e1t l\u00e1tj\u00e1k az eredeti weboldalt, de az \u00e1tl\u00e1tsz\u00f3s\u00e1ga cs\u00f6kken. Ennek m\u00e9rt\u00e9ke v\u00e1ltoz\u00f3, att\u00f3l f\u00fcgg, hogy mennyit tartasz m\u00e9g elfogadhat\u00f3nak.<\/p>\n\n\n\n

      \"Egy<\/figure><\/div>\n\n\n\n

      Hogyan \u00e9p\u00fcl fel egy mod\u00e1lis ablak?<\/h4>\n\n\n\n

      A mod\u00e1lis ablakok megjelen\u00e9si a c\u00e9ljukat, tartalmukat, m\u00e9ret\u00fcket tekintve k\u00fcl\u00f6nb\u00f6zik, azonban vannak olyan alapelemei, melyek mindegyikn\u00e9l megjelennek.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Mint l\u00e1that\u00f3 teh\u00e1t, a modalnak van egy c\u00edme, mely az els\u0151 sz\u00f6veg az ablakban. Egy inform\u00e1ci\u00f3s\/figyelmeztet\u0151 modal eset\u00e9ben ez maga a visszajelz\u00e9s, m\u00edg a meger\u0151s\u00edt\u0151 ablakokn\u00e1l rendszerint egy k\u00e9rd\u00e9s.<\/p>\n\n\n\n

      \u00c1ltal\u00e1ban helyet kap rajta egy ikon is a c\u00edm mellett, mely nem csak vizu\u00e1lisan jav\u00edt az ablak megjelen\u00e9s\u00e9n, hanem felh\u00edvja a figyelmet a v\u00e9grehajtand\u00f3 cselekv\u00e9sre. P\u00e9ld\u00e1ul a t\u00f6rl\u00e9si meger\u0151s\u00edt\u0151 mellett szerepl\u0151 „kuka” ikon egy\u00e9rtelm\u0171bb\u00e9 teszi, hogy mir\u0151l van sz\u00f3.<\/p>\n\n\n\n

      Ez alatt tal\u00e1lhat\u00f3 a sz\u00f6vegt\u00f6rzs, vagyis maga a tartalom, mely egy olyan sz\u00f6veg, ami elmagyar\u00e1zza, kibontja a c\u00edmben foglaltakat. Felh\u00edvja a figyelmet azokra a k\u00f6vetkezm\u00e9nyekre is, melyek a folyamat sor\u00e1n felmer\u00fclnek. P\u00e9ld\u00e1ul egy t\u00f6rl\u00e9sn\u00e9l jelzi, hogy a l\u00e9p\u00e9s nem vonhat\u00f3 vissza a k\u00e9s\u0151bbiekben.<\/p>\n\n\n\n

      Helyet kapnak az ablakban gombok is, melyekkel interakci\u00f3ba l\u00e9p a felhaszn\u00e1l\u00f3, \u00e9s ugyan\u00edgy a legt\u00f6bb esetben egy „X” ikon is l\u00e1that\u00f3. V\u00e9g\u00fcl pedig az ablaknak van egy \u00fagynevezett „menek\u00fcl\u0151 \u00f6vezete” a modal k\u00f6r\u00fcl, melyre r\u00e1kattintva bez\u00e1r\u00f3dik az ablak.<\/p>\n\n\n\n

      Akadnak olyan megold\u00e1sok, melyek valamilyen anim\u00e1ci\u00f3t haszn\u00e1lva<\/strong> jelennek meg a kijelz\u0151n. Ami az\u00e9rt el\u0151ny\u00f6s, mert ezzel a j\u00e1t\u00e9koss\u00e1ggal kicsit cs\u00f6kkenthet\u0151 az ir\u00e1ntuk \u00e9rzett ellenszenv, \u00e9s tal\u00e1n \u00edgy kev\u00e9sb\u00e9 zavar\u00f3ak. Ugyanakkor az anim\u00e1ci\u00f3t sem \u00e9rdemes t\u00falz\u00e1sba vinni, mert a legt\u00f6bb embernek egy\u00e1ltal\u00e1n nem lesz kedve egy h\u00e1rom m\u00e1sodperces tr\u00fckk\u00f6s megjelen\u00e9st v\u00e9gign\u00e9zni. Teh\u00e1t jelen\u00edtsd meg min\u00e9l gyorsabban, \u00e9s hagyd, hogy az emberek elolvass\u00e1k vagy becsukj\u00e1k az ablakot!<\/p>\n\n\n\n

      A felugr\u00f3 ablak designja a weboldalt\u00f3l f\u00fcgg, azonban a legt\u00f6bb esetben feh\u00e9r h\u00e1tteret alkalmazunk s\u00f6t\u00e9t sz\u00f6veggel<\/strong>. Ez a legegyszer\u0171bb megjelen\u00edt\u00e9se egy nagy kontraszt\u00fa \u00fczenetnek, \u00e9s j\u00f3l illeszkedik b\u00e1rmely weboldalhoz.<\/p>\n\n\n\n

      Megjelen\u00edt\u00e9si technik\u00e1k<\/h4>\n\n\n\n

      A leggyakrabban a felugr\u00f3k az oldal bet\u00f6lt\u00e9se ut\u00e1n n\u00e9h\u00e1ny m\u00e1sodperccel<\/strong> jelennek meg. Ilyenkor a legt\u00f6bb embernek m\u00e9g nem volt ideje arra, hogy \u00e1tfussa a weboldalt, \u00e9s megtudja, hogy egy\u00e1ltal\u00e1n mir\u0151l sz\u00f3l. Ez teh\u00e1t nem igaz\u00e1n j\u00f3 megold\u00e1s<\/strong>, hacsak nem valami fontos inform\u00e1ci\u00f3t igyekeznek \u00e1tadni a felhaszn\u00e1l\u00f3nak, p\u00e9ld\u00e1ul a cookie-k haszn\u00e1lat\u00e1val vagy az adblocker be\u00e1ll\u00edt\u00e1s\u00e1val kapcsolatosan.<\/p>\n\n\n\n

      Akadnak jobban m\u0171k\u00f6d\u0151 megjelen\u00edt\u00e9si megold\u00e1sok<\/strong>, melyek igazodnak a felhaszn\u00e1l\u00f3i viselked\u00e9shez:<\/p>\n\n\n\n