Sok-sok \u00e9vvel ezel\u0151tt egy weboldal akkor sz\u00e1m\u00edtott komolynak, ha legal\u00e1bb 6-8 link is sorakozott a navig\u00e1ci\u00f3s men\u00fcj\u00e9ben, de majdhogynem az volt a c\u00e9l, hogy min\u00e9l bonyolultabb legyen a men\u00fcstrukt\u00fara, mindenf\u00e9le almen\u00fckkel, leg\u00f6rd\u00fcl\u0151kkel felturb\u00f3zva, valamint ha lehet, akkor sok oldalra legyen felt\u00f6rdelve minden tartalom, ak\u00e1r egy blogbejegyz\u00e9s is.<\/p>\n
Egy-egy ilyen \u0151r\u00fcletes fel\u00e9p\u00edtm\u00e9ny, URL-ek t\u00f6mege mellett ugyanakkor rendszeresen el\u0151fordult, hogy az egyes aloldalakon mind\u00f6ssze p\u00e1r sor vagy ak\u00e1r under construction felirat jelent csak meg. Csak rem\u00e9lj\u00fck, hogy ezt a hozz\u00e1\u00e1ll\u00e1st m\u00e1r siker\u00fclt mindenkinek meghaladni, hiszen nemhogy mobilon, de m\u00e9g sz\u00e1m\u00edt\u00f3g\u00e9pen sem t\u00fal bar\u00e1ts\u00e1gos a haszn\u00e1lata.<\/p>\n
\u00a0<\/p>\n
\u00c9s most nem azt akarjuk mondani, hogy annak val\u00f3 az egyetlen, de hossz\u00fa oldalb\u00f3l \u00e1ll\u00f3 weboldal, aki nem tud norm\u00e1lis mennyis\u00e9g\u0171 tartalmat \u00f6sszehozni. Akinek csak p\u00e1r sornyi tartalom van az oldal\u00e1n, az el\u0151sz\u00f6r \u00edrjon haszn\u00e1lhat\u00f3 mennyis\u00e9g\u0171 sz\u00f6veget \u00e9s tegyen mell\u00e9 j\u00f3 k\u00e9peket, vide\u00f3kat. Emellett viszont el is gondolkodhat azon, hogy esetleg j\u00f3 megold\u00e1s lenne sz\u00e1m\u00e1ra egy darab, egyetlen URL alatt el\u00e9rhet\u0151 weboldalon elhelyezni az eddig t\u00f6bb aloldalra sz\u00e9tsz\u00f3rt sorokat. Hiszen ahogy a mobilos b\u00f6ng\u00e9sz\u00e9s egyre nagyobb teret h\u00f3d\u00edt, \u00fagy n\u0151 az egyoldalas weboldalak sz\u00e1ma, a kett\u0151 ugyanis nagyon passzol.<\/p>\n
Nem egy \u00f6nc\u00e9l\u00fa jelens\u00e9gr\u0151l van sz\u00f3 az egyoldalas webdesignn\u00e1l, hiszen az oka az, hogy v\u00e1ltoznak a felhaszn\u00e1l\u00f3i szok\u00e1sok<\/strong>, egyre t\u00f6bben haszn\u00e1lnak mobiltelefont internetez\u00e9sre, melyen rendk\u00edv\u00fcl praktikusan haszn\u00e1lhat\u00f3 egy ilyen weboldal.<\/p>\n Mobil-weboldalakn\u00e1l nincs t\u00fal nagy tere a designernek, hogy sz\u00e9pen elrendezgesse az oldal elemeit, a tartalmat. Ezek alapvet\u0151en egym\u00e1s al\u00e1 ker\u00fclnek. R\u00e1ad\u00e1sul a felhaszn\u00e1l\u00f3k a mobilokn\u00e1l az egyszer\u0171s\u00e9ge miatt szeretik azt, hogy csak cs\u00fasztatniuk kell a h\u00fcvelykujjukat a kijelz\u0151n egy weboldal \u00e1ttekint\u00e9s\u00e9hez. Ehhez a felhaszn\u00e1l\u00f3i viselked\u00e9shez alkalmazkodnak teh\u00e1t a designerek<\/strong>, \u00e9s m\u00e1r eleve \u00fagy tervezik a weboldalakat, hogy azokon a lehet\u0151 legkevesebbet kelljen kattintani, minden el\u00e9rhet\u0151 legyen g\u00f6rget\u00e9ssel.<\/p>\n A jelens\u00e9get tov\u00e1bb er\u0151s\u00edti, hogy a hossz\u00fa weboldalak nagyon alkalmasak a szint\u00e9n egyre n\u00e9pszer\u0171bb\u00e9 v\u00e1l\u00f3 marketing-eszk\u00f6zre, a t\u00f6rt\u00e9netmes\u00e9l\u00e9sre, azaz a storytellingre<\/a>. Ilyenkor a c\u00e9g \u00e9s a m\u00e1rka l\u00e9trehoz egy identit\u00e1st, melyet sz\u00e9pen kibont az elmondott t\u00f6rt\u00e9net. A felhaszn\u00e1l\u00f3k meg persze \u00e9lvezik, hogy nem oldalr\u00f3l-oldalra, kattintgatva kell v\u00e9gignavig\u00e1lniuk egy weboldalon, hanem egy k\u00f6nnyed folyamatban, h\u00fcvelykujjmozgat\u00e1ssal v\u00e9gig tudnak suhanni rajta.<\/p>\n A v\u00e9gtelen g\u00f6rget\u00e9s k\u00e9rd\u00e9se a hossz\u00fa g\u00f6rget\u00e9shez hasonl\u00f3an egy \u00e1lland\u00f3 dilemma a webdesignban. V\u00e9gtelen g\u00f6rget\u00e9sr\u0151l akkor besz\u00e9l\u00fcnk, amikor egy weboldal elvileg soha nem \u00e9r v\u00e9get (a gyakorlatban sokszor v\u00e9get \u00e9r), mik\u00f6zben lefel\u00e9 teker\u00fcnk az eg\u00e9rrel, vagy \u00e9ppen l\u00f6kd\u00f6ss\u00fck felfel\u00e9 a kijelz\u0151t mobilon. \u00cdgy m\u0171k\u00f6dnek \u00e1ltal\u00e1ban a k\u00f6z\u00f6ss\u00e9gi oldalak, p\u00e9ld\u00e1ul a Facebook, teh\u00e1t ezekn\u00e9l feed-szer\u0171 megjelen\u00e9sr\u0151l van sz\u00f3, mely ebb\u0151l k\u00f6vetkez\u0151en els\u0151sorban az ilyen t\u00edpus\u00fa tartalmakhoz passzol<\/strong>.<\/p>\n A m\u00e1sik jellemz\u0151 t\u00edpus, amikor a t\u00f6bb oldalra felosztott tartalmat nem t\u00f6bb oldalon, hanem egyetlen oldalon akarjuk megjelen\u00edteni, mondjuk egy web\u00e1ruh\u00e1zban<\/strong>. Ha nagyon sok a term\u00e9k, akkor ebb\u0151l egy kv\u00e1zi v\u00e9gtelen g\u00f6rget\u00e9s\u0171 weboldal lesz.<\/p>\n A v\u00e9gtelen g\u00f6rget\u00e9s\u0171 weboldalak sokszor olyanok, mint az egyoldalas weboldalak, b\u00e1r val\u00f3j\u00e1ban t\u00e9nylegesen nem azok, csak \u00e9pp jellemz\u0151en egyetlen oldalukat n\u00e9zegetj\u00fck (p\u00e9ld\u00e1ul a Facebookon). K\u00e9rd\u00e9s, hogy hat\u00e9konyabban tudj\u00e1k-e haszn\u00e1lni az emberek, megnehez\u00edti-e a keres\u00e9st, nem jelent-e h\u00e1tr\u00e1nyt SEO-szempontb\u00f3l? Teh\u00e1t ugyanazok mer\u00fclnek fel, mint a hossz\u00fa g\u00f6rget\u00e9s\u0171, egyoldalas weboldalakn\u00e1l. A v\u00e1laszok is hasonl\u00f3k, b\u00e1r nem teljesen azonosak.<\/p>\n Az oldalhossz\u00fas\u00e1gra nem vonatkoznak szab\u00e1lyok, ir\u00e1nymutat\u00e1sok. Tulajdonk\u00e9ppen csak t\u00e9vhitek miatt \u00f3dzkodnak az emberek a t\u00fal hossz\u00fa oldalakt\u00f3l – h\u00edvta fel a figyelmet Marli Mesibov<\/a>, aki fel is sorolta azt h\u00e1rom m\u00edtoszt, melyeken t\u00fal kellene l\u00e9pni.<\/p>\n A t\u00fal hossz\u00fa weboldalak kapcs\u00e1n gyakran felmer\u00fcl – b\u00e1r tal\u00e1n most m\u00e1r egyre ritk\u00e1bban -, hogy t\u00f6bb lapra kell \u0151ket t\u00f6rdelni. Mondv\u00e1n: az emberek \u00fagysem g\u00f6rgetnek. Nem mintha kattintani annyira szeretn\u00e9nek. Ez\u00e9rt a legjobb, ha r\u00f6vid az oldal, kev\u00e9s a tartalom. R\u00e1ad\u00e1sul a designerek olykor a mobilos tartalmakat direkt r\u00f6vid\u00edtik, hogy elf\u00e9rjenek a kisebb kijelz\u0151k\u00f6n.<\/p>\n Pedig m\u00e1r egy 1998-as tanulm\u00e1ny<\/a> is arr\u00f3l sz\u00e1molt be, hogy a legt\u00f6bb felhaszn\u00e1l\u00f3 mindenf\u00e9le panasz n\u00e9lk\u00fcl hajland\u00f3 g\u00f6rgetni a weboldalakon. Az \u00fajabb kutat\u00e1sok pedig csak meger\u0151s\u00edtett\u00e9k<\/a> azt, hogy m\u00e9g a v\u00e9gtelen g\u00f6rget\u00e9s\u0171 oldalak is teljesen elfogadott megold\u00e1ss\u00e1 v\u00e1ltak<\/strong> az emberek sz\u00e1m\u00e1ra. De ha tov\u00e1bb g\u00f6rgetsz, akkor egy m\u00e1sik fejezetben b\u0151vebben is kifejtj\u00fck, hogy mennyit hajland\u00f3ak g\u00f6rgetni az emberek most a weboldalakon.<\/p>\n Mi\u00e9rt? Az\u00e9rt mert a mobilkijelz\u0151k m\u00e9rete mellett szinte minden weboldal elolvas\u00e1sa sor\u00e1n g\u00f6rgetni kell<\/strong>, ak\u00e1rmilyen r\u00f6vid is legyen a sz\u00f6veg. Az emberek teh\u00e1t megszokt\u00e1k. R\u00e1ad\u00e1sul a k\u00f6z\u00f6ss\u00e9gi m\u00e9dia csatorn\u00e1k elfogadott\u00e1 tett\u00e9k, hogy g\u00f6rget\u00e9s r\u00e9v\u00e9n mindig \u00fajabb \u00e9s \u00fajabb tartalmak t\u00e1rulnak fel az emberek el\u0151tt. Ahogy az \u0151 gyakorlatuk mindennaposs\u00e1 v\u00e1lt, az emberek egyre kev\u00e9sb\u00e9 sz\u00e1m\u00edtanak arra, hogy egy weboldal csak a \u201chajt\u00e1sig\u201d tart.<\/p>\n M\u00e1sr\u00e9szt pedig, ha a c\u00e9lk\u00f6z\u00f6ns\u00e9ged meg\u00e9rkezik a weboldaladra, hogy inform\u00e1ci\u00f3t tal\u00e1ljon \u00e9s elv\u00e9gezzen egy feladatot, akkor mi\u00e9rt szak\u00edtan\u00e1d meg ezt kattint\u00e1sra k\u00e9nyszer\u00edtve \u0151ket. A t\u00f6bb kattint\u00e1s csak t\u00f6bb arra ad t\u00f6bb es\u00e9lyt, hogy elhagyj\u00e1k az oldaladat<\/strong>. Teh\u00e1t, ha csak a Te saj\u00e1t tesztjeid nem mutatnak m\u00e1st, nincs semmi indokod arra, hogy a relev\u00e1ns, \u00f6sszetartoz\u00f3 tartalmakat k\u00fcl\u00f6n oldalakra rendezd.<\/p>\n A legt\u00f6bben \u00fagy gondolj\u00e1k, hogy az emberek nem olvasnak a weben. Pedig, ha a tartalom sz\u00e1mukra relev\u00e1ns, \u00e9s vonz\u00f3 m\u00f3don van t\u00e1lalva<\/a>, akkor olvasnak<\/strong>. Ahhoz persze, hogy a tartalom kell\u0151en vonz\u00f3 legyen, hasznosnak \u00e9s haszn\u00e1lhat\u00f3nak kell lennie.<\/p>\n A hasznos<\/strong> azt jelenti, hogy arra a k\u00e9rd\u00e9sre kell v\u00e1laszt adnia, amit a c\u00e9lk\u00f6z\u00f6ns\u00e9ged keres. Vagy pedig olyan \u00faj inform\u00e1ci\u00f3kat kell ny\u00fajtania, melyeket m\u00e1shol nem tal\u00e1lnak meg.<\/p>\n A haszn\u00e1lhat\u00f3<\/strong> pedig azt jelenti, hogy legyen k\u00f6nnyen olvashat\u00f3. Teh\u00e1t a sz\u00f6veg legyen j\u00f3l tagolt, haszn\u00e1lj alc\u00edmeket, bekezd\u00e9seket, felsorol\u00e1sokat, t\u00e1bl\u00e1zatokat, k\u00e9peket \u00e9s m\u00e1s elemeket, melyek seg\u00edthetnek a tartalom jobb meg\u00e9rt\u00e9s\u00e9ben. Az emberek \u00edgy olvasni fogj\u00e1k a hossz\u00fa sz\u00f6vegeidet is, ha tetszik nekik, amit l\u00e1tnak, mert hozz\u00e1juk sz\u00f3l, \u00e9s k\u00f6nnyen be tudj\u00e1k fogadni, meg\u00e9rtik az ott tal\u00e1lhat\u00f3 inform\u00e1ci\u00f3kat.<\/p>\n Amikor valaki azt k\u00e9ri, hogy legyen t\u00f6m\u00f6rebb egy sz\u00f6veg, akkor \u00e1ltal\u00e1ban arra gondol, hogy kevesebb sz\u00f3b\u00f3l \u00e1lljon. Pedig a t\u00f6m\u00f6rs\u00e9g nem eg\u00e9szen ezt jelenti. Ink\u00e1bb azt, hogy az inform\u00e1ci\u00f3kat gyorsabb, r\u00f6videbb megold\u00e1ssal pr\u00f3b\u00e1ld meg \u00e1tadni. De nem igaz az, hogy a t\u00f6m\u00f6rs\u00e9g egyenl\u0151 azzal, hogy tartalomb\u00f3l kevesebb lesz.<\/p>\n P\u00e9ld\u00e1ul, ha van egy olyan mondatod, miszerint \u201cT\u00f6m\u00f6ren \u00edrni azt jelenti, hogy elhagysz minden sz\u00fcks\u00e9gtelen \u00e9s felesleges sz\u00f3t. A mondatok \u00e9s a bekezd\u00e9sek olyan hossz\u00faak legyenek, amennyire sz\u00fcks\u00e9ges, ugyanakkor ne tartalmazzanak semmilyen felesleget. Ez azonban nem azt jelenti, hogy a mondatokb\u00f3l vagy a bekezd\u00e9sekb\u0151l kimaradhatnak inform\u00e1ci\u00f3k.\u201d<\/em><\/p>\n Ez a mondat r\u00f6vid\u00edtve \u00edgy n\u00e9z ki: \u201cT\u00f6m\u00f6ren \u00edrni azt jelenti, hogy mindenf\u00e9le felesleg n\u00e9lk\u00fcl \u00edrsz.\u201d<\/em> Ugyanakkor t\u00f6m\u00f6ren fogalmazva \u00edgy: \u201cEgy t\u00f6m\u00f6r mondatban vagy bekezd\u00e9sben nem kapnak helyet felesleges dolgok, hanem annyi inform\u00e1ci\u00f3t tartalmaz, mely \u00e1ltal nem csak k\u00f6nnyen \u00e9rthet\u0151, de \u00e9rt\u00e9kes is lesz a sz\u00f6veg.\u201d<\/em> A t\u00f6m\u00f6r verzi\u00f3 hosszabb, mint a r\u00f6vid, azonban nagyobb az inform\u00e1ci\u00f3tartalma.<\/p>\n Teh\u00e1t ahelyett, hogy egyszer\u0171en elhagyn\u00e1d egy mondat vagy egy bekezd\u00e9s fel\u00e9t, pr\u00f3b\u00e1ld az inform\u00e1ci\u00f3t \u00f6sszes\u0171r\u00edteni, mik\u00f6zben a sz\u00f6veg tov\u00e1bbra is j\u00f3l fogalmazott marad!<\/p>\n \u00d6sszess\u00e9g\u00e9ben teh\u00e1t elmondhat\u00f3, hogy egy j\u00f3 weboldal tartalma olyan hossz\u00fa, hogy megfelel\u0151en k\u00f6r\u00fclj\u00e1rja az adott t\u00e9m\u00e1t<\/strong>. Emellett r\u00e1 kell vennie az embereket az olvas\u00e1sra, \u00e9s a c\u00e9lk\u00f6z\u00f6ns\u00e9ged ig\u00e9nyeire kell szabni. Ha a tartalmad t\u00fal hossz\u00fanak vagy unalmasnak tal\u00e1lj\u00e1k, akkor lehet hogy nem el\u00e9g relev\u00e1ns a c\u00e9lk\u00f6z\u00f6ns\u00e9ged sz\u00e1m\u00e1ra. Ha amiatt agg\u00f3dsz, hogy t\u00fal sok tartalom ker\u00fcl egy weboldalra, akkor gondold v\u00e9gig, hogy mi c\u00e9lja a weboldaladnak, \u00e9s ha nem illeszkedik a c\u00e9lk\u00f6z\u00f6ns\u00e9ged ig\u00e9nyeihez, akkor pr\u00f3b\u00e1lj r\u00e1j\u00f6nni, hogy mi az, amit val\u00f3j\u00e1ban keresnek a weben.<\/p>\n 2006-os megjelen\u00e9s\u00fck \u00f3ta a hossz\u00fa g\u00f6rget\u00e9s\u0171 weboldalak n\u00e9pszer\u0171s\u00e9ge folyamatosan n\u0151. Haszn\u00e1lj\u00e1k m\u00e1r nemcsak a k\u00f6z\u00f6ss\u00e9gi m\u00e9dia oldalak vagy web\u00e1ruh\u00e1zak, hanem h\u00edroldalak is. Mivel 2006 \u00f3ta sok id\u0151 eltelt, \u00edgy nem meglep\u0151, hogy t\u00f6bb vari\u00e1ci\u00f3juk is megjelent. Olyan \u00e9rtelemben, hogy n\u00e9melyiken „Tov\u00e1bb” gombokkal (vagy ennek szinonim\u00e1ival) tal\u00e1lkozhatunk, ugyanakkor akad olyan is, amelyik a hossz\u00fa g\u00f6rget\u00e9st lapokra t\u00f6rdeli, hogy k\u00f6nnyebb legyen a t\u00e1j\u00e9koz\u00f3d\u00e1s \u00e9s a navig\u00e1ci\u00f3.<\/p>\n Az egyoldalas weboldalakkal eg\u00e9szen j\u00f3l be lehet mutatni c\u00e9geket, term\u00e9keket, szolg\u00e1ltat\u00e1sokat, mert \u00fagy lehet fel\u00e9p\u00edteni az oldalunkat, hogy ez a dolog sztorik\u00e9nt, izgalmas t\u00f6rt\u00e9netk\u00e9nt ker\u00fclj\u00f6n t\u00e1lal\u00e1sra<\/strong>. Ha parallax elemeket is haszn\u00e1lunk<\/a>, akkor sok anim\u00e1ci\u00f3 \u00e9s ak\u00e1r n\u00e9mi interakci\u00f3 is belecsemp\u00e9szhet\u0151 a weboldalba, vagyis a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra nem csak teljesebb lesz az \u00e9lm\u00e9ny, hanem \u00e9pp az aktivit\u00e1sa hat\u00e1s\u00e1ra m\u00e9g jobban megragad benne.<\/p>\n Ahogy az emberek lefel\u00e9 g\u00f6rgetnek a weboldalon, v\u00e1ltozik a layout, megjelennek k\u00fcl\u00f6nb\u00f6z\u0151 anim\u00e1ci\u00f3s effektek, ami egy ritmust hoz l\u00e9tre<\/strong>. Ilyenkor a felhaszn\u00e1l\u00f3t lek\u00f6ti a weboldal, g\u00f6rget\u00e9s k\u00f6zben m\u00e1r arra v\u00e1r, hogy vajon mi fog t\u00f6rt\u00e9nni mindj\u00e1rt a kijelz\u0151n.<\/p>\n A Nielsen Norman Group szerint is a hossz\u00fa g\u00f6rget\u00e9s\u0171 weboldalak legnagyobb el\u0151nye, hogy nincsenek megakaszt\u00f3 t\u00e9nyez\u0151k<\/strong>. Az Information Systems Journal tanulm\u00e1nya szerint m\u00e1r egy olyan apr\u00f3 zavar\u00f3 t\u00e9nyez\u0151, mint a „Tov\u00e1bb” gomb lenyom\u00e1sa arra k\u00e9sztetheti a felhaszn\u00e1l\u00f3t, hogy abbahagyja, amit addig csin\u00e1lt.<\/p>\n A zavar\u00f3 t\u00e9nyez\u0151k ereje ugyan a felhaszn\u00e1l\u00f3i cselekv\u00e9s t\u00edpus\u00e1t\u00f3l is f\u00fcgg, a k\u00f6z\u00f6ss\u00e9gi m\u00e9di\u00e1ban, h\u00edroldalakon, de ak\u00e1r egy landing oldalon is fontos, hogy megakaszt\u00f3 t\u00e9nyez\u0151kt\u0151l mentes legyen a haszn\u00e1lat, mert \u00edgy kisebb es\u00e9llyel hagyj\u00e1k ott az oldalt vagy alkalmaz\u00e1st a felhaszn\u00e1l\u00f3k.<\/p>\n Egy ilyen weboldal hat\u00e9konyabban k\u00e9pes megragadni a felhaszn\u00e1l\u00f3 figyelm\u00e9t<\/strong>, \u00e9s ott is tartani, eg\u00e9szen addig, am\u00edg le nem g\u00f6rget az oldal alj\u00e1ra. Amikor viszont men\u00fclinkek sorakoznak egym\u00e1s mellett, akkor ritk\u00e1n siker\u00fcl r\u00e1b\u00edrni a felhaszn\u00e1l\u00f3t arra, hogy ezeket kattintsa v\u00e9gig a megfelel\u0151 sorrendben, \u00e9s olvassa is el az azokon tal\u00e1lhat\u00f3 tartalmakat.<\/p>\n A weboldal tulajdonos\u00e1nak egyoldalas design mellett van befoly\u00e1sa arra, hogy a felhaszn\u00e1l\u00f3 milyen sorrendben kapja meg az inform\u00e1ci\u00f3kat<\/strong>, m\u00edg aloldalakra tagol\u00e1sn\u00e1l \u00fagy halad az olvas\u00f3 a linkek ment\u00e9n, ahogy neki tetszik. Az egyoldalas design ilyen szempontb\u00f3l hasonl\u00edt egy prezent\u00e1ci\u00f3ra vagy egy vide\u00f3ra, el tudunk vele mes\u00e9lni egy t\u00f6rt\u00e9netet, lehet ak\u00e1r dr\u00e1mai \u00edvet h\u00fazni vele.<\/p>\n Egy ilyen weboldal teh\u00e1t k\u00e9zen fogja a felhaszn\u00e1l\u00f3t, betereli a konverzi\u00f3s t\u00f6lcs\u00e9rbe<\/strong>, \u00e9s ki sem engedi onnan a k\u00edv\u00e1nt cselekm\u00e9ny v\u00e9grehajt\u00e1s\u00e1ig. Term\u00e9szetesen a felhaszn\u00e1l\u00f3 b\u00e1rmikor megunhatja az oldalt, kil\u00e9phet vagy visszaugorhat – f\u0151leg, ha rosszul van fel\u00e9p\u00edtve az oldal -, azonban m\u00e9gsem ide-oda kattintgat a linkek ment\u00e9n, sokkal nagyobb es\u00e9lyt kapva a t\u00e1voz\u00e1sra.<\/p>\n Fontos t\u00e9nyez\u0151, hogy cs\u00f6kkenti az interakci\u00f3s k\u00f6lts\u00e9get<\/strong>, ami a hossz\u00fa g\u00f6rget\u00e9s\u0171 weboldal eset\u00e9ben azt jelenti, hogy ha kell\u0151en folyamatosan \u00e9s gyorsan t\u00f6lt\u0151dik be, akkor nincs sz\u00fcks\u00e9g semmilyen felhaszn\u00e1l\u00f3i beavatkoz\u00e1sra a tartalom megtekint\u00e9s\u00e9hez. Ha pedig vissza akar t\u00e9rni a felhaszn\u00e1l\u00f3 egy kor\u00e1bbi pontra az oldalon, akkor sem kell a back gombra vagy b\u00e1rmi m\u00e1sra kattintania, csak egyszer\u0171en felfel\u00e9 g\u00f6rgetnie.<\/p>\n Emellett olyan gyakorlati el\u0151ny\u00f6k is felmer\u00fclhetnek, hogy a tervez\u00e9se \u00e9s a fejleszt\u00e9se is gyorsabb lehet<\/strong>, \u00edgy ak\u00e1r a k\u00f6lts\u00e9gek is alacsonyabbak. B\u00e1r t\u00e9ny, hogy egy egyoldalas weboldalt is ki lehet alak\u00edtani olyan komplex m\u00f3don, hogy t\u00f6bb r\u00e1ford\u00edt\u00e1st ig\u00e9nyel, mint egy egyszer\u0171, de t\u00f6bb alodalt tartalmaz\u00f3 site.<\/p>\n V\u00e9g\u00fcl pedig az egyik legnagyobb el\u0151nye, hogy k\u00e9nyelmesebben haszn\u00e1lhat\u00f3 mobileszk\u00f6zk\u00f6z\u00f6k\u00f6n<\/strong>, mert a mobilon b\u00f6ng\u00e9sz\u0151k azt szeretik a legjobban, ha a tartalom befogad\u00e1s\u00e1hoz csak scrollozniuk kell, \u00e9s nem linkekre kattintgatni. S\u0151t m\u00e9g SEO szempontb\u00f3l is lehet j\u00f3, ha nem v\u00e9gtelen oldalr\u00f3l van sz\u00f3, csak egy hossz\u00fa megold\u00e1sr\u00f3l, mely \u00edgy elegend\u0151 tartalmat kap ahhoz – szemben a sok kis oldalra bont\u00e1ssal -, hogy \u00e9rt\u00e9kess\u00e9 v\u00e1ljon egy-k\u00e9t kulcskifejez\u00e9sre.<\/p>\n A v\u00e9gtelen g\u00f6rget\u00e9s\u0171 weboldalak \u00e1ltal\u00e1ban hosszabban t\u00f6lt\u0151dnek, mint a norm\u00e1l oldalak. K\u00fcl\u00f6n\u00f6sen, ha vide\u00f3k \u00e9s nagy k\u00e9pek tal\u00e1lhat\u00f3k az oldalon, akkor lass\u00fa lehet a bet\u00f6lt\u00e9s<\/strong>, ami nem is annyira a wifin vagy k\u00e1belen netez\u0151k sz\u00e1m\u00e1ra jelent gondot, hanem a mobileszk\u00f6z\u00f6n mobilnettel b\u00f6ng\u00e9sz\u0151knek (vagy persze b\u00e1rmely ter\u00fcleten, ahol sz\u0171k a s\u00e1vsz\u00e9less\u00e9g vagy nem korl\u00e1tlan az internetcsomag). Ezt a nagyobb c\u00e9gek, p\u00e9ld\u00e1ul a Facebook azzal pr\u00f3b\u00e1lta kik\u00fcsz\u00f6b\u00f6lni, hogy l\u00e9trehozott egy „lite” verzi\u00f3t, ami kevesebb adattal is be\u00e9ri.<\/p>\n A m\u00e1sik probl\u00e9ma, hogy nem minden c\u00e9g vagy szolg\u00e1ltat\u00e1s sz\u00e1m\u00e1ra optim\u00e1lis<\/strong> az alkalmaz\u00e1sa. Ha p\u00e9ld\u00e1ul t\u00f6bbf\u00e9le szolg\u00e1ltat\u00e1st k\u00edn\u00e1l a c\u00e9g, \u00e9s ezek r\u00e1ad\u00e1sul egyenl\u0151 s\u00faly\u00faak, nincs k\u00f6z\u00f6tt\u00fck al\u00e1rendelts\u00e9g, akkor ezeket nem biztos, hogy logikusan egym\u00e1s al\u00e1 lehet rendezni.<\/p>\n Szint\u00e9n gondot okozhat, ha t\u00fal sok tartalom ker\u00fcl fel<\/strong> a weboldalra, \u00e9s az m\u00e1r-m\u00e1r v\u00e9gtelen hossz\u00fas\u00e1g\u00fav\u00e1 ny\u00falik, ami pont mobilon k\u00fcl\u00f6n\u00f6sen zavar\u00f3. Egy \u00f3ri\u00e1sira duzzadt weboldalon ne nagyon v\u00e1rjuk el a mobilos felhaszn\u00e1l\u00f3t\u00f3l, hogy a l\u00e1bl\u00e9cig g\u00f6rgessen.<\/p>\n Emellett neh\u00e9z is keresni a sok tartalomban<\/strong>, mivel nincsenek jelz\u00e9sek, melyre t\u00e1maszkodhatn\u00e1nak a felhaszn\u00e1l\u00f3k. Ha p\u00e9ld\u00e1ul egy web\u00e1ruh\u00e1z lapoz\u00f3t haszn\u00e1l, akkor a l\u00e1togat\u00f3k esetleg eml\u00e9keznek arra, hogy melyik oldalon l\u00e1ttak egy term\u00e9ket, illetve, hogy az az oldal mely r\u00e9sz\u00e9n (alul, fel\u00fcl, k\u00f6z\u00e9pen) helyezkedett el. Hossz\u00fa g\u00f6rget\u00e9sn\u00e9l viszont nincs ilyen, csak a term\u00e9kek egym\u00e1shoz viszony\u00edtott helyzete.<\/p>\n M\u00e9g nagyobb gondot jelent, hogy amikor r\u00e1kattintanak egy term\u00e9kre, majd visszat\u00e9rnek a back gombbal, akkor bizonyos esetekben az oldal nem ahhoz a poz\u00edci\u00f3hoz<\/strong> vezeti \u0151ket vissza, ahol el\u0151z\u0151leg voltak, hanem az oldal tetej\u00e9re. \u00c9s \u00edgy fogalmuk sem lesz r\u00f3la, hol j\u00e1rtak, \u00e9s sokszor feladj\u00e1k a keres\u00e9st.<\/p>\n A l\u00e1togat\u00f3k emellett nem k\u00e9pesek el\u00e9rni a l\u00e1bl\u00e9cet<\/strong> sem (ha nem haszn\u00e1l „tov\u00e1bb” gombot az oldal), pedig lehetnek olyan hasznos inform\u00e1ci\u00f3k, ami miatt fontosnak v\u00e9lik a l\u00e1bl\u00e9c el\u00e9r\u00e9s\u00e9t.<\/p>\n SEO-szempontb\u00f3l<\/strong> pedig az okozhat probl\u00e9m\u00e1t, hogy nem felt\u00e9tlen\u00fcl csak egy-k\u00e9t kulcskifejez\u00e9sre akarunk optimaliz\u00e1lni, hanem t\u00f6bbre. Amikor t\u00f6bb aloldalunk van, akkor eg\u00e9szen megszokott m\u00f3don minden aloldalt m\u00e1s \u00e9s m\u00e1s kulcskifejez\u00e9sre optimaliz\u00e1lhatunk. Ha csak egyetlen oldallal gazd\u00e1lkodunk, akkor azzal az eggyel kell megoldani a SEO-t<\/strong>. R\u00e1ad\u00e1sul, mivel a robotok nem mindig tudj\u00e1k bet\u00f6lteni a teljes oldalt, \u00edgy nem is \u00e9rik el a teljes tartalmat. Emellett pedig a hossz\u00fa bet\u00f6lt\u0151d\u00e9s lass\u00fa sebess\u00e9get is jelent.<\/p>\n El\u0151sz\u00f6r is alaposan v\u00e9gig kell gondolni, meg kell tervezni az inform\u00e1ci\u00f3s architekt\u00far\u00e1t<\/a><\/strong>, hogy az kell\u0151en haszn\u00e1lhat\u00f3 legyen az emberek sz\u00e1m\u00e1ra. \u00dagy kell fel\u00e9p\u00edteni az inform\u00e1ci\u00f3s egys\u00e9gek sorrendj\u00e9t, hogy az egy t\u00f6rt\u00e9netet mondjon el az olvas\u00f3nak a lefel\u00e9 g\u00f6rget\u00e9s eredm\u00e9nyek\u00e9nt.<\/p>\n A tervekt\u0151l nem \u00e9rdemes hirtelen \u00f6tletrohamok \u00e1ltal vez\u00e9relve elt\u00e9rni<\/strong>, id\u0151nk\u00e9nt \u00fajabb \u00e9s \u00fajabb kreat\u00edv elemekkel megbomb\u00e1zni az oldalt, mert ezzel az eredeti, j\u00f3l fel\u00e9p\u00edtett logika t\u00f6rhet meg, \u00e9s teheti t\u00f6nkre a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt.<\/p>\n Ha biztosra akarunk menni, akkor haszn\u00e1lhatunk hossz\u00fa g\u00f6rget\u00e9s\u0171 design mellett navig\u00e1ci\u00f3s men\u00fct, „tov\u00e1bb” gombot vagy lapoz\u00f3t is<\/strong>. Legink\u00e1bb a „tov\u00e1bb” gomb haszn\u00e1lata terjed mostan\u00e1ban, k\u00fcl\u00f6n\u00f6sen mobil oldalakn\u00e1l \u00e9s alkalmaz\u00e1sokn\u00e1l. A megold\u00e1st nem csak web\u00e1ruh\u00e1zakban lehet haszn\u00e1lni, tal\u00e1lkozhatsz vele p\u00e9ld\u00e1ul a Google mobil tal\u00e1lati oldalain is.<\/p>\n A tov\u00e1bb gombbal olyan haszn\u00e1lhat\u00f3s\u00e1gi probl\u00e9m\u00e1k k\u00fcsz\u00f6b\u00f6lhet\u0151k ki, mint a l\u00e1bl\u00e9c el\u00e9r\u00e9se, vagy a korl\u00e1tozott s\u00e1vsz\u00e9less\u00e9g \u00e9s adatcsomag. Ugyanakkor a gomb megjelen\u00e9se n\u00f6velni fogja az interakci\u00f3s k\u00f6lts\u00e9get, hiszen a felhaszn\u00e1l\u00f3knak kattintaniuk kell, \u00edgy k\u00f6nnyebben el\u0151fordulhat, hogy v\u00e9g\u00fcl kevesebb tartalmat n\u00e9znek meg az oldalon, mint ha csak g\u00f6rgetni\u00fck kellene.<\/p>\n L\u00e9tezik m\u00e9g hibrid megold\u00e1sk\u00e9nt a tov\u00e1bb \u00e9s a lapoz\u00f3 kombin\u00e1ci\u00f3ja<\/strong>, illetve \u00fajabb megold\u00e1s az \u00fagynevezett integr\u00e1lt lapoz\u00f3<\/strong>. Ut\u00f3bbi eset\u00e9ben nem a megszokott, oldal alj\u00e1n l\u00e9v\u0151 sorsz\u00e1mokr\u00f3l van sz\u00f3, hanem arr\u00f3l, hogy b\u00e1r v\u00e9gtelen a g\u00f6rget\u00e9s az oldalon, az szakaszokra oszt\u00f3dik, melyeket oldalsz\u00e1m jel\u00f6l. Ez annyib\u00f3l el\u0151ny\u00f6s, hogy javul a navig\u00e1ci\u00f3, k\u00f6nnyebben bet\u00e1jolja mag\u00e1t a felhaszn\u00e1l\u00f3. Ugyanakkor ezzel sem \u00e9rhet\u0151 el az oldal l\u00e1bl\u00e9ce, valamint a bet\u00f6lt\u00e9si id\u0151 \u00e9s m\u00e9ret is jelent\u0151s marad.<\/p>\n Egyr\u00e9szt akkor \u00e9rdemes megfontolni a haszn\u00e1lat\u00e1t, amikor \u00fagy \u00e9rezz\u00fck, hogy egyetlen oldalra k\u00e9nyelmesen \u00e9s haszn\u00e1lhat\u00f3an r\u00e1f\u00e9r valamennyi tartalmunk. Teh\u00e1t, ha egy c\u00e9gnek egyf\u00e9le, vagy egy csoportba tartoz\u00f3 term\u00e9ke<\/strong>, szolg\u00e1ltat\u00e1sa<\/strong> van, annak bemutat\u00e1s\u00e1ra t\u00f6k\u00e9letesen alkalmas lehet. A felhaszn\u00e1l\u00f3 ilyenkor v\u00e9gigscrollozik az \u00e1ltalunk fel\u00e9p\u00edtett folyamaton, \u00e1tn\u00e9zi a teljes k\u00edn\u00e1latot, an\u00e9lk\u00fcl, hogy elt\u00e9vedne, lel\u00e9pne k\u00f6zben.<\/p>\n Ha sz\u00e1modra is egy hossz\u00fa vagy egy v\u00e9gtelen weboldal a j\u00f3 megold\u00e1s, akkor<\/p>\n Amikor kv\u00e1zi v\u00e9gtelen g\u00f6rget\u00e9sr\u0151l van sz\u00f3 – p\u00e9ld\u00e1ul egy web\u00e1ruh\u00e1zban -, akkor olyan szempontokat kell figyelembe venni, hogy<\/p>\n A felsorolt esetekben ugyanis nem j\u00f3 a v\u00e9gtelen g\u00f6rget\u00e9s, \u00e9s nincs is olyan kompromisszumos megold\u00e1s, ami megoldan\u00e1 a probl\u00e9m\u00e1kat.<\/p>\n Azt lehet teh\u00e1t mondani, hogy \u00e1ltal\u00e1ban akkor \u00e9rdemes v\u00e1lasztani v\u00e9gtelen g\u00f6rget\u00e9st, amikor az emberek szinte egyforma term\u00e9kek (vagy ak\u00e1r posztok) list\u00e1j\u00e1t akarj\u00e1k \u00e1tfutni, mik\u00f6zben nincs semmilyen speci\u00e1lis c\u00e9ljuk<\/strong>.<\/p>\n Annak ellen\u00e9re, hogy a felhaszn\u00e1l\u00f3k \u00e1ltal\u00e1ban azonnal heves g\u00f6rget\u00e9sbe kezdenek<\/a>, amint egy weboldal megjelenik a kijelz\u0151j\u00fck\u00f6n, az emberek csak akkor fognak lejjebb g\u00f6rgetni a weboldalon, ha el\u00e9g \u00edg\u00e9retesnek t\u0171nik az, amit a hajt\u00e1s felett l\u00e1tnak<\/strong>. Ez minden kijelz\u0151m\u00e9retn\u00e9l igaz, legyen az mobil, tablet vagy desktop: a felhaszn\u00e1l\u00f3 csak akkor n\u00e9zi meg a weboldal tov\u00e1bbi tartalm\u00e1t, ha \u00fagy t\u0171nik sz\u00e1m\u00e1ra a hajt\u00e1s feletti r\u00e9sz alapj\u00e1n, hogy meg\u00e9ri g\u00f6rgetni.<\/p>\n A hajt\u00e1s felett l\u00e9v\u0151 r\u00e9sz el\u0151k\u00e9sz\u00edti a terepet a k\u00e9s\u0151bbiekben megjelen\u0151 tartalomnak. Vagyis az itt megjelen\u0151 tartalomnak jeleznie kell, hogy egy m\u00e9g \u00e9rt\u00e9kesebb tartalom v\u00e1rhat\u00f3 a hajt\u00e1s alatt. Teh\u00e1t, ami els\u0151k\u00e9nt megjelenik a kijelz\u0151n a felhaszn\u00e1l\u00f3k orra el\u0151tt, annak kell b\u00e1tor\u00edtani \u0151ket a g\u00f6rget\u00e9sre. Ahhoz, hogy r\u00e1vedd az embereket a scrolloz\u00e1sra, els\u0151sorban olyan tartalomr\u00f3l kell gondoskodnod, mely kell\u0151en \u00e9rdekes sz\u00e1mukra. Vagyis a legizgalmasabb tartalmadat mindj\u00e1rt a hajt\u00e1s f\u00f6l\u00e9 kellene helyezned<\/strong>:<\/p>\n Amennyiben a tartalmad \u00fagy \u00e9r v\u00e9get, mintha az a weboldal alja is lenne egyben, akkor a felhaszn\u00e1l\u00f3 azt hiszi, hogy nem tal\u00e1l m\u00e1r semmit a hajt\u00e1s alatt. Ennek eredm\u00e9nyek\u00e9nt sokkal kisebb es\u00e9llyel fog tov\u00e1bb g\u00f6rgetni.<\/p>\n K\u00f6nny\u0171 azonban elker\u00fclni, hogy f\u00e9lrevezesd a l\u00e1togat\u00f3t. Egyszer\u0171en gondoskodnod kell olyan vizu\u00e1lis jelekr\u0151l, melyek mutatj\u00e1k, hogy van m\u00e9g tartalom tov\u00e1bb is<\/strong>. Ha p\u00e9ld\u00e1ul r\u00e1csszerkezetet vagy k\u00e1rty\u00e1kat haszn\u00e1lsz a tartalmad megjelen\u00edt\u00e9s\u00e9n\u00e9l, akkor mindig c\u00e9lszer\u0171, ha a hajt\u00e1s keresztbe v\u00e1g n\u00e9h\u00e1ny k\u00e1rty\u00e1t. Ez egy\u00e9rtelm\u0171en jelzi a felhaszn\u00e1l\u00f3nak, hogy tov\u00e1bbi tartalmakat tal\u00e1l lejjebb.<\/p>\n Egy m\u00e1sik lehet\u0151s\u00e9g, ha k\u00f6zvetlen\u00fcl megk\u00e9red a felhaszn\u00e1l\u00f3t arra, hogy g\u00f6rgessen tov\u00e1bb<\/strong>. N\u00e9ha el\u00e9g egy ny\u00edl is az oldal alj\u00e1ra, mely lefel\u00e9 mutat. Ez arr\u00f3l inform\u00e1lja az embereket, hogy a t\u00f6bbi tartalom lejjebb tal\u00e1lhat\u00f3.<\/p>\n Sokszor a navig\u00e1ci\u00f3n m\u00falik a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny a weboldalon. Ha a navig\u00e1ci\u00f3 j\u00f3l m\u0171k\u00f6dik, akkor az emberek k\u00f6nnyen megtal\u00e1lnak mindent, \u00e9s gyorsan meg tudj\u00e1k hat\u00e1rozni, hogy \u00e9ppen hol j\u00e1rnak.<\/p>\n A hossz\u00fa g\u00f6rget\u00e9s els\u0151sorban az\u00e9rt okoz gondot a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra, mert ha a hajt\u00e1s al\u00e1 ker\u00fclnek, akkor a weboldal tetej\u00e9n l\u00e9v\u0151 navig\u00e1ci\u00f3s men\u00fc elt\u0171nik a szem\u00fck el\u0151l. Ahhoz, hogy a weboldal egy m\u00e1sik r\u00e9sz\u00e9re eljussanak az adott oldalr\u00f3l, vissza kell g\u00f6rgetni\u00fck a weboldal legtetej\u00e9re, hogy kattinthassanak a men\u00fcben megjelen\u0151 linkekre.<\/p>\n A megold\u00e1s egyszer\u0171: a ragad\u00f3s navig\u00e1ci\u00f3s men\u00fc, mely \u00e1ltal a navig\u00e1ci\u00f3s s\u00e1v a weboldal minden pontj\u00e1n l\u00e1that\u00f3 marad. Ez\u00e1ltal pedig k\u00f6nnyen \u00e1t tudnak jutni a weboldal m\u00e1sik r\u00e9sz\u00e9re az emberek. Mi is ilyet haszn\u00e1lunk a webshark.hu oldalon<\/a>.<\/p>\n Enn\u00e9l szofisztik\u00e1ltabb megold\u00e1s – hiszen nagyobb r\u00e9sz marad l\u00e1that\u00f3 a weboldalb\u00f3l -, ha a g\u00f6rget\u00e9s ir\u00e1ny\u00e1t\u00f3l f\u00fcgg\u0151en t\u0171nik fel vagy t\u0171nik el a navig\u00e1ci\u00f3s men\u00fc. Vagyis, ha a felhaszn\u00e1l\u00f3 lefel\u00e9 g\u00f6rget, akkor elt\u0171nik a szeme el\u0151l a navig\u00e1ci\u00f3s s\u00e1v, \u00e9s csak akkor jelenik meg ism\u00e9t, ha elkezd felfel\u00e9 g\u00f6rgetni. Ez k\u00fcl\u00f6n\u00f6sen j\u00f3l m\u0171k\u00f6dik mobileszk\u00f6z\u00f6k eset\u00e9ben, hiszen itt a kis kijelz\u0151 miatt t\u00e9nyleg t\u00fal nagy r\u00e9szt takarna ki a tartalomb\u00f3l a navig\u00e1ci\u00f3.<\/p>\n A m\u00e1sik probl\u00e9ma a hossz\u00fa g\u00f6rget\u00e9ssel, hogy a felhaszn\u00e1l\u00f3 k\u00f6nnyen elt\u00e9ved. Neh\u00e9z neki megtal\u00e1lni egy olyan dolgot, amit m\u00e1r l\u00e1tott kor\u00e1bban az oldalon. Komoly probl\u00e9ma, amikor a tartalom egyenl\u0151 s\u00faly\u00fa egys\u00e9gekre van bontva. Ilyenkor az ugr\u00e1s opci\u00f3 megjelen\u00edt\u00e9se jelenti a megold\u00e1st.<\/p>\n Az ugr\u00e1s opci\u00f3 olyan linkeket jelent, melyek egyb\u0151l a weboldal egy meghat\u00e1rozott r\u00e9sz\u00e9re viszik a l\u00e1togat\u00f3t. Ez majdnem ugyan\u00fagy m\u0171k\u00f6dik, mint egy tartalomjegyz\u00e9k<\/strong>, \u00e9s bizonyos megold\u00e1sok eset\u00e9n folyamatosan l\u00e1that\u00f3 lehet, ak\u00e1r egy ragad\u00f3s men\u00fc.<\/p>\n Amikor a felhaszn\u00e1l\u00f3k egy linkre kattintva eljutnak egy tartalomhoz, majd a vissza gombra kattintanak, akkor az el\u0151z\u0151 oldal azon pontj\u00e1ra szeretn\u00e9nek visszajutni, ahol kor\u00e1bban tart\u00f3zkodtak. Akkor van gond, amikor a vissza gomb megnyom\u00e1s\u00e1val az oldal tetej\u00e9re vagy egy eg\u00e9sz m\u00e1s poz\u00edci\u00f3ba ker\u00fcl a felhaszn\u00e1l\u00f3. Ezzel arra k\u00e9nyszer\u00edted, hogy sok-sok g\u00f6rget\u00e9ssel jusson el oda, ahol kor\u00e1bban meg\u00e1llt, \u00e9s a linkre kattintott. Tal\u00e1n nem meglep\u0151, hogy ezt nem igaz\u00e1n szeretik az emberek.<\/p>\n Mint tudjuk, a felhaszn\u00e1l\u00f3k figyelme a weben 8 m\u00e1sodperc ut\u00e1n elkalandozik<\/a>. Ugyanakkor, ha vizu\u00e1lis \u00e9lm\u00e9nny\u00e9 v\u00e1lik a g\u00f6rget\u00e9s, akkor sokkal tov\u00e1bb kitart ez a figyelem. A megfelel\u0151en haszn\u00e1lt anim\u00e1ci\u00f3k seg\u00edtenek abban, hogy az emberek ne adj\u00e1k fel az \u00e9rdekl\u0151d\u00e9s\u00fcket g\u00f6rget\u00e9s k\u00f6zben.<\/p>\n \u00c9rdemes ennek \u00e9rdek\u00e9ben a weboldalt egys\u00e9gekre bontani. Minden egyes egys\u00e9gen bel\u00fcl a tartalom valamilyen anim\u00e1ci\u00f3 r\u00e9v\u00e9n jelenik meg. Ahogy a felhaszn\u00e1l\u00f3k g\u00f6rgetnek, az anim\u00e1ci\u00f3k \u00e1tvezetik \u0151ket a k\u00f6vetkez\u0151 egys\u00e9ghez, \u00e9s kialak\u00edtj\u00e1k azt a tartalmi \u00f6sv\u00e9nyt, amit k\u00f6vetni\u00fck kell. Ez egy nagyon hasznos megold\u00e1s arra, hogy a felhaszn\u00e1l\u00f3knak bemutathasd a tartalmi folyamot, mik\u00f6zben nem vesztik el az \u00e9rdekl\u0151d\u00e9s\u00fcket.<\/p>\n Amikor a weboldaladdal egy t\u00f6rt\u00e9netet akarsz elmes\u00e9lni, akkor a hossz\u00fa g\u00f6rget\u00e9s j\u00f3l kieg\u00e9sz\u00edthet\u0151 parallax effekttel, hiszen ez\u00e1ltal m\u00e9lyebb benyom\u00e1st alak\u00edthatsz ki a l\u00e1togat\u00f3ban. A parallax g\u00f6rget\u00e9s sor\u00e1n a h\u00e1tt\u00e9r lassabban mozog, mint az el\u0151t\u00e9rben l\u00e9v\u0151 k\u00e9pek. Ez\u00e1ltal egy 3D-hat\u00e1st alakul ki a g\u00f6rget\u00e9s sor\u00e1n. Ha nem haszn\u00e1lod t\u00fal sokszor \u00e9s er\u0151szakosan, akkor egy eg\u00e9szen kellemes m\u00e9lys\u00e9get k\u00f6lcs\u00f6n\u00f6z a weboldaladnak<\/strong>.<\/p>\n Parallax effektek haszn\u00e1lat\u00e1n\u00e1l mindig gondold azonban \u00e1t, hogy mennyi er\u0151forr\u00e1st k\u00edv\u00e1n a felhaszn\u00e1l\u00f3 eszk\u00f6z\u00e9t\u0151l<\/strong>, ugyanis terheli annak processzor\u00e1t \u00e9s a mem\u00f3ri\u00e1j\u00e1t. Ha t\u00f6bb oldalnyi fot\u00f3t, vide\u00f3t, gifet haszn\u00e1lsz a weboldaladon parallax megjelen\u00e9sn\u00e9l a weboldal \u00fajrat\u00f6lt\u00e9se n\u00e9lk\u00fcl, akkor azok rendk\u00edv\u00fcli m\u00f3don k\u00e9pesek megterhelni az eszk\u00f6z er\u0151forr\u00e1sait. \u00c9rdemes k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6k\u00f6n tesztelni a parallax oldalak m\u0171k\u00f6d\u00e9s\u00e9t, \u00e9s olyan tr\u00fckk\u00f6ket bevetni, mint az anim\u00e1ci\u00f3k \u00e9s a vide\u00f3k automatikus meg\u00e1ll\u00edt\u00e1sa, amikor elt\u0171nnek a felhaszn\u00e1l\u00f3 tekintete el\u0151l.<\/p>\n Amikor egy \u00faj tartalom t\u00f6lt\u0151dik be egy weboldalon, akkor a felhaszn\u00e1l\u00f3knak sz\u00fcks\u00e9g\u00fck van egy vil\u00e1gos jelz\u00e9sre ezzel kapcsolatban. Ilyenkor j\u00f3 megold\u00e1s, ha az oldal alj\u00e1n felt\u0171nik egy folyamatjelz\u0151<\/strong>, mely mutatja, hogy m\u00e1r t\u00f6lt\u0151dik a tov\u00e1bbi tartalom. Ilyet l\u00e1thatsz a k\u00fcl\u00f6nb\u00f6z\u0151 k\u00f6z\u00f6ss\u00e9gi oldalakn\u00e1l, p\u00e9ld\u00e1ul a Tumblrn\u00e9l.<\/p>\n A folyamatjelz\u0151nek el\u00e9g egy loopolt anim\u00e1ci\u00f3k\u00e9nt felt\u0171nnie, nem kell a val\u00f3s\u00e1got mutatnia, hiszen az \u00faj tartalmak bet\u00f6lt\u0151d\u00e9se ma m\u00e1r nem kifejezetten hossz\u00fa id\u0151, p\u00e1r m\u00e1sodperc alatt megt\u00f6rt\u00e9nik. Ez megfelel\u0151en jelzi az emberek sz\u00e1m\u00e1ra, hogy a rendszer dolgozik. Kieg\u00e9sz\u00edthet\u0151 ugyanakkor sz\u00f6veggel is ez a folyamatjelz\u0151, mely k\u00f6zli a felhaszn\u00e1l\u00f3val, hogy a tov\u00e1bbi tartalom bet\u00f6lt\u0151d\u00e9se folyamatban van, \u00edgy m\u00e9g egy\u00e9rtelm\u0171bb a helyzet.<\/p>\n Err\u0151l akkor van sz\u00f3, amikor a weboldalak \u00e1tveszik a felhaszn\u00e1l\u00f3kt\u00f3l a g\u00f6rget\u00e9s ir\u00e1ny\u00edt\u00e1s\u00e1t. Ez az\u00e9rt rossz megold\u00e1s, mert a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra elveszik az ir\u00e1ny\u00edt\u00e1s \u00e9rz\u00e9se<\/strong> a g\u00f6rget\u00e9s felett, \u00e9s nem tudja megj\u00f3solni a weboldal viselked\u00e9s\u00e9t. Az emberek a weboldalakon m\u00e1sfajta interakci\u00f3ra sz\u00e1m\u00edtanak a g\u00f6rget\u00e9s r\u00e9v\u00e9n, amit nem \u00e9rdemes t\u00f6nkretenni.<\/p>\n A hossz\u00fa g\u00f6rget\u00e9s felejthetetlen \u00e9lm\u00e9nyt ny\u00fajthat a l\u00e1togat\u00f3k sz\u00e1m\u00e1ra. Ha a felhaszn\u00e1l\u00f3knak tetszik a fel\u00fcleted \u00e9s intuit\u00edvnak tal\u00e1lj\u00e1k a haszn\u00e1lat\u00e1t, akkor nem fogj\u00e1k b\u00e1nni, hogy a tartalom megismer\u00e9s\u00e9hez sokat kell g\u00f6rgetni\u00fck.<\/p>\n De n\u00e9zz\u00fck, hogy melyek az egyoldalas design mellett sz\u00f3l\u00f3 \u00e9rvek, mik\u00f6zben persze nem hagyjuk ki azt sem, hogy milyen probl\u00e9m\u00e1k ad\u00f3dhatnak vele!<\/p>\n\n\nEgy tov\u00e1bbi vari\u00e1ci\u00f3: a v\u00e9gtelen g\u00f6rget\u00e9s\u0171 weboldal<\/h2>\n
T\u00e9vhitek a hossz\u00fa weboldalakr\u00f3l<\/h2>\n
Az emberek nem g\u00f6rgetnek?<\/h3>\n
Az emberek nem olvasnak?<\/h3>\n
El\u00e9g, ha r\u00f6vid?<\/h3>\n
Mikor haszn\u00e1lj hossz\u00fa vagy v\u00e9gtelen g\u00f6rget\u00e9s\u0171 weboldalt, \u00e9s mikor ker\u00fcld el \u0151ket?<\/h2>\n
Az egyoldalas \u00e9s\/vagy hossz\u00fa g\u00f6rget\u00e9s\u0171 webdesign el\u0151nyei<\/h3>\n
\n
Az egyoldalas webdesign h\u00e1tr\u00e1nyai<\/h3>\n
\n
Mire figyelj\u00fcnk egyoldalas designn\u00e1l?<\/h3>\n
Kinek javasolt egyoldalas, hossz\u00fa g\u00f6rget\u00e9s\u0171 weboldalra v\u00e1ltani?<\/h3>\n
\n
\n
Hogyan vedd r\u00e1 az embereket a g\u00f6rget\u00e9sre a weboldaladon?<\/h2>\n
Gondoskodj \u00e9rdekes tartalomr\u00f3l!<\/h3>\n
\n
Ne higgy\u00e9k azt, hogy a hajt\u00e1sn\u00e1l v\u00e9ge is az oldalnak!<\/h3>\n
Igaz\u00edtsd hozz\u00e1 a navig\u00e1ci\u00f3t a g\u00f6rget\u00e9shez!<\/h3>\n
Haszn\u00e1lj ragad\u00f3s navig\u00e1ci\u00f3t!<\/h4>\n
![\"Webshark-fooldal\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/03\/Webshark-fooldal.jpg\")
<\/p>\nAz ugr\u00e1s opci\u00f3 megjelen\u00edt\u00e9se<\/h4>\n
Gy\u0151z\u0151dj meg arr\u00f3l, hogy a vissza gombod j\u00f3l m\u0171k\u00f6dik!<\/h4>\n
Haszn\u00e1lj anim\u00e1ci\u00f3t a hossz\u00fa g\u00f6rget\u00e9s el\u0151seg\u00edt\u00e9s\u00e9re!<\/h3>\n
G\u00f6rget\u00e9s \u00e1ltal kiv\u00e1ltott anim\u00e1ci\u00f3k<\/h4>\n
Parallax effekt<\/h4>\n
Vizu\u00e1lis visszajelz\u00e9s \u00faj tartalmak bet\u00f6lt\u00e9s\u00e9n\u00e9l<\/h4>\n
![\"tumblr\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/03\/tumblr.jpg\")
<\/p>\nKer\u00fcld el a g\u00f6rget\u00e9s elt\u00e9r\u00edt\u00e9s\u00e9t!<\/h3>\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2021\/12\/webdesign.png\")
<\/a><\/figure>\n\r\n