Komoly trend a webdesignban most az egy\u00e9ni eg\u00e9rmutat\u00f3k vagy eg\u00e9rkurzorok haszn\u00e1lata, melyek els\u0151 pillant\u00e1sra csak a weboldalak egy \u00fajabb st\u00edluselem\u00e9nek t\u0171nnek, de enn\u00e9l t\u00f6bb rejlik benn\u00fck.<\/strong><\/p>\n\n\n\n\n\n\n\n

Amikor egy weboldalt monitoron n\u00e9zel, akkor az eg\u00e9rmutat\u00f3 egy fontos elem, hiszen ez k\u00f6ti \u00f6ssze a felhaszn\u00e1l\u00f3t a weboldallal, ennek haszn\u00e1lat\u00e1val tud cselekedni, hozz\u00e1f\u00e9rni a weboldal funkci\u00f3ihoz. Ha el\u00e9g kreat\u00edv vagy, akkor fel tudod haszn\u00e1lni a megv\u00e1ltoztatott eg\u00e9rmutat\u00f3t arra, hogy jav\u00edtsd a weboldalad interaktivit\u00e1s\u00e1t, illetve tov\u00e1bbi cselekv\u00e9sre b\u00edrd a l\u00e1togat\u00f3idat.<\/p>\n\n\n\n

Mi az az egyedi eg\u00e9rmutat\u00f3?<\/h3>\n\n\n\n

Egyedi kurzorny\u00edlr\u00f3l akkor besz\u00e9l\u00fcnk, amikor az eg\u00e9r eredeti ny\u00edl-ikonj\u00e1t megv\u00e1ltoztatjuk. Ezt megteheted az oper\u00e1ci\u00f3s rendszer be\u00e1ll\u00edt\u00e1sai k\u00f6z\u00f6tt is, de ugyan\u00edgy meg lehet tenni a b\u00f6ng\u00e9sz\u0151ben is az egyes weboldalak \u00e1ltal ir\u00e1ny\u00edtottan. <\/p>\n\n\n\n

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

Ehhez kell a HTML, a CSS \u00e9s egy kicsit a JavaScript seg\u00edts\u00e9ge, de viszonylag egyszer\u0171en l\u00e9trehozhat\u00f3 egy egyedi kurzor-design a weboldaladra. Az eg\u00e9rmutat\u00f3n k\u00edv\u00fcl azonban olyan elemeket is megv\u00e1ltoztathatsz a weboldaladon, mint a hover-anim\u00e1ci\u00f3k, a kattint\u00e1si-effektek, ez\u00e1ltal pedig jelent\u0151sebb hat\u00e1st gyakorolhatsz a l\u00e1togat\u00f3dra a weboldaladdal, mint az alap\u00e9rtelmezett be\u00e1ll\u00edt\u00e1s\u00fa weboldallal.<\/p>\n\n\n\n

Mi\u00e9rt \u00e9rdemes?<\/h3>\n\n\n\n

Egy egyedi anim\u00e1ci\u00f3kkal, parallax-effektekkel, egy\u00e9b mozg\u00f3 elemekkel sz\u00e9pen fel\u00e9p\u00edtett oldalon az \u00e9lm\u00e9nyt egy egyedi eg\u00e9rmutat\u00f3val tudod igaz\u00e1n teljess\u00e9 tenni, vagyis a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny javul\u00e1s\u00e1val \u00e9s az er\u0151teljesebb hat\u00e1ssal az eredm\u00e9nyek is jobbak lesznek.<\/p>\n\n\n\n

Egy egyedi eg\u00e9rmutat\u00f3 nem csak figyelemfelkelt\u0151bb vagy sz\u00f3rakoztat\u00f3bb lehet az emberek sz\u00e1m\u00e1ra, de m\u00e9g abban is seg\u00edthet, hogy megmutassa: mikor hov\u00e1 kattintsanak, \u00e9s ott mit csin\u00e1ljanak. De a l\u00e9nyeg, hogy a weboldaladat kiemeli a t\u00f6megb\u0151l, m\u00e1rpedig a megk\u00fcl\u00f6nb\u00f6ztethet\u0151s\u00e9g fontos t\u00e9nyez\u0151 a marketingben is.<\/p>\n\n\n\n

Mire figyelj a tervez\u00e9s\u00e9n\u00e9l?
<\/h3>\n\n\n\n

Miel\u0151tt neki\u00e1lln\u00e1l kital\u00e1lni valamilyen egyedi eg\u00e9rmutat\u00f3t, \u00e9rdemes n\u00e9h\u00e1ny szempontot figyelembe venni, hogy ne ess\u00e9l t\u00falz\u00e1sba, \u00e9s ne tedd haszn\u00e1lhatatlann\u00e1 a weboldaladat.<\/p>\n\n\n\n

\u00d6sszpontos\u00edts az interakci\u00f3kra!
<\/h4>\n\n\n\n

Az egyedi eg\u00e9rmutat\u00f3val nem csak az a c\u00e9lod, hogy megmutasd, milyen kreat\u00edv vagy, hanem az, hogy t\u00f6bb interakci\u00f3t \u00e9rj el. R\u00e1 kell b\u00edrnod a felhaszn\u00e1l\u00f3kat, hogy t\u00f6bbet kattintsanak az oldalon, kattintsanak a hivatkoz\u00e1sokra, gombokra, k\u00e9pekre. <\/p>\n\n\n\n

Ez\u00e9rt nem els\u0151sorban az a fontos, hogy az eg\u00e9rmutat\u00f3 k\u00fcl\u00f6nleges legyen, hanem az, hogy a szabv\u00e1nymegjelent\u00e9st\u0151l val\u00f3 elt\u00e9r\u00e9se tov\u00e1bb jav\u00edtsa a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. Az ugyanakkor k\u00e9ts\u00e9gtelen, hogy a legt\u00f6bb esetben az elt\u00e9r\u0151 vizu\u00e1lis megjelen\u00e9s lesz az egyetlen indok, ami egy egyedi eg\u00e9rmutat\u00f3 m\u00f6g\u00f6tt \u00e1ll.<\/p>\n\n\n\n

Haszn\u00e1lj t\u00f6bbf\u00e9le designt!<\/h4>\n\n\n\n

Els\u0151 pillant\u00e1sra nagyon sz\u00f3rakoztat\u00f3 lehet neked \u00e9s a felhaszn\u00e1l\u00f3nak is olyan kurzort haszn\u00e1lni, aminek rendk\u00edv\u00fcl furcsa a form\u00e1ja, \u00e9s megmosolyogtatja a l\u00e1togat\u00f3kat. Ez az \u00f6r\u00f6m azonban csak addig tart, am\u00edg az els\u0151 kisebb linkre r\u00e1 nem kell kattintani. <\/p>\n\n\n\n

Egy egyedi mutat\u00f3val, ez nem felt\u00e9tlen\u00fcl fog menni, ez\u00e9rt a megold\u00e1s az, hogy p\u00e9ld\u00e1ul men\u00fck eset\u00e9ben alakuljon \u00e1t az eg\u00e9rmutat\u00f3 egy egyszer\u0171bb, de jobban haszn\u00e1lhat\u00f3 mutat\u00f3v\u00e1. Ez seg\u00edt elker\u00fclni a felhaszn\u00e1l\u00f3i frusztr\u00e1ci\u00f3t.<\/p>\n\n\n\n

Gondold \u00e1t, hogy \u00e9rdemes-e!<\/h4>\n\n\n\n

Az egyedi eg\u00e9rmutat\u00f3k nem alkalmasak minden weboldalon a haszn\u00e1latra. Van oka annak, hogy a nagy weboldalakon soha nem fogsz egyedi kurzorral tal\u00e1lkozni, \u00e9s ez nem az, hogy nem k\u00e9pesek technikailag kivitelezni, vagy nincs el\u00e9g fant\u00e1zi\u00e1juk.<\/p>\n\n\n\n

Az egyedi kurzorok \u00e1ltal\u00e1ban olyan, attrakt\u00edv, egyedi weboldalakon mutatnak j\u00f3l, vagy hasznosak, melyek egy k\u00fcl\u00f6nleges term\u00e9ket vagy szolg\u00e1ltat\u00e1st mutatnak be, illetve fel akarj\u00e1k h\u00edvni a figyelmet a c\u00e9g egyedis\u00e9g\u00e9re.<\/p>\n\n\n\n

Ne feledd: nem m\u0171k\u00f6dik mobilon!<\/h4>\n\n\n\n

Azt ne felejtsd el, hogy mobilon nem haszn\u00e1lunk eg\u00e9rmutat\u00f3kat, ez\u00e9rt ne jelenjenek meg, mert csak zavarni fogj\u00e1k az embereket, hiszen nem l\u00e1that\u00f3k j\u00f3l \u00e9s feleslegesek.<\/p>\n\n\n\n

N\u00e9h\u00e1ny p\u00e9lda egyedi eg\u00e9rmutat\u00f3ra<\/h3>\n\n\n\n

Az egyik legeredetibb p\u00e9lda a 14islands oldal\u00e1n<\/a> l\u00e1that\u00f3, ahol a weboldal minden r\u00e9sz\u00e9n \u00e1talakul a mutat\u00f3: ahol vide\u00f3 van, ott lej\u00e1tsz\u00e1s ikonn\u00e1, hogy jelezze, kattints a megtekint\u00e9shez, ahol pedig tov\u00e1bbi r\u00e9szleteket \u00e9rhetsz el, ott kiadja erre az utas\u00edt\u00e1st a „View” megjelen\u00edt\u00e9s\u00e9vel. A legjobb azonban az oldal alja, ahol \u00e1talakul ceruz\u00e1v\u00e1 az eg\u00e9rmutat\u00f3, \u00e9s rajzolhatsz az oldalra, ami azt\u00e1n egy id\u0151 ut\u00e1n elt\u0171nik.<\/p>\n\n\n\n