fontos meg\u00e1llap\u00edt\u00e1sokat tartalmaz\u00f3 tanulm\u00e1ny\u00e1t<\/a>. Ebb\u0151l kider\u00fclt, hogy 13 \u00e9v alatt n\u00e9gy m\u00e1sodperccel cs\u00f6kkent az az id\u0151, am\u00edg k\u00e9pesek vagyunk egy dologra koncentr\u00e1lni. 2013-ban az ember koncentr\u00e1l\u00f3k\u00e9pess\u00e9ge egy m\u00e1sodperccel kevesebb volt, mint egy aranyhal\u00e9. Ez pedig minden designernek \u00e9s UX-szakembernek figyelembe kell vennie, amikor weboldalakat tervez.<\/p>\n\n\n\nA ma sikeress\u00e9 v\u00e1l\u00f3 weboldalak \u00e9s applik\u00e1ci\u00f3k a legrelev\u00e1nsabb inform\u00e1ci\u00f3k felsorol\u00e1s\u00e1n\u00e1l t\u00f6bbet k\u00edn\u00e1lnak. Felkeltik a felhaszn\u00e1l\u00f3k figyelm\u00e9t az els\u0151 pillanatokban, odavezetik a tekintet\u00fcket a legfontosabb tartalmakra, valamint r\u00e1veszik \u0151ket a konverzi\u00f3kra.<\/p>\n\n\n\n
Mi az az id\u0151-megtakar\u00edt\u00f3 design?<\/h4>\n\n\n\n Az egyik leggyakoribb designst\u00edlus, melyet az id\u0151-megtakar\u00edt\u00f3 designn\u00e1l haszn\u00e1lhatunk, a liner\u00e1ris fel\u00e9p\u00edt\u00e9s. Az ilyen weboldalak logikusan, gyakran kronologikusan egy line\u00e1ris strukt\u00far\u00e1t k\u00f6vetve \u00e9p\u00fclnek fel. Ahelyett, hogy az egyes oldalak linkjei egy leg\u00f6rd\u00fcl\u0151 men\u00fcben jelenn\u00e9nek meg, ezekn\u00e9l az oldalakn\u00e1l csak a legfontosabb inform\u00e1ci\u00f3k \u00e9rhet\u0151k el a f\u0151oldalon, m\u00edg a tov\u00e1bbi oldalakra az \u00fcgyf\u00e9l\u00fat sor\u00e1n jut el a felhaszn\u00e1l\u00f3<\/strong>.<\/p>\n\n\n\nMinden olyan digit\u00e1lis eszk\u00f6z, mely jav\u00edtja a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt \u00e9s n\u00f6veli a l\u00e1togat\u00f3i el\u00e9gedetts\u00e9get az id\u0151-megtakar\u00edt\u00f3 design r\u00e9sze lehet. A k\u00f6zelj\u00f6v\u0151ben a mesters\u00e9ges intelligencia \u00e9s a g\u00e9pi tanul\u00e1s fejl\u0151d\u00e9s\u00e9vel a designerek egyre hat\u00e9konyabb weboldalakat tudnak k\u00e9sz\u00edteni. A technol\u00f3gia-vez\u00e9relt, id\u0151-megtakar\u00edt\u00f3 designelk\u00e9pzel\u00e9sek nem mer\u00fclnek ki a felhaszn\u00e1l\u00f3i navig\u00e1ci\u00f3 \u00e1ramvonalas\u00edt\u00e1s\u00e1ban, hanem pr\u00f3b\u00e1lj\u00e1k el\u0151re megj\u00f3solni a felhaszn\u00e1l\u00f3 sz\u00fcks\u00e9gleteket a relev\u00e1ns tartalom megjelen\u00edt\u00e9se \u00e9rdek\u00e9ben.<\/p>\n\n\n\n
A mobilon \u00e9s desktopon is alkalmazhat\u00f3 id\u0151-megtakar\u00edt\u00f3 designba teh\u00e1t minden olyan innov\u00e1ci\u00f3 belef\u00e9r, melynek r\u00e9v\u00e9n cs\u00f6kken a weboldalon elt\u00f6lt\u00f6tt id\u0151, mik\u00f6zben persze javul a konverzi\u00f3s ar\u00e1ny. \u00c9s, hogy n\u00e9h\u00e1ny p\u00e9ld\u00e1t is eml\u00edts\u00fcnk r\u00e1, ne csak a s\u00f6t\u00e9tben tapogat\u00f3zzunk: ilyen az Uber, a Virgin America vagy \u00e9ppen az Airbnb weboldala.<\/p>\n\n\n\n
Az Airbnb weboldala<\/figcaption><\/figure><\/div>\n\n\n\nMilyen webdesign elemekkel takar\u00edthatsz meg id\u0151t a felhaszn\u00e1l\u00f3nak?<\/h4>\n\n\n\n Egy-egy weboldalelem m\u00e9g nem elegend\u0151 ahhoz, hogy \u00e1ltala id\u0151-megtakar\u00edt\u00f3 designt k\u00e9sz\u00edts. Csak az alaposan megtervezett \u00e9s \u00f6ssze\u00e1ll\u00edtott elemek csoportja k\u00e9pes olyan felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt l\u00e9trehozni, mely cs\u00f6kkenti az ahhoz sz\u00fcks\u00e9ges id\u0151t, hogy a l\u00e1togat\u00f3 reag\u00e1ljon egy CTA-ra.<\/p>\n\n\n\n
A gyakori id\u0151-megtakar\u00edt\u00f3 elemek, melyeket a webdesignerek haszn\u00e1lnak:<\/p>\n\n\n\n
Minimalizmus ihlette navig\u00e1ci\u00f3<\/h4>\n\n\n\n Az id\u0151-megtakar\u00edt\u00f3 designn\u00e1l a felhaszn\u00e1l\u00f3nak lehet\u0151leg min\u00e9l kevesebb l\u00e9p\u00e9st kell megtennie a kattint\u00e1st\u00f3l egy cselekv\u00e9sig. A vil\u00e1gos, figyelemfelkelt\u0151 gombok, linkek, \u0171rlapok \u00e9s men\u00fck mind a felhaszn\u00e1l\u00f3nak sp\u00f3rolnak id\u0151t, amikor meg\u00e9rkezik a weboldalra.<\/p>\n\n\n\n
Vizu\u00e1lisan gazdag tartalom<\/h4>\n\n\n\n A cselekv\u00e9st kiv\u00e1lt\u00f3 \u00fczeneteket p\u00e1ros\u00edtani kell fot\u00f3kkal, grafik\u00e1kkal \u00e9s m\u00e1s vizu\u00e1lis elemekkel, hogy megfogj\u00e1k a felhaszn\u00e1l\u00f3k tekintet\u00e9t, megt\u00f6rj\u00e9k a tartalmat, \u00e9s persze el\u0151seg\u00edts\u00e9k a cselekv\u00e9st. Az emberi agy sokkal gyorsabban feldolgozza a vizu\u00e1lis jeleket, mint a sz\u00f6veget, vagyis egy vizu\u00e1lisan gazdag tartalom sokkal figyelemfelkelt\u0151bb \u00e9s megjegyezhet\u0151bb.<\/p>\n\n\n\n
Line\u00e1ris el\u0151rehalad\u00e1s<\/h4>\n\n\n\n B\u00e1rmilyen weboldalnak vagy applik\u00e1ci\u00f3nak, mely b\u00e1tor\u00edtani akarja egy bizonyos viselked\u00e9sre a felhaszn\u00e1l\u00f3t, \u00e9rdemes a line\u00e1ris designt haszn\u00e1lnia. Ez\u00e1ltal k\u00f6nnyebben el\u00e9rhet\u0151, hogy a l\u00e1togat\u00f3 bizonyos cselekv\u00e9st v\u00e9grehajtson. Amellett, hogy mondjuk az \u201colvass tov\u00e1bb\u201d call to actiont haszn\u00e1lod az emberek tov\u00e1bbir\u00e1ny\u00edt\u00e1s\u00e1ra, a tartalmat \u00e9rdemes t\u00f6rt\u00e9nett\u00e9 alak\u00edtani vagy line\u00e1risan fel\u00e9p\u00edteni. Ahogy haladnak az \u00fcgyf\u00e9l\u00faton a felhaszn\u00e1l\u00f3k, \u00fagy kell sz\u00e1mukra minden l\u00e9p\u00e9sn\u00e9l \u00faj lehet\u0151s\u00e9get k\u00edn\u00e1lni a tov\u00e1bbi inform\u00e1ci\u00f3szerz\u00e9sre vagy cselekv\u00e9sre.<\/p>\n\n\n\n
Automatiz\u00e1lt javaslatok<\/h4>\n\n\n\n A felhaszn\u00e1l\u00f3i cselekv\u00e9sen alapul\u00f3 szem\u00e9lyre szabott javaslatok n\u00f6velik a val\u00f3sz\u00edn\u0171s\u00e9g\u00e9t annak, hogy egy \u00fcgyf\u00e9l megtegyen egy elv\u00e1rt cselekv\u00e9st a weboldal megl\u00e1togat\u00e1sa sor\u00e1n. Ez olyan, mint amikor egy web\u00e1ruh\u00e1z tov\u00e1bbi term\u00e9keket aj\u00e1nl egy term\u00e9k megtekint\u00e9sekor.<\/p>\n\n\n\n
Ez a p\u00e1r megold\u00e1s mind\u00f6ssze n\u00e9h\u00e1ny lehet\u0151s\u00e9g arra, hogy id\u0151t sp\u00f3rolj a felhaszn\u00e1l\u00f3id sz\u00e1m\u00e1ra. Haszn\u00e1ld k\u00f6z\u00fcl\u00fck azokat, melyet a weboldal c\u00e9lk\u00f6z\u00f6ns\u00e9ge hasznosnak tal\u00e1lhat, \u00e9s az \u00e1tlagos felhaszn\u00e1l\u00f3 gondolkod\u00e1s\u00e1b\u00f3l indulj ki, amikor ezeket elrendezed! Hiszen minden weboldal sz\u00e1nd\u00e9ka \u00e9s k\u00f6z\u00f6ns\u00e9ge m\u00e1s, \u00edgy eg\u00e9szen elt\u00e9r\u0151 megk\u00f6zel\u00edt\u00e9st ig\u00e9nyelhet.<\/p>\n\n\n\n
Automatiz\u00e1lt javaslatok<\/figcaption><\/figure><\/div>\n\n\n\nHogyan juss el az id\u0151-megtakar\u00edt\u00f3 designig?<\/h4>\n\n\n\n El\u0151sz\u00f6r is pr\u00f3b\u00e1ld meg\u00e9rteni a c\u00e9lk\u00f6z\u00f6ns\u00e9ged \u00fatvonal\u00e1t<\/strong>. Ehhez sz\u00fcks\u00e9g lesz kvalitat\u00edv \u00e9s kvantitat\u00edv vizsg\u00e1latokra is, hogy tiszt\u00e1n l\u00e1sd az \u00e1tlagos felhaszn\u00e1l\u00f3d viselked\u00e9s\u00e9t, \u00e9s hogy mi motiv\u00e1lja \u0151ket egy online \u00e9lm\u00e9ny sor\u00e1n. Az \u00fcgyf\u00e9l\u00fat meg\u00e9rt\u00e9se r\u00e9v\u00e9n a designerek meghat\u00e1rozhatj\u00e1k azokat a kulcsfontoss\u00e1g\u00fa \u00e9rintkez\u00e9s pontokat, melyek eredm\u00e9nyess\u00e9 teszik a folyamatot.<\/p>\n\n\n\nGyakori tesztel\u00e9s<\/strong>. Minden digit\u00e1lis \u00e9lm\u00e9ny kialak\u00edt\u00e1sa sor\u00e1n lesznek z\u00f6kken\u0151k, miel\u0151tt siker\u00fcl kimaxolni az id\u0151-megtakar\u00edt\u00f3 designt. Haszn\u00e1lj A\/B teszteket \u00e9s m\u00e1s haszn\u00e1lhat\u00f3s\u00e1gi teszteket annak \u00e9rdek\u00e9ben, hogy meg\u00e9rtsd, mi az, ami m\u0171k\u00f6dik \u00e9s mi az, ami nem.<\/p>\n\n\n\nVerseng\u0151 intelligencia<\/strong>. Figyeld meg, hogy a konkurencia mik\u00e9nt alkalmazza az id\u0151-megtakar\u00edt\u00f3 elemeket, \u00e9s ehhez mit sz\u00f3lnak a felhaszn\u00e1l\u00f3k. Tanulj m\u00e1s hib\u00e1ib\u00f3l \u00e9s sikereib\u0151l!<\/p>\n\n\n\nMaradj k\u00f6vetkezetes!<\/strong> Egy c\u00e9g d\u00f6nthet \u00fagy, hogy teljes eg\u00e9sz\u00e9ben \u00fajratervezi l\u00e9tez\u0151 weboldal\u00e1t vagy alkalmaz\u00e1s\u00e1t id\u0151-megtakar\u00edt\u00f3 designt alkalmazva. Azt ilyenkor nem szabad figyelmen k\u00edv\u00fcl hagyni, hogy az \u00faj weboldalnak van egy tanul\u00e1si g\u00f6rb\u00e9je, m\u00e9g akkor is, ha az \u00faj design intuit\u00edvabban haszn\u00e1lhat\u00f3, mint az el\u0151z\u0151.<\/p>\n\n\n\nA Te c\u00e9gednek j\u00f3 az id\u0151-megtakar\u00edt\u00f3 design?<\/h4>\n\n\n\n Hab\u00e1r nem minden c\u00e9g sz\u00e1m\u00e1ra megval\u00f3s\u00edthat\u00f3, hogy egy olyan weboldalt hozzon l\u00e9tre, mint a kor\u00e1bban eml\u00edtettek\u00e9, azonban mindenki haszn\u00e1lhat n\u00e9h\u00e1nyat az id\u0151-megtakar\u00edt\u00f3 megold\u00e1sok k\u00f6z\u00fcl. A felhaszn\u00e1l\u00f3k ugyanis a relev\u00e1ns inform\u00e1ci\u00f3kra k\u00edv\u00e1ncsiak, ezeket szeretn\u00e9k megkapni gyorsan \u00e9s k\u00f6nnyen em\u00e9szthet\u0151 form\u00e1ban, legyen sz\u00f3 b\u00e1rmilyen ter\u00fcleten m\u0171k\u00f6d\u0151 c\u00e9gr\u0151l.<\/p>\n\n\n\n
\u00c1rlist\u00e1k, kivonatok, infografik\u00e1k \u00e9s t\u00f6m\u00f6r\u00edtett tartalom megfelel\u0151en kombin\u00e1lva olyan linkekkel, melyek hossz\u00fa sz\u00f6vegekre mutatnak, id\u0151t takar\u00edtanak meg az embereknek an\u00e9lk\u00fcl, hogy \u00e1tfog\u00f3 tartalom h\u00edj\u00e1n \u00fcress\u00e9 v\u00e1ljanak.<\/p>\n\n\n\n
Hogyan engedd el a felhaszn\u00e1l\u00f3id?<\/h2>\n\n\n\n Mik\u00f6zben azzal sokat foglalkozunk, hogy mit tegy\u00fcnk, amikor valaki haszn\u00e1lni kezdi valamely szolg\u00e1ltat\u00e1sunkat, arr\u00f3l j\u00f3val kevesebb sz\u00f3 esik, hogy mi a teend\u0151, amikor t\u00e1vozna. Pedig egy kapcsolat lez\u00e1r\u00e1sa legal\u00e1bb olyan fontos, mint a kezdete.<\/p>\n\n\n\n
N\u00e9ha el\u0151fordul, hogy az emberek nem akarnak haszn\u00e1lni egy term\u00e9ket, ami egy teljesen term\u00e9szetes dolog. Erre k\u00fcl\u00f6nb\u00f6z\u0151 okaik lehetnek: egy m\u00e1sik term\u00e9k, rossz \u00e9lm\u00e9ny vagy az \u00e9rdekl\u0151d\u00e9s hi\u00e1nya. Ez egy neh\u00e9z helyzet a c\u00e9gek sz\u00e1m\u00e1ra, de ennek ellen\u00e9re rendszeresen megt\u00f6rt\u00e9nik.<\/p>\n\n\n\n
Sokan azt hiszik, hogy j\u00f3 a c\u00e9gnek, ha minden \u00e1ron megtartja a felhaszn\u00e1l\u00f3it. Ennek \u00e9rdek\u00e9ben sokan m\u00e9g ak\u00e1r b\u0171ntudatot is keltenek az emberekben, amikor azok t\u00e1vozni akarnak. Pedig, ha egy felhaszn\u00e1l\u00f3 \u00fagy d\u00f6nt, hogy lel\u00e9p, akkor mindenk\u00e9ppen megtal\u00e1lja a m\u00f3dj\u00e1t ennek. Ugyanakkor, ha rossz sz\u00e1j\u00edzzel hagyja ott a szolg\u00e1ltat\u00e1st, az rontja a c\u00e9g h\u00edrnev\u00e9t \u00e9s lenull\u00e1zza a bizalmat ir\u00e1ny\u00e1ba.<\/p>\n\n\n\n
Ezzel szemben egy kellemes t\u00e1voz\u00e1s, ak\u00e1r m\u00e9g pozit\u00edv benyom\u00e1st is eredm\u00e9nyezhet, \u00edgy a felhaszn\u00e1l\u00f3k j\u00f3val nagyobb es\u00e9llyel t\u00e9rnek vissza k\u00e9s\u0151bb, \u00e9s haszn\u00e1lj\u00e1k \u00fajra a term\u00e9ked, vagy ak\u00e1r aj\u00e1nlj\u00e1k m\u00e1soknak.<\/p>\n\n\n\n
Milyen t\u00edpusai vannak a t\u00e1voz\u00e1snak?<\/h4>\n\n\n\n Felf\u00fcggesztett vagy deaktiv\u00e1lt fi\u00f3k<\/strong>: ez azt jelenti, hogy a felhaszn\u00e1l\u00f3 a tov\u00e1bbiakban m\u00e1r nem akarja haszn\u00e1lni a szolg\u00e1ltat\u00e1sod, vagy elegend\u0151nek tartja, hogy csak kevesebb funkci\u00f3hoz f\u00e9rjen hozz\u00e1, \u00edgy egy ingyenes fi\u00f3k is megteszi sz\u00e1m\u00e1ra.<\/p>\n\n\n\nAz el\u0151fizet\u00e9s ideiglenes t\u00f6rl\u00e9se<\/strong>: amit az\u00e9rt kedvelnek jobban a c\u00e9gek, mivel nem akarj\u00e1k \u00f6r\u00f6kre elvesz\u00edteni a felhaszn\u00e1l\u00f3ikat. Ilyenkor az emberek csak egy id\u0151re t\u00e1voznak, vagyis lehet\u0151v\u00e9 kell tenni sz\u00e1mukra, hogy b\u00e1rmikor vissza\u00e1ll\u00edts\u00e1k a tags\u00e1gukat, amivel egy\u00fctt visszakapj\u00e1k a kor\u00e1bbi be\u00e1ll\u00edt\u00e1saikat is.<\/p>\n\n\n\nA fi\u00f3k t\u00f6rl\u00e9se<\/strong> a harmadik lehet\u0151s\u00e9g, amikor az emberek a teljes fi\u00f3kjukat meg akarj\u00e1k sz\u00fcntetni v\u00e9g\u00e9rv\u00e9nyesen. Ez azt jelenti, hogy nem akarnak visszat\u00e9rni a j\u00f6v\u0151ben, \u00e9s szeretn\u00e9k t\u00f6r\u00f6lni valamennyi adatukat.<\/p>\n\n\n\nN\u00e9ha a k\u00e9t m\u00f3dszert kombin\u00e1lj\u00e1k<\/strong>: vagyis deaktiv\u00e1lj\u00e1k a fi\u00f3kot ugyanakkor v\u00e9g\u00e9rv\u00e9nyesen t\u00f6rlik is azt. P\u00e9ld\u00e1ul a Twitter eset\u00e9ben els\u0151 k\u00f6rben 30 napra deaktiv\u00e1l\u00e1sra ker\u00fcl a fi\u00f3k (ilyenkor m\u00e9g vissza tudod \u00e1ll\u00edtani), ut\u00e1na viszont v\u00e9glegesen t\u00f6rl\u00e9sre ker\u00fcl.<\/p>\n\n\n\nMire figyelj?<\/h4>\n\n\n\nEgy\u00fctt\u00e9rz\u00e9ssel k\u00f6zel\u00edts!<\/h5>\n\n\n\n Az egy\u00fctt\u00e9rz\u00e9s seg\u00edt a t\u00e1voz\u00e1s folyamat\u00e1nak megtervez\u00e9s\u00e9ben. A felhaszn\u00e1l\u00f3i t\u00f6rt\u00e9netek \u00e9s a v\u00e1s\u00e1rl\u00f3i \u00fat felt\u00e9rk\u00e9pez\u00e9se r\u00e9v\u00e9n jav\u00edthatsz a folyamaton, \u00e9s megtal\u00e1lhatod a legjobb megold\u00e1st.<\/p>\n\n\n\n
Ne takargasd a t\u00f6rl\u00e9s lehet\u0151s\u00e9g\u00e9t!<\/h5>\n\n\n\n Cs\u00e1b\u00edt\u00f3 lehet az a megold\u00e1s, hogy a leiratkoz\u00e1s lehet\u0151s\u00e9g\u00e9t elrejtsd a felhaszn\u00e1l\u00f3k el\u0151l, vagy legal\u00e1bbis kev\u00e9ss\u00e9 l\u00e1that\u00f3 helyre tedd. De ne feledkezz meg arr\u00f3l, hogy ennek mi lesz az \u00e1ra: rossz h\u00edrn\u00e9v, alacsony lojalit\u00e1s \u00e9s bizalmatlans\u00e1g a c\u00e9ged ir\u00e1nt. Mutasd meg a felhaszn\u00e1l\u00f3knak, hogy tiszteled \u0151ket, \u00e9s add meg nekik a lehet\u0151s\u00e9get, hogy azt tegy\u00e9k a fi\u00f3kjukkal, amit akarnak!<\/p>\n\n\n\n
Mutasd meg az el\u0151nyeit a tags\u00e1gnak!<\/h5>\n\n\n\n Sz\u00e1mtalan oka lehet, ami\u00e9rt a felhaszn\u00e1l\u00f3id t\u00e1voznak. Arra azonban felh\u00edvhatod a figyelm\u00fcket, hogy mi\u00e9rt \u00e9rdemes tov\u00e1bbra is veled maradniuk. Mutasd meg nekik, hogy mit vesz\u00edtenek.<\/p>\n\n\n\n
El\u0151zd meg a meggondolatlan fi\u00f3k-t\u00f6rl\u00e9st!<\/h5>\n\n\n\n Jelezd az embereknek, hogy egy fi\u00f3k t\u00f6rl\u00e9se visszaford\u00edthatatlan folyamat. K\u00e9rj t\u0151l\u00fck meger\u0151s\u00edt\u00e9st a l\u00e9p\u00e9s megt\u00e9telekor! Ezzel megel\u0151zhetsz egy \u00e1tgondolatlan, hirtelen d\u00f6nt\u00e9st. P\u00e9ld\u00e1ul k\u00e9rheted t\u0151l\u00fck a jelszavukat meger\u0151s\u00edt\u00e9sk\u00e9nt.<\/p>\n\n\n\n
K\u00e9rj visszajelz\u00e9st!<\/h5>\n\n\n\n A kisz\u00e1ll\u00e1s egy j\u00f3 alkalom a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny jav\u00edt\u00e1s\u00e1ra. K\u00e9rd meg a t\u00e1voz\u00f3kat egy r\u00f6vid k\u00e9rd\u0151\u00edv kit\u00f6lt\u00e9s\u00e9re. Egyben adj nekik lehet\u0151s\u00e9get arra, hogy elmondj\u00e1k, mi\u00e9rt t\u00e1voznak, \u00e9s hogyan jav\u00edtan\u00e1nak a helyzeten.<\/p>\n\n\n\n
Biztos\u00edts v\u00e1laszt\u00e1st t\u00f6rl\u00e9s \u00e9s felf\u00fcggeszt\u00e9s k\u00f6z\u00f6tt!<\/h5>\n\n\n\n Aj\u00e1nld fel a felhaszn\u00e1l\u00f3idnak azt a lehet\u0151s\u00e9get is a t\u00f6rl\u00e9s mellett, hogy csak felf\u00fcggessz\u00e9k a szolg\u00e1ltat\u00e1sod haszn\u00e1lat\u00e1t. Ut\u00f3bbin\u00e1l ugyanis megmaradnak a felhaszn\u00e1l\u00f3i adatok, \u00e9s nagyobb az es\u00e9ly arra, hogy visszat\u00e9rnek a j\u00f6v\u0151ben.<\/p>\n\n\n\n
Z\u00e1rj egy pozit\u00edv \u00fczenettel!<\/h5>\n\n\n\n Legy\u00e9l kedves a felhaszn\u00e1l\u00f3kkal. K\u00f6sz\u00f6nd meg nekik, hogy veled tartottak, \u00e9s jelezd fel\u00e9j\u00fck, hogy Te a tov\u00e1bbiakban is k\u00e9szen \u00e1llsz az egy\u00fcttm\u0171k\u00f6d\u00e9sre.<\/p>\n\n\n\n
\u00d6sszess\u00e9g\u00e9ben teh\u00e1t elmondhat\u00f3, hogy nem csak az fontos, mik\u00e9nt kezeled az \u00faj felhaszn\u00e1l\u00f3idat, hanem az is, ahogy elk\u00f6sz\u00f6nsz t\u0151l\u00fck. A kil\u00e9p\u00e9si folyamat egy j\u00f3 lehet\u0151s\u00e9g a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny jav\u00edt\u00e1s\u00e1ra, mely csak er\u0151s\u00edti a m\u00e1rk\u00e1d h\u00edrnev\u00e9t.<\/p>\n\n\n\n
Friss\u00edt\u00e9s, 2021.07.29.:<\/em><\/p>\n\n\n\nMire figyelj, ha t\u00f6bb gener\u00e1ci\u00f3t c\u00e9lzol meg a weboldaladdal?<\/h2>\n\n\n\n A legt\u00f6bb weboldaltulajdonos sz\u00e1m\u00e1ra vil\u00e1gos, hogy weboldala l\u00e9trehoz\u00e1sakor c\u00e9lk\u00f6z\u00f6ns\u00e9g\u00e9nek ig\u00e9nyeit kell figyelembe venni. De mi van akkor, ha sz\u00e9les a c\u00e9lk\u00f6z\u00f6ns\u00e9g, \u00e9s t\u00f6bb gener\u00e1ci\u00f3 is beletartozik?<\/p>\n\n\n\n
A\n k\u00e9rd\u00e9s az\u00e9rt mer\u00fclhet fel, mert a k\u00fcl\u00f6nb\u00f6z\u0151 gener\u00e1ci\u00f3k elt\u00e9r\u0151en \nhaszn\u00e1lj\u00e1k a webet, m\u00e1s a tud\u00e1suk r\u00f3la, elt\u00e9r\u0151ek az adotts\u00e1gaik, \nlehet\u0151s\u00e9geik. Ezeket a k\u00fcl\u00f6nbs\u00e9geket pedig nem lehet figyelmen k\u00edv\u00fcl \nhagyni a webdesignn\u00e1l: meghat\u00e1rozza a weboldal fel\u00e9p\u00edt\u00e9s\u00e9t, \nhozz\u00e1f\u00e9rhet\u0151s\u00e9g\u00e9t, nyelvezet\u00e9t, sz\u00edneit, m\u00e9reteket, stb. <\/p>\n\n\n\n
Ha m\u00e9g nem igaz\u00e1n vagy tiszt\u00e1ban ezekkel a k\u00fcl\u00f6nbs\u00e9gekkel, akkor mostant\u00f3l mindenk\u00e9ppen \u00e9rdemes lenne figyelned r\u00e1juk. Hiszen min\u00e9l sz\u00e9lesebb a c\u00e9lk\u00f6z\u00f6ns\u00e9ged, \u00e9s ezt min\u00e9l ink\u00e1bb tekintetbe veszed a weboldal kialak\u00edt\u00e1s\u00e1n\u00e1l, ann\u00e1l hat\u00e9konyabb lesz a weboldalad. <\/p>\n\n\n\n
De milyen t\u00e9nyez\u0151kre kell kiemelten figyelni? <\/p>\n\n\n\n
Ker\u00fcld el a t\u00fal kicsi bet\u0171m\u00e9reteket! <\/h4>\n\n\n\n Amikor\n a k\u00fcl\u00f6nb\u00f6z\u0151 koroszt\u00e1lyoknak sz\u00e1nt webdesignr\u00f3l van sz\u00f3, akkor tal\u00e1n a \nlegfontosabb a bet\u0171t\u00edpus \u00e9s m\u00e9ret k\u00e9rd\u00e9se. A j\u00f3 h\u00edr azonban az, hogy ha \naz id\u0151sek \u00e9s a legfiatalabbak sz\u00e1m\u00e1ra j\u00f3l olvashat\u00f3 bet\u0171ket haszn\u00e1lsz a \nweboldaladon, az teljes m\u00e9rt\u00e9kben megfelel minden koroszt\u00e1ly sz\u00e1m\u00e1ra, \nmert nem megy szembe az \u00e1ltal\u00e1nosan elfogadott webdesign elvekkel. <\/p>\n\n\n\n
Hab\u00e1r a bet\u0171t\u00edpusok haszn\u00e1lat\u00e1r\u00f3l sz\u00f3l\u00f3 bejegyz\u00e9s\u00fcnkben<\/a> m\u00e1r elmondtuk, hogy a t\u00fals\u00e1gosan kis bet\u0171m\u00e9ret semmilyen felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra nem el\u0151ny\u00f6s a weben, \u00e9s hogy a bet\u0171m\u00e9retek egyre csak n\u0151nek, fel kell h\u00edvni a figyelmet itt is arra, hogy az id\u0151sebb vagy \u00e9ppen a legfiatalabb koroszt\u00e1ly sz\u00e1m\u00e1ra gondot okoz, ha kism\u00e9ret\u0171 bet\u0171ket haszn\u00e1lunk az oldalon. <\/p>\n\n\n\nA\n l\u00e9nyeg itt az, hogy a hierarchia alj\u00e1n szerepl\u0151 sz\u00f6vegt\u00f6rzs bet\u0171m\u00e9rete \nsemmik\u00e9ppen ne legyen kisebb 16px-esn\u00e9l. De haszn\u00e1lhatsz nyugodtan 18-as\n m\u00e9ret\u0171 bet\u0171t is, s\u0151t a nagyon fiatalok, azaz a kisgyerekek eset\u00e9ben m\u00e9g\n feljebb mehetsz. Az olvashat\u00f3s\u00e1got persze nem csak a m\u00e9ret, hanem a \nbet\u0171t\u00edpus \u00e9s a sz\u00ednek is meghat\u00e1rozz\u00e1k, \u00edgy ezekre is oda kell figyelni. <\/p>\n\n\n\n
Gombnak kin\u00e9z\u0151 gombok <\/h4>\n\n\n\n Hab\u00e1r\n minden webdesign eset\u00e9ben hat\u00e9konyabbak azok a gombok, melyek gombnak \nn\u00e9znek ki, ez k\u00fcl\u00f6n\u00f6sen fontos az id\u0151sebbek eset\u00e9ben. Lehet, hogy a \nt\u00edzen- vagy huszon\u00e9ves gener\u00e1ci\u00f3k sz\u00e1m\u00e1ra az a trendi, ha mondjuk \nszellemgombokat haszn\u00e1lsz, azonban ezeket sokan nem tudj\u00e1k gombk\u00e9nt \n\u00e9rtelmezni. <\/p>\n\n\n\n
Egy\n gombnak kin\u00e9z\u0151 gomb az\u00e9rt el\u0151ny\u00f6sebb a k\u00fcl\u00f6nb\u00f6z\u0151 koroszt\u00e1lyok sz\u00e1m\u00e1ra, \nmivel az id\u0151sebbek is r\u00e1j\u00f6nnek, hogy mi az, amire kattinthatnak, m\u00edg a \ngyerekek ezek r\u00e9v\u00e9n k\u00e9pesek megtanulni a weboldalak haszn\u00e1lat\u00e1t, \nfelismerni, hogy milyenek a kattinthat\u00f3 elemek, azok mit csin\u00e1lnak. <\/p>\n\n\n\n
Milyen egy gombnak kin\u00e9z\u0151 gomb? Err\u0151l b\u0151ven \u00edrtunk a gombokr\u00f3l sz\u00f3l\u00f3 bejegyz\u00e9s\u00fcnkben<\/a>, de r\u00f6viden az\u00e9rt itt is elmondjuk: <\/p>\n\n\n\nlegyen kontrasztos a h\u00e1tt\u00e9rhez \u00e9s a design t\u00f6bbi r\u00e9sz\u00e9hez k\u00e9pest is, <\/li> a sz\u00edn t\u00f6ltse ki a gombot,<\/li> a m\u00e9rete akkora legyen, hogy k\u00f6nnyen lehessen \u00e9rinteni (legal\u00e1bb 44 px-es), <\/li> egyszer\u0171 legyen a sz\u00f6vege, <\/li> kapjon olyan vizu\u00e1lis jelz\u00e9st, ami arra utal, hogy kattinthat\u00f3 az elem (\u00e1rny\u00e9k, hover anim\u00e1ci\u00f3, stb.). <\/li><\/ul>\n\n\n\nGondoskodj alternat\u00edv megold\u00e1sokr\u00f3l! <\/h4>\n\n\n\n B\u00e1rmilyen\n gondosan is alak\u00edtod ki a felhaszn\u00e1l\u00f3i \u00fatvonalat, mindig lesznek \nolyanok, akik nem pontosan \u00e9rtik, merre is kell haladni ezen az \u00faton. \nEz\u00e9rt fontosak\n az alternat\u00edv \u00fatvonalak. Az alternat\u00edv megold\u00e1sok egy probl\u00e9ma \nmegold\u00e1s\u00e1n\u00e1l vagy egy k\u00e9rd\u00e9s megv\u00e1laszol\u00e1s\u00e1n\u00e1l seg\u00edtenek abban, hogy \nmeg\u00e9rts\u00fck, mire van sz\u00fcks\u00e9g\u00fck a felhaszn\u00e1l\u00f3knak, mit akarnak tenni a \nweboldalon. <\/p>\n\n\n\n
Az\n alternat\u00edv megold\u00e1sok abban is seg\u00edtenek, hogy k\u00f6nnyebb\u00e9 v\u00e1ljon a \nfelhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra olyan megold\u00e1sok megtal\u00e1l\u00e1sa, melyet \u00e9rtenek. Mik \nezek az alternat\u00edv megold\u00e1sok? P\u00e9ld\u00e1ul alt text a k\u00e9pekn\u00e9l, melyet azok \nis meg\u00e9rtenek, akik sz\u00e1m\u00e1ra fel kell olvasni a kijelz\u0151n megjelent \ntartalmakat. De ilyen az is, ha a linkek nem csak egy helyen jelennek \nmeg az oldalon, hanem p\u00e9ld\u00e1ul a sz\u00f6vegt\u00f6rzs mellett a l\u00e1bl\u00e9cben is \nszerepelnek. <\/p>\n\n\n\n
Szint\u00e9n\n ilyen megold\u00e1s, ha a kapcsolati inform\u00e1ci\u00f3k nem csak sz\u00f6vegk\u00e9nt \njelennek meg, hanem kattinthat\u00f3k is, vagyis az e-mail eset\u00e9ben \nkattint\u00e1sra beindul az e-mail k\u00fcld\u00e9s folyamata a kliens megjelen\u00e9s\u00e9vel. \nUgyanez \u00e9rv\u00e9nyes a h\u00edv\u00e1sra is, mik\u00f6zben mind az e-mail c\u00edm, mind a \ntelefonsz\u00e1m eset\u00e9ben hasznos, ha az olvashat\u00f3, mert sokan ink\u00e1bb \nkim\u00e1solj\u00e1k azt. <\/p>\n\n\n\n
Emellett\n hasznos lehet, ha a weboldalon rendelkez\u00e9sre \u00e1ll a s\u00f6t\u00e9t vagy vil\u00e1gos \nm\u00f3d kapcsol\u00f3, vagy ak\u00e1r a bet\u0171m\u00e9ret v\u00e1lt\u00e1s lehet\u0151s\u00e9ge. Szint\u00e9n fontos, \nhogy a regisztr\u00e1ci\u00f3n\u00e1l t\u00f6bb megold\u00e1s is rendelkez\u00e9sre \u00e1lljon, \u00edgy nem \ncsak a k\u00f6z\u00f6ss\u00e9gi platformokkal t\u00f6rt\u00e9n\u0151 bejelentkez\u00e9s, hanem a saj\u00e1t \nfelhaszn\u00e1l\u00f3n\u00e9vvel, jelsz\u00f3val val\u00f3 regisztr\u00e1ci\u00f3 is. <\/p>\n\n\n\n
Legyen k\u00f6nnyen \u00e9rthet\u0151! <\/h4>\n\n\n\n Mi\n kell ahhoz, hogy minden gener\u00e1ci\u00f3 sz\u00e1m\u00e1ra j\u00f3l \u00e9rthet\u0151 legyen a \nweboldalad? Haszn\u00e1lj egyszer\u0171 sz\u00f6veget, hib\u00e1tlan helyes\u00edr\u00e1ssal. Ker\u00fcld \nel a szakmai kifejez\u00e9seket, a belterjes megfogalmaz\u00e1sokat. A mikrosz\u00f6vegek\n \u00e9s az utas\u00edt\u00e1sok legyenek egy\u00e9rtelm\u0171ek, \u00e9s mondj\u00e1k el, hogy mi fog \nt\u00f6rt\u00e9nni a k\u00f6vetkez\u0151 l\u00e9p\u00e9sben. Az emojikat visszafogottan haszn\u00e1ld a \nszavak helyett, mert sokan nem \u00e9rtik ezek jelent\u00e9s\u00e9t. <\/p>\n\n\n\n
Ne a sztereot\u00edpi\u00e1kb\u00f3l indulj ki! <\/h4>\n\n\n\n Ez\n lehet a legnehezebb pont a list\u00e1ban, mivel egy bizonyos k\u00f6z\u00f6ns\u00e9gnek \nk\u00e9sz\u00edted a weboldalad, \u00e9s ha ez siker\u00fcl, akkor a weboldal vonz\u00f3 lesz \nazon k\u00f6z\u00f6ns\u00e9g sz\u00e1m\u00e1ra az elemek, a funkci\u00f3k, a t\u00f6rt\u00e9net \u00e9s a \nhaszn\u00e1lhat\u00f3s\u00e1g miatt. Ugyanakkor bizonyos weboldalakr\u00f3l messzir\u0151l ord\u00edt,\n hogy azok az id\u0151sebb felhaszn\u00e1l\u00f3kat c\u00e9lozz\u00e1k. De gondolj bele a \nhelyzet\u00fckbe: hab\u00e1r a term\u00e9k hasznos lehet sz\u00e1mukra, nem sz\u00edvesen \nv\u00e1s\u00e1rolnak ott, ahol ilyen egy\u00e9rtelm\u0171en meg vannak c\u00e9lozva. \u00dagyhogy \n\u00e9rdemes \u00f3vatosan \u00e9p\u00edteni a sztereot\u00edpi\u00e1kra! <\/p>\n\n\n\n
Ha modern elemeket haszn\u00e1lsz, akkor seg\u00edts\u00e9get is adj hozz\u00e1! <\/h4>\n\n\n\n Az,\n hogy minden koroszt\u00e1ly sz\u00e1m\u00e1ra haszn\u00e1lhat\u00f3v\u00e1 akarod tenni a weboldalad,\n m\u00e9g nem azt jelenti, hogy csak olyan weboldal-elemeket haszn\u00e1lhatsz, \nmint amilyenekkel a 2000-es \u00e9vekben tal\u00e1lkoztunk, hanem azt, hogy a \ntrendi elemeket \u00e1tgondoltan kell megjelen\u00edteni. <\/p>\n\n\n\n
Megold\u00e1s\n lehet, ha ezek az \u00fajdons\u00e1gnak sz\u00e1m\u00edt\u00f3 elemek utas\u00edt\u00e1sokkal egy\u00fctt \njelennek meg, illetve kapcsol\u00f3dnak hozz\u00e1juk olyan vizu\u00e1lis jelz\u00e9sek, \nmelyek \u00e1ltal minden koroszt\u00e1ly meg\u00e9rti a haszn\u00e1latukat. <\/p>\n\n\n\n
Fontosak a k\u00e9pek <\/h4>\n\n\n\n Az\n emberek szeretnek olyan embereket l\u00e1tni, akik valamelyest hasonl\u00edtanak \nr\u00e1juk, vagy egy kicsivel jobb verzi\u00f3jukat jelen\u00edtik meg. Ez\u00e9rt \u00e9rdemes \nolyan k\u00e9peket haszn\u00e1lnod, melyek a legfontosabb k\u00f6z\u00f6ns\u00e9gszegmensedet \nt\u00fckr\u00f6zik vissza a term\u00e9ked vagy szolg\u00e1ltat\u00e1sod haszn\u00e1lata k\u00f6zben. Ez \npersze nem azt jelenti, hogy minden k\u00e9pnek ezt a c\u00e9lk\u00f6z\u00f6ns\u00e9get kell \nbemutatnia, ugyanakkor hasznos, ha hat\u00e1rozottan jelen van a fot\u00f3kon az \nadott gener\u00e1ci\u00f3. Ha t\u00f6bb koroszt\u00e1lynak sz\u00e1nod a term\u00e9ked, akkor el\u0151ny\u00f6s,\n ha mindegyik megjelenik. <\/p>\n\n\n\n
K\u00f6vesd az akad\u00e1lymentess\u00e9gre vonatkoz\u00f3 ir\u00e1nyelveket! <\/h4>\n\n\n\n A WCAG 2.0<\/a> speci\u00e1lis ir\u00e1nyelveket tartalmaz az id\u0151sebb koroszt\u00e1ly sz\u00e1m\u00e1ra. A felsorolt szabv\u00e1nyok magukba foglalnak mindent a sz\u00f6vegm\u00e9retekt\u0151l kezdve az elrendez\u00e9sig. Ha id\u0151sebbek is haszn\u00e1lj\u00e1k a weboldalad, akkor ez egy olyan kiindul\u00f3pont, amit mindenk\u00e9ppen figyelembe kell venni a weboldalad l\u00e9trehoz\u00e1s\u00e1n\u00e1l vagy redesignj\u00e1n\u00e1l. <\/p>\n\r\n