![\"Webshark](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/01\/Webshark-weboldalk\u00e9sz\u00edt\u00e9s-02.jpg\")
<\/a><\/figure><\/div>\n\n\n\nEzek gyakran apr\u00f3s\u00e1goknak t\u0171nnek, \u00e9s h\u00e1t vannak \u201cl\u00e9nyegesebbnek t\u0171n\u0151 dolgok\u201d is, pedig a j\u00f3 \u00e9s a rossz felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny k\u00f6z\u00f6tt a k\u00fcl\u00f6nbs\u00e9get nagyon sokszor a mikrosz\u00f6vegek \u00e9s mikrointerakci\u00f3k r\u00e9szletes kidolgoz\u00e1sa jelenti.<\/p>\n\n\n\n
I. Vizu\u00e1lis visszajelz\u00e9sek: a mikrointerakci\u00f3k<\/h2>\n\n\n\n
Amikor egy eg\u00e9sz weboldal koncepci\u00f3j\u00e1n dolgozunk, nagyon k\u00f6nny\u0171 elfeledkezni arr\u00f3l, hogy a megfelel\u0151 haszn\u00e1lhat\u00f3s\u00e1g \u00e9rdek\u00e9ben mindenk\u00e9ppen vizu\u00e1lis visszajelz\u00e9seket kell adnunk az embereknek. Azon a weboldalon, ahol nincsenek visszajelz\u00e9sek, nem besz\u00e9lhet\u00fcnk megfelel\u0151 interakci\u00f3r\u00f3l. Ez olyan, mint amikor besz\u00e9lsz valakihez, \u0151 pedig csak n\u00e9z r\u00e1d \u00fcveges tekintettel. Nem sokra mentek, igaz? Ugyanez a helyzet a weboldalak eset\u00e9ben is.<\/p>\n\n\n\n
Ha hi\u00e1nyoznak a visszajelz\u00e9sek, az megzavarja a felhaszn\u00e1l\u00f3kat<\/strong>. Ilyenkor nem \u00e9rzik azt, hogy a kez\u00fckben lenne az ir\u00e1ny\u00edt\u00e1s.<\/p>\n\n\n\n A mikrointerakci\u00f3k a weboldalaknak ma m\u00e1r egyre ink\u00e1bb alapvet\u0151 r\u00e9szeiv\u00e9 v\u00e1lnak, ezek n\u00e9lk\u00fcl laposnak \u00e9s unalmasnak t\u0171nnek. Sokan ugyanakkor \u00fagy gondolnak r\u00e1juk, mint valamif\u00e9le var\u00e1zslatos \u00f6sszetev\u0151re, melyek meglepik, leny\u0171g\u00f6zik a felhaszn\u00e1l\u00f3kat, sz\u00f3rakoztatja \u00e9s elk\u00f6telezi \u0151ket. Ennek megfelel\u0151en \u00e1ltal\u00e1ban megtervezni sem k\u00f6nny\u0171 \u0151ket<\/strong>.<\/p>\n\n\n\n A mikrointerakci\u00f3k szinte \u00e9szrev\u00e9tlen\u00fcl vannak jelen az \u00e9let\u00fcnkben. Nap, mint nap tal\u00e1lkozhatsz vel\u00fck a weben, p\u00e9ld\u00e1ul, amikor l\u00e1jkolsz a Facebookon, v\u00e1ltoztatsz egy be\u00e1ll\u00edt\u00e1son egy oldalon, \u00e9rt\u00e9kelsz egy term\u00e9ket, v\u00e9grehajtasz egy online keres\u00e9st, stb. Egy fontos csavarnak sz\u00e1m\u00edtanak az online \u00e9lm\u00e9ny g\u00e9pezet\u00e9ben. A mikrointerakci\u00f3k visszat\u00fckr\u00f6zik azt, ahogy az emberek csin\u00e1lnak valamit a val\u00f3 \u00e9letben, \u00e9s ez az, ami annyira hat\u00e9konny\u00e1 teszi \u0151ket.<\/p>\n\n\n\n Egy designernek a mikrointerakci\u00f3k tervez\u00e9se sor\u00e1n az a feladata, hogy k\u00e9sz\u00edtsen valami emberit, ami azt \u00fczeni a felhaszn\u00e1l\u00f3nak, hogy sikeresen v\u00e9grehajtott egy feladatot, egyben k\u00f6nnyebb\u00e9 teszi az \u00e9let\u00e9t. Erre azonban nem kell felh\u00edvni a felhaszn\u00e1l\u00f3 figyelm\u00e9t. A tervez\u0151nek olyan designt kell k\u00e9sz\u00edtenie, mely mindenf\u00e9le k\u00f6rnyezetben m\u0171k\u00f6dik, ugyanakkor nem sz\u00fcks\u00e9ges hozz\u00e1 semmif\u00e9le magyar\u00e1zat vagy haszn\u00e1lati utas\u00edt\u00e1s. A mikrointerakci\u00f3k tervez\u00e9s\u00e9n\u00e9l tulajdonk\u00e9ppen a t\u00f6k\u00e9letes pillanatot kell megalkotnia.<\/p>\n\n\n\n Mikrointerakci\u00f3k vesznek k\u00f6r\u00fcl benn\u00fcnket: egy villanykapcsol\u00f3t\u00f3l a k\u00f6z\u00f6ss\u00e9gi m\u00e9dia oldalak l\u00e1jk gombj\u00e1nak megnyom\u00e1s\u00e1ig. Ezekre t\u00f6bbnyire az jellemz\u0151, hogy a felhaszn\u00e1l\u00f3knak m\u00e1r nem kell gondolkodniuk azon, mik\u00e9nt is m\u0171k\u00f6dnek. Legal\u00e1bbis addig, am\u00edg megfelel\u0151en m\u0171k\u00f6dnek. A mikrointerakci\u00f3k feladata az, hogy k\u00fcl\u00f6nb\u00f6z\u0151 dolgok v\u00e9grehajt\u00e1s\u00e1ban seg\u00edtsenek. P\u00e9ld\u00e1ul k\u00f6zvet\u00edtsenek egy \u00e1llapotot, visszajelz\u00e9st adjanak, megmutass\u00e1k egy cselekedet eredm\u00e9ny\u00e9t, seg\u00edtsenek a felhaszn\u00e1l\u00f3nak kezelni valamit. Mikor tal\u00e1lkozhatsz mikorinterakci\u00f3kkal?<\/p>\n\n\n\n Tal\u00e1n m\u00e1r ezekb\u0151l a p\u00e9ld\u00e1kb\u00f3l is l\u00e1tszik, hogy a mikorinterakci\u00f3k c\u00e9lja a felhaszn\u00e1l\u00f3k \u00e9let\u00e9nek megk\u00f6nny\u00edt\u00e9se. Intuit\u00edvan haszn\u00e1lhat\u00f3nak, emberinek \u00e9s reszponz\u00edvnak kell lenni\u00fck. Alapvet\u0151en \u00fagy kell gondolnod a mikrointerakci\u00f3kra, melyek egyetlen feladat v\u00e9grehajt\u00e1s\u00e1ra j\u00f6nnek l\u00e9tre<\/strong>. \u00c9s itt fontos az, hogy val\u00f3ban egyetlen feladatr\u00f3l legyen sz\u00f3. A mikrointerakci\u00f3k olyan feladatokat hajthatnak v\u00e9gre, mint az<\/p>\n\n\n\n Minden ilyen interakci\u00f3-t\u00edpus egy emberk\u00f6zpont\u00fa designon kereszt\u00fcl vezeti a felhaszn\u00e1l\u00f3t. Az eszk\u00f6z\u00f6k adott pillanatban m\u00e9g emberk\u00f6zelibb\u00e9 t\u00e9tel\u00e9nek koncepci\u00f3ja a kulcs a haszn\u00e1lhat\u00f3s\u00e1ghoz.<\/p>\n\n\n\n A visszajelz\u00e9sek mutatj\u00e1k az embereknek, hogy<\/p>\n\n\n\n Mivel a val\u00f3s \u00e9letben a gombok, t\u00e1rgyak, eszk\u00f6z\u00f6k valamik\u00e9nt reag\u00e1lnak a hozz\u00e1juk kapcsol\u00f3d\u00f3 cselekv\u00e9s\u00fcnkre, \u00edgy ezt v\u00e1rj\u00e1k el az emberek a weben is. Sz\u00fcks\u00e9g van r\u00e1juk az\u00e9rt is, hogy t\u00e1j\u00e9koztasd \u0151ket a cselekv\u00e9s\u00fck eredm\u00e9ny\u00e9r\u0151l, vagy hogy \u00e9ppen k\u00f6z\u00f6ld vel\u00fck, hogy mi a jelenlegi helyzet\u00fck, hol j\u00e1rnak p\u00e9ld\u00e1ul egy folyamatban. C\u00e9lszer\u0171 a gyakori \u00e9s kis horderej\u0171 cselekv\u00e9sekn\u00e9l visszafogott visszajelz\u00e9seket alkalmazni, m\u00edg a ritk\u00e1bb \u00e9s fontosabb l\u00e9p\u00e9sekn\u00e9l szembet\u0171n\u0151bb reakci\u00f3kat<\/strong> mutatni.<\/p>\n\n\n\n A mikrointerakci\u00f3k f\u0151 feladata, hogy jav\u00edts\u00e1k a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. K\u00f6z\u00e9j\u00fck tartozik:<\/p>\n\n\n\n Az olyan hagyom\u00e1nyos mikrointerakci\u00f3s elemekn\u00e9l, mint amilyen egy g\u00f6rget\u0151s\u00e1v, neh\u00e9z hib\u00e1zni. Ugyanakkor ezek modern megfelel\u0151j\u00e9n\u00e9l – amikor a mobilkijelz\u0151 leh\u00faz\u00e1s\u00e1ra megjelenik egy friss\u00edt\u00e9sre utal\u00f3 jelz\u00e9s – m\u00e1r k\u00f6nnyebb. Ezek az \u00faj mikrointerakci\u00f3k nagyobb er\u0151fesz\u00edt\u00e9st \u00e9s megfontol\u00e1st ig\u00e9nyelnek, ha val\u00f3ban j\u00f3l akarjuk megtervezni \u0151ket.<\/p>\n\n\n\n Persze a mikrointerakci\u00f3k feladata az\u00e9rt t\u00f6bb ann\u00e1l, hogy a felhaszn\u00e1l\u00f3 puszt\u00e1n j\u00f3l \u00e9rezze mag\u00e1t. Hiszen, mint m\u00e1r jelezt\u00fck: mutatj\u00e1k a rendszer \u00e1llapot\u00e1t, hiba-megel\u0151z\u0151 funkci\u00f3juk van, \u00e9s a m\u00e1rk\u00e1t is k\u00f6zvet\u00edteni tudj\u00e1k. A mikrointerakci\u00f3k visszajelz\u00e9st adnak a l\u00e1togat\u00f3knak, inform\u00e1lj\u00e1k \u00e9s cselekv\u00e9sre k\u00e9sztetik \u0151ket. De l\u00e1ssuk egyenk\u00e9nt!<\/p>\n\n\n\n A rendszer \u00e1llapot\u00e1nak b\u00e1rmilyen kijelz\u00e9se mikrointerakci\u00f3nak tekinthet\u0151<\/strong>, mert term\u00e9szetes m\u00f3don mag\u00e1ban foglal egy kiv\u00e1lt\u00f3t (vagy a felhaszn\u00e1l\u00f3 tesz valamit, vagy a rendszer \u00e1llapota v\u00e1ltozik) \u00e9s egy visszajelz\u00e9st.<\/p>\n\n\n\n Ide tartoznak a k\u00fcl\u00f6nb\u00f6z\u0151 \u00e1llapotjelz\u0151k<\/strong>, melyek az el\u0151rehalad\u00e1s m\u00e9rt\u00e9k\u00e9t mutatj\u00e1k. Azzal nyugtatj\u00e1k meg a felhaszn\u00e1l\u00f3t, hogy jelzik neki: a rendszer dolgozik a megold\u00e1son. Mutathatj\u00e1k a pontos h\u00e1tral\u00e9v\u0151 id\u0151t, valamint magukba foglalhatnak egy egyenes vagy k\u00f6r alak\u00fa \u00e1llapotjelz\u0151t. Az ilyen jelz\u00e9sek fenntartj\u00e1k a felhaszn\u00e1l\u00f3 \u00e9rdekl\u0151d\u00e9s\u00e9t, am\u00edg arra v\u00e1r, hogy v\u00e9gre t\u00f6rt\u00e9njen valami.<\/p>\n\n\n\n De ide tartozik a k\u00e9szenl\u00e9t jelz\u00e9se<\/strong> is, ami azt mutatja, hogy a rendszer felhaszn\u00e1l\u00f3i beavatkoz\u00e1sra v\u00e1r. A mikrointerakci\u00f3 itt azt kommunik\u00e1lja, hogy tov\u00e1bbi inform\u00e1ci\u00f3ra van sz\u00fcks\u00e9ge, \u00e9s ezzel arra b\u00e1tor\u00edtja a felhaszn\u00e1l\u00f3t, hogy interakci\u00f3ba l\u00e9pjen a term\u00e9kkel. P\u00e9ld\u00e1ul az iOS-n\u00e9l, amikor lenyomva tartasz egy alkalmaz\u00e1sikont a kezd\u0151k\u00e9perny\u0151n, akkor a rendszer finoman megr\u00e1zza az appokat. Ez a mozg\u00e1st azt mondja, hogy a rendszer tov\u00e1bbi cselekv\u00e9sre v\u00e1r. P\u00e9ld\u00e1ul arra, hogy a bal fels\u0151 sarokban megjelen\u0151 X-re kattintson, vagy \u00e1th\u00fazza egy m\u00e1sik helyre az ikont).<\/p>\n\n\n\n Mindenki k\u00f6vet el hib\u00e1kat, ami a digit\u00e1lis vil\u00e1gban a legt\u00f6bbsz\u00f6r azt jelenti, hogy valami olyasmire kattintunk, amire nem kellene. A rendszernek lehet\u0151v\u00e9 kellene tenni, hogy egy ilyen cselekv\u00e9s visszaford\u00edthat\u00f3 legyen. A mikrointerakci\u00f3 ilyen esetben t\u00f6k\u00e9letes megold\u00e1s arra, hogy felh\u00edvja a figyelmet a cselekv\u00e9s visszaford\u00edthat\u00f3s\u00e1g\u00e1ra<\/strong>. Kommunik\u00e1lja egy fel\u00fcleten l\u00e9v\u0151 elem \u00e1llapot\u00e1t, \u00e9s utal arra, hogy tov\u00e1bbi interakci\u00f3 lehets\u00e9ges.<\/p>\n\n\n\n A gap.com appj\u00e1ban p\u00e9ld\u00e1ul egy sz\u00edvre kattintva lehet egy term\u00e9ket kedvencnek jel\u00f6lni. Ugyanakkor a sz\u00edv ezut\u00e1n elkezd pulz\u00e1lni, jelezve, hogy visszaford\u00edthat\u00f3 a cselekv\u00e9s. Ha ism\u00e9t r\u00e1kattintunk a sz\u00edvre, akkor sz\u00fcrk\u00e9re v\u00e1ltozik. Mivel a pulz\u00e1l\u00e1s csak egy r\u00f6vid ideig l\u00e1that\u00f3, ez\u00e9rt mikrointerakci\u00f3nak tekinthet\u0151, \u00e9s a pulz\u00e1l\u00e1s hat\u00e9konyabban jelzi a rendszer \u00e1llapot\u00e1ban bek\u00f6vetkezett v\u00e1ltoz\u00e1st, szemben egy statikusan piross\u00e1 v\u00e1l\u00f3 sz\u00edvvel.<\/p>\n\n\n\n Ugyanakkor a mikrointerakci\u00f3k megakad\u00e1lyozhatj\u00e1k, hogy k\u00e9tszer kelljen egy feladatot elv\u00e9gezni<\/strong>. P\u00e9ld\u00e1ul, amikor regisztr\u00e1lni kell egy felhaszn\u00e1l\u00f3nevet \u00e9s jelsz\u00f3t, akkor t\u00e1j\u00e9koztathatnak arr\u00f3l, hogy a jelsz\u00f3 megfelel-e a k\u00f6vetelm\u00e9nyeknek. \u00cdgy nem akkor der\u00fcl ki, hogy \u00faj jelsz\u00f3t kell kital\u00e1lni, amikor r\u00e1kattintunk a gombra. Ez\u00e1ltal a mikrointerakci\u00f3 megel\u0151zi azt, hogy k\u00e9tszer kelljen be\u00edrnunk valamilyen jelsz\u00f3t.<\/p>\n\n\n\n Ilyen megold\u00e1s m\u0171k\u00f6dik p\u00e9ld\u00e1ul az eBay oldal\u00e1n, ahol a jelsz\u00f3 mez\u0151 akt\u00edvv\u00e1 v\u00e1l\u00e1sa eset\u00e9n megjelenik, hogy milyen k\u00f6vetelm\u00e9nyeknek kell megfelelnie a jelsz\u00f3nak. Ahogy g\u00e9peled be a jelsz\u00f3t, ez a lista folyamatosan v\u00e1ltozik. Ha a mez\u0151t an\u00e9lk\u00fcl hagyod el, hogy megfelel\u0151 lenne a jelsz\u00f3, akkor egy piros hiba\u00fczenetben figyelmeztet.<\/p>\n\n\n\n Ha a m\u00e1rk\u00e1d vid\u00e1m \u00e9s sz\u00ednes, akkor a mikrointerakci\u00f3k is lehetnek ilyenek, illetve ford\u00edtva. Ahogy a sz\u00f6vegeidnek van egy bizonyos hangneme, ugyanezt a hangnemet kell megtartani a mikrointerakci\u00f3kn\u00e1l is. Nagyon sok c\u00e9g er\u0151sen f\u00fcgg a vizu\u00e1lis jelz\u00e9sekt\u0151l, melyeket a felhaszn\u00e1l\u00f3k fel\u00e9 k\u00f6zvet\u00edtenek.<\/p>\n\n\n\n De ugyan\u00edgy egy hang is lehet er\u0151s jelz\u00e9s. Egy mikrointerakci\u00f3 nem csak vizu\u00e1lis lehet, hanem hangalap\u00fa is. Teh\u00e1t p\u00e9ld\u00e1ul az Xbox One jelzi a felhaszn\u00e1l\u00f3nak hanggal \u00e9s l\u00e1tv\u00e1nnyal is, ha bekapcsolt\u00e1k. A hang \u00e9s a vizu\u00e1lis jelz\u00e9s elt\u00e9r a kikapcsol\u00e1s\u00e9t\u00f3l.<\/p>\n\n\n\n A l\u00e9nyeg teh\u00e1t, hogy a j\u00f3l megtervezett mikrointerakci\u00f3k jelent\u0151s hat\u00e1ssal vannak a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre. Egy olyan eszk\u00f6zt adnak a kez\u00fcnkbe, melynek seg\u00edts\u00e9g\u00e9vel hat\u00e9konyan kommunik\u00e1lhatunk a felhaszn\u00e1l\u00f3kkal. Visszajelz\u00e9st adnak a rendszer \u00e1llapot\u00e1r\u00f3l, valamint seg\u00edtenek megel\u0151zni a hib\u00e1kat. R\u00e1ad\u00e1sul gazdag\u00edtj\u00e1k a m\u00e1rka-kommunik\u00e1ci\u00f3t, mely ak\u00e1r arr\u00f3l is meggy\u0151zheti az embereket, hogy ink\u00e1bb a Te term\u00e9kedet v\u00e1lassz\u00e1k a konkurenci\u00e1\u00e9val szemben<\/strong>.<\/p>\n\n\n\n De a gyakorlatban hogyan tervezd meg, illetve t\u00f6k\u00e9letes\u00edtsd a weboldaladon a mikrointerakci\u00f3kat?<\/p>\n\n\n\n A Google a material designr\u00f3l<\/a> k\u00e9sz\u00fclt sorvezet\u0151j\u00e9ben alaposan belem\u00e9lyedt a mikrointerakci\u00f3k hat\u00e9kony megtervez\u00e9s\u00e9be. A reszponz\u00edv interakci\u00f3kr\u00f3l azt \u00edrj\u00e1k, hogy azoknak b\u00e1tor\u00edtani kell a felhaszn\u00e1l\u00f3kat egy alkalmaz\u00e1s m\u00e9lyebb felfedez\u00e9s\u00e9ben azzal, hogy id\u0151szer\u0171, logikus, de leny\u0171g\u00f6z\u0151 reakci\u00f3val v\u00e1laszol a felhaszn\u00e1l\u00f3 cselekedet\u00e9re.<\/p>\n\n\n\n Az interakci\u00f3k lehetnek elgondolkodtat\u00f3k, ak\u00e1r meglep\u0151k is, de soha nem zavar\u00f3ak<\/strong>. A Google ir\u00e1nymutat\u00e1s\u00e1ban – k\u00fcl\u00f6n\u00f6sen az autentikus mozg\u00e1sr\u00f3l \u00edrt r\u00e9szben – seg\u00edt vizu\u00e1lisan is megmutatni, hogy mit\u0151l lesz egy anim\u00e1ci\u00f3 \u00e9letszer\u0171. Ez az\u00e9rt l\u00e9nyeges, mert a mikrointerakci\u00f3k szinte minden esetben valamilyen anim\u00e1ci\u00f3n alapulnak.<\/p>\n\n\n\n A l\u00e9nyeg az, hogy ezek a pillanatok legyenek majdhogynem \u00e9szrevehetetlenek \u00e9s teljes m\u00e9rt\u00e9kben funkcion\u00e1lisnak<\/strong>. A r\u00e9szletekre nagyon oda kell figyelni, gondosan meg kell tervezni \u0151ket. \u00c1t kell gondolni, hogy az emberek mik\u00e9nt fogj\u00e1k haszn\u00e1lni ezeket, a weboldaladat vagy az eszk\u00f6zt, amin megjelenik, \u00e9s a r\u00e9szletek megtervez\u00e9se sor\u00e1n vissza kell t\u00fckr\u00f6zni a haszn\u00e1lt gondolkod\u00e1si sablonokat.<\/p>\n\n\n\n Mivel a mikrointerakci\u00f3k egyik jellegzetess\u00e9ge, hogy szinte \u00e9szrev\u00e9tlenek, ez\u00e9rt sokszor m\u00e9g a designerek sem nagyon figyelnek azok r\u00e9szleteire. Pedig a r\u00e9szletek fontoss\u00e1g\u00e1t nem lehet t\u00falhangs\u00falyozni. A r\u00e9szletek azok, melyek miatt a felhaszn\u00e1l\u00f3k szeretni vagy \u00e9ppen ut\u00e1lni fognak egy weboldalt<\/strong>. Az egyszer\u0171 \u00e9s leny\u0171g\u00f6z\u0151 haszn\u00e1lhat\u00f3s\u00e1g az, ami miatt kiv\u00e1lasztunk egy \u00e9breszt\u0151\u00f3r\u00e1t vagy egy id\u0151j\u00e1r\u00e1s-appot a telefonunkra. Amit persze valakinek meg kellett terveznie.<\/p>\n\n\n\n Egy mikrointerakci\u00f3 megtervez\u00e9s\u00e9n m\u00falhat, hogy a felhaszn\u00e1l\u00f3k v\u00e9grehajtanak-e egy cselekv\u00e9st a weboldaladon, meghoznak-e egy d\u00f6nt\u00e9st, vagy pedig otthagyj\u00e1k az eg\u00e9szet.<\/p>\n\n\n\n Amikor egy mikrointerakci\u00f3 megtervez\u00e9s\u00e9r\u0151l van sz\u00f3, n\u00e9h\u00e1ny dolgot \u00e9rdemes figyelembe venni:<\/p>\n\n\n\n Miel\u0151tt belev\u00e1gn\u00e1l a mikrointerakci\u00f3k megtervez\u00e9s\u00e9be, v\u00e9gig kell gondolnod, hogy milyen feladat v\u00e9grehajt\u00e1s\u00e1ra hozod l\u00e9tre \u0151ket, illetve, hogy mikor kell megjelenni\u00fck a legjobb hat\u00e1s el\u00e9r\u00e9se \u00e9rdek\u00e9ben. Mikrointerakci\u00f3k tervez\u00e9se sor\u00e1n az al\u00e1bbi alapelvek lebegjenek a szemed el\u0151tt:<\/p>\n\n\n\n A mikrointerakci\u00f3k teh\u00e1t apr\u00f3 dolgok egy weboldalon, m\u00e9gis jelent\u0151s a hat\u00e1suk: a weboldal sikere vagy buk\u00e1sa is m\u00falhat a megfelel\u0151 tervez\u00e9sen \u00e9s kivitelez\u00e9sen. \u00c9rdemes haszn\u00e1lni \u0151ket, mert ez\u00e1ltal jelent\u0151s m\u00e9rt\u00e9kben jav\u00edthat\u00f3 a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny a weboldalon.<\/p>\n\n\n\n A microcopy azon r\u00e9sze a weboldalnak, amit szinte \u00e9szre sem lehet venni<\/strong>. De ugye m\u00e1r hallottad p\u00e1rszor, hogy a j\u00f3 design l\u00e1thatatlan<\/a>? Ilyen a mikrosz\u00f6veg is, ha j\u00f3l van meg\u00edrva. Microcopynak nevez\u00fcnk minden r\u00f6vid utas\u00edt\u00e1st, c\u00edmk\u00e9t, navig\u00e1ci\u00f3t, javaslatot, hiba\u00fczenetet, call to actiont<\/strong>, melyek seg\u00edtenek a felhaszn\u00e1l\u00f3kat a weboldalad vagy applik\u00e1ci\u00f3d haszn\u00e1lat\u00e1ban.<\/p>\n\n\n\n Ezek szavak, r\u00f6vid mondatok a weboldaladon, melyek ugyanolyan fontosak, mint a log\u00f3d vagy a szlogened, hiszen a m\u00e1rk\u00e1d, a c\u00e9ged kommunik\u00e1ci\u00f3j\u00e1nak a r\u00e9sz\u00e9t k\u00e9pezik. Fontos r\u00e9szei a weboldaladnak \u00e9s a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nynek. Szinte \u00e9szrev\u00e9tlen\u00fcl \u00e1gyaz\u00f3dnak bele a weboldalba, m\u00e9gis jelent\u0151s a hat\u00e1suk. Igen, a microcopy a webdesign r\u00e9sze, \u00e9s hat\u00e1ssal van a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre.<\/p>\n\n\n\n A mikrosz\u00f6vegek seg\u00edtenek a felhaszn\u00e1l\u00f3k ir\u00e1ny\u00edt\u00e1s\u00e1ban, \u00e9s mikrosz\u00f6veget l\u00e1t azt megel\u0151z\u0151en is a l\u00e1togat\u00f3, miel\u0151tt r\u00e1kattintana a megrendel\u00e9s gombra. Ennek ellen\u00e9re sokan nem ford\u00edtanak r\u00e1 kell\u0151 figyelmet a webdesign-folyamat sor\u00e1n. Ilyenkor marad a CTA-n\u00e1l a „kattints ide” sz\u00f6veg, \u00e9s k\u00e9sz. Pedig a j\u00f3 microcopy seg\u00edt megtartani a l\u00e1togat\u00f3kat \u00e9s jav\u00edtani a konverzi\u00f3s ar\u00e1nyt. Ez pedig minden weboldaltulajdonosnak fontos kell, hogy legyen.<\/p>\n\n\n\n A microcopy teh\u00e1t b\u00e1rmennyire is apr\u00f3 r\u00e9szlet a weboldaladon, rendk\u00edv\u00fcl fontos szerepet t\u00f6lt be<\/strong>. Lehet, hogy nem egy feliratkoz\u00e1sn\u00e1l vagy egy keres\u0151mez\u0151n\u00e9l, de p\u00e9ld\u00e1ul egy hiba\u00fczenetn\u00e9l tal\u00e1n T\u00e9ged is fel tud ideges\u00edteni egy rosszul megfogalmazott sz\u00f6veg. Nyilv\u00e1n maga a hiba megt\u00f6rt\u00e9nte is zavar, de sokszor a micrcopy miatt lesz igaz\u00e1n d\u00fch\u00edt\u0151. Ilyenkor m\u00e1r csak egy l\u00e9p\u00e9s, hogy kattints a jobb fels\u0151 sarokban az X-re.<\/p>\n\n\n\n A mikrosz\u00f6vegek r\u00e9v\u00e9n megmutathatod azt is, hogy val\u00f3di, \u00e9l\u0151 emberek \u00e1llnak egy-egy weboldal m\u00f6g\u00f6tt<\/strong>, a megfelel\u0151 megfogalmaz\u00e1sok r\u00e9v\u00e9n bar\u00e1ts\u00e1gosabb\u00e1 teheted vel\u00fck a felhaszn\u00e1l\u00f3i fel\u00fcletet. M\u00e1rpedig min\u00e9l emberibbnek t\u0171nik a weboldalad, ann\u00e1l jobban megb\u00edznak benne a felhaszn\u00e1l\u00f3k.<\/p>\n\n\n\n Nagyon fontos p\u00e9ld\u00e1ul hiba\u00fczenetekn\u00e9l a bar\u00e1ts\u00e1gos \u00e9s seg\u00edt\u0151k\u00e9sz megsz\u00f3lal\u00e1s<\/strong>. Hiszen annak, ahogy a hib\u00e1kat kommunik\u00e1lod, \u00f3ri\u00e1si hat\u00e1sa van arra, hogy az embereknek milyen benyom\u00e1sai keletkeznek a weboldaladr\u00f3l, alkalmaz\u00e1sodr\u00f3l vagy term\u00e9kedr\u0151l. Egy rosszul megfogalmazott hiba\u00fczenet csal\u00f3d\u00e1st kelthet, m\u00edg egy \u00fcgyesen megfogalmazott sz\u00f6veg a kibontakoz\u00f3 csal\u00f3d\u00e1st ak\u00e1r egy \u00f6r\u00f6mteli, vagy legal\u00e1bbis elviselhet\u0151 pillanatt\u00e1 v\u00e1ltoztathatja. Ehhez csak az kell, hogy emberi hangon fogalmazd meg, amit mondani akarsz, \u00e9s az megfelel\u0151en illeszkedjen a k\u00f6z\u00f6ns\u00e9ged hangnem\u00e9hez.<\/p>\n\n\n\n Amit fontos meg\u00e9rteni a microcopyn\u00e1l, hogy a k\u00f6rnyezett\u0151l f\u00fcgg<\/strong>. Ez\u00e9rt k\u00e9pesek a mikrosz\u00f6vegek adott pillanatban az agg\u00f3d\u00f3 felhaszn\u00e1l\u00f3kat megnyugtatni. P\u00e9ld\u00e1ul, amikor a l\u00e1togat\u00f3k feliratkoznak valamire a weboldaladon, inform\u00e1ci\u00f3kat osztanak meg magukr\u00f3l, teh\u00e1t egy sz\u00e1mukra nagy horderej\u0171 cselekv\u00e9st hajtanak v\u00e9gre. Gondolj csak a Mailchimp vicces mikrosz\u00f6vegeire, melyek egy-egy stresszes, kritikus pillanatot kifejezetten vid\u00e1mm\u00e1 tudnak alak\u00edtani.<\/p>\n\n\n\n Erre sz\u00e1mtalan lehet\u0151s\u00e9g k\u00edn\u00e1lkozik egy weboldaladon. A leggyakoribb, amikor a mikrosz\u00f6veg seg\u00edts\u00e9g\u00e9vel akarod r\u00e1venni a felhaszn\u00e1l\u00f3t egy cselekv\u00e9s v\u00e9grehajt\u00e1s\u00e1ra, esetleg meger\u0151s\u00edtesz egy \u00fczenetet<\/strong>. A microcopy hasznos az emberek sz\u00e1m\u00e1ra, mert p\u00e9ld\u00e1ul v\u00e9gigvezeti \u0151ket egy regisztr\u00e1ci\u00f3s oldalon, vagy elmagyar\u00e1zza nekik, hogy mi\u00e9rt kell kit\u00f6lteni\u00fck egy-egy mez\u0151t.<\/p>\n\n\n\n Ha siker\u00fcl j\u00f3 sz\u00f6vegeket k\u00e9sz\u00edtened, akkor az hat\u00e1ssal van a weboldaladra \u00e9s a c\u00e9gedre. Ha vil\u00e1gosan el tudod magyar\u00e1zni az embereknek, hogy mit, mi\u00e9rt \u00e9s hogyan t\u00f6ltsenek ki egy \u0171rlapon, akkor a hib\u00e1tlan kit\u00f6lt\u00e9s \u00e9s egy j\u00f3 call to action hat\u00e1s\u00e1ra javulni fog a konverzi\u00f3s ar\u00e1nyod.<\/p>\n\n\n\n R\u00e1ad\u00e1sul, ha valahol probl\u00e9ma van a weboldaladon, nem hozza a konverzi\u00f3kat, akad\u00e1lyokba \u00fctk\u00f6znek a felhaszn\u00e1l\u00f3k – amir\u0151l egy haszn\u00e1lhat\u00f3s\u00e1gi teszt ad inform\u00e1ci\u00f3kat -, akkor a microcopyval eg\u00e9szen finoman vissza tudod vezetni \u0151ket a helyes \u00fatra<\/strong>, \u00e9s r\u00e1veheted \u0151ket arra, hogy megtegy\u00e9k a sz\u00e1modra fontos cselekedetet.<\/p>\n\n\n\n Mivel sz\u00f6vegekr\u0151l van sz\u00f3, a lehet\u0151s\u00e9gek sz\u00e1ma v\u00e9gtelen. A megfogalmaz\u00e1suk els\u0151sorban att\u00f3l f\u00fcgg, hogy milyen a m\u00e1rk\u00e1d, mert annak hangv\u00e9tel\u00e9hez kell igazodnod. A szavak \u00e9s a vizu\u00e1lis elemek megfelel\u0151 kombin\u00e1ci\u00f3ja a kulcs ahhoz, hogy kommunik\u00e1lni tudj a felhaszn\u00e1l\u00f3kkal \u00e9s seg\u00edtsd \u0151ket a c\u00e9ljaik el\u00e9r\u00e9s\u00e9ben. Ehhez \u00e9rdemes figyelembe venni 3 kommunik\u00e1ci\u00f3s elvet:<\/p>\n\n\n\n Nem tudod megtenni azt, ha van egy weboldalad, hogy ne kommunik\u00e1lj. M\u00e9g ha semmit sem mondasz, azzal is kifejezel valamit. Vagyis egy dolgot tehetsz: megfontolod, megtervezed a kommunik\u00e1ci\u00f3d. A microcopy az, ahogy a term\u00e9ked kommunik\u00e1l: v\u00e1laszokr\u00f3l, visszajelz\u00e9sekr\u0151l, ir\u00e1ny\u00edt\u00e1sr\u00f3l, a felhaszn\u00e1l\u00f3k k\u00e9nyelm\u00e9r\u0151l \u00e9s b\u00e1tor\u00edt\u00e1s\u00e1r\u00f3l sz\u00f3l.<\/p>\n\n\n\n Ha nem tervezed meg a felhaszn\u00e1lt szavakat, att\u00f3l m\u00e9g valamit k\u00f6z\u00f6lni fog a felhaszn\u00e1l\u00f3kkal, csak nem azt, amit szeretn\u00e9l. P\u00e9ld\u00e1ul az \u00fczeni nekik, hogy nem tudsz vagy nem akarsz nekik seg\u00edteni, nem \u00e9rdekel annyira a probl\u00e9m\u00e1juk, mint amennyire kellene. Ez persze az \u00fcgyf\u00e9l-\u00e9lm\u00e9ny szempontj\u00e1b\u00f3l nem szerencs\u00e9s. A kommunik\u00e1ci\u00f3 teh\u00e1t kulcsfontoss\u00e1g\u00fa a haszn\u00e1lhat\u00f3s\u00e1g szempontj\u00e1b\u00f3l.<\/p>\n\n\n\n Ha a weboldaladon valamilyen inform\u00e1ci\u00f3t k\u00e9rsz a felhaszn\u00e1l\u00f3kt\u00f3l, vagy azt v\u00e1rod, hogy valamit megtegyenek, akkor a microcopy seg\u00edts\u00e9g\u00e9vel kommunik\u00e1lnod kell, hogy milyen \u00e9rt\u00e9ket k\u00edn\u00e1lsz ez\u00e9rt cser\u00e9be. V\u00e1laszolnod kell a felhaszn\u00e1l\u00f3k azon k\u00e9rd\u00e9s\u00e9re: hogy, „mi a hasznom nekem ebb\u0151l az eg\u00e9szb\u0151l?”<\/p>\n\n\n\n Az ilyen k\u00e9rd\u00e9sek k\u00e9pesek meg\u00e1ll\u00edtani az embereket, amikor a c\u00e9ljuk el\u00e9r\u00e9s\u00e9re t\u00f6rekednek. Vagyis v\u00e1laszt kell adnod, \u00e9s valamit k\u00edn\u00e1lnod kell nekik. Nem bonyolult dolgok ezek:<\/p>\n\n\n\n A l\u00e9nyeg, hogy az \u00fczleti c\u00e9ljaid \u00f6sszep\u00e1ros\u00edtsd a felhaszn\u00e1l\u00f3i el\u0151ny\u00f6kkel, \u00e9s mindez jelenjen meg a mikrosz\u00f6vegekben is.<\/p>\n\n\n\n A felhaszn\u00e1l\u00f3kat mindig seg\u00edtened kell abban, hogy megkapj\u00e1k, amit akarnak. De mi van, ha valami hiba cs\u00faszik a folyamatba? Ezt jelezned kell a felhaszn\u00e1l\u00f3knak, azonban a hiba\u00fczenetnek mindig konstrukt\u00edvnak kell lennie. Ezt pedig a mikrosz\u00f6vegben kell el\u00e9rned.<\/p>\n\n\n\n Vagyis, amikor visszajelz\u00e9st kell adnod, mindig legy\u00e9l konstrukt\u00edv! Hiszen a weboldalad az\u00e9rt van, hogy seg\u00edtse a felhaszn\u00e1l\u00f3kat el\u00e9rni a c\u00e9ljaikat. Teh\u00e1t ne azt mond, hogy „Nem tudsz bel\u00e9pni!”, hanem azt, hogy „Nem tudsz bel\u00e9pni, mert a be\u00edrt jelsz\u00f3 hib\u00e1s. K\u00e9rlek pr\u00f3b\u00e1ld \u00fajra, vagy k\u00e9rj \u00faj jelsz\u00f3t!” Konstrukt\u00edvnak lenni teh\u00e1t hasznos. Ez\u00e9rt ez legyen a legnagyobb priorit\u00e1s\u00fa feladat minden mikrosz\u00f6vegn\u00e9l.<\/p>\n\n\n\n Pr\u00f3b\u00e1ld meg\u00e9rteni a weboldalad l\u00e1togat\u00f3it, pr\u00f3b\u00e1lj vel\u00fck \u00f6sszhangba ker\u00fclni! Ehhez tudnod kell, hogy mit gondolnak, mit \u00e9reznek, mire van sz\u00fcks\u00e9g\u00fck egy adott pillanatban. Mint a UX eset\u00e9ben mindig, itt is az emp\u00e1tia a kulcs<\/strong>. Azt kell megmutatnod nekik, hogy vel\u00fck vagy.<\/p>\n\n\n\n Az egyik megold\u00e1s, ha teszteled a weboldalad, \u00e9s k\u00f6zben figyelsz arra, hogy a felhaszn\u00e1l\u00f3k milyen szavakat haszn\u00e1lnak. Azokat a kifejez\u00e9seket kellene alkalmaznod, melyek a sz\u00e1jukb\u00f3l elhangzanak<\/strong> a weboldalad haszn\u00e1lata k\u00f6zben, akkor, mikor k\u00f6r\u00fcl\u00edrj\u00e1k azokat a cselekedeteket, melyeket v\u00e9grehajtanak.<\/p>\n\n\n\n A weboldalad l\u00e1togat\u00f3ihoz sz\u00f3lj, ne csak besz\u00e9lj bele a leveg\u0151be. Haszn\u00e1lhatod a Te vagy \u00d6n n\u00e9vm\u00e1sokat, de el\u00e9g, ha \u00fagy fogalmazol, hogy az a felhaszn\u00e1l\u00f3khoz sz\u00f3l. Teh\u00e1t ne azt \u00edrd, hogy „1 term\u00e9k a kos\u00e1rba ker\u00fclt”, hanem azt, hogy „1 term\u00e9ket a kosaradba tett\u00fcnk” vagy „1 term\u00e9ket az \u00d6n kosar\u00e1ba tett\u00fcnk”. Ugye mennyivel szem\u00e9lyesebb?<\/p>\n\n\n\n Ha CTA-r\u00f3l van sz\u00f3 vagy b\u00e1rmilyen interakt\u00edv elemr\u0151l, ahol cselekednie kell a felhaszn\u00e1l\u00f3nak, ott ker\u00fclj\u00f6n az ige a mondat elej\u00e9re. Ez sokkal k\u00f6zvetlenebb, \u00e9s aktivit\u00e1sra sarkallja a felhaszn\u00e1l\u00f3t. Teh\u00e1t ne azt \u00edrd p\u00e9ld\u00e1ul, hogy „A lehet\u0151s\u00e9gek”, hanem azt, hogy „V\u00e1laszd ki a Neked tetsz\u0151 megold\u00e1st!”.<\/p>\n\n\n\n A j\u00f3 microcopy seg\u00edt a felhaszn\u00e1l\u00f3knak abban, hogy an\u00e9lk\u00fcl v\u00e9grehajtsanak egy cselekv\u00e9st, hogy gondolkodniuk kellene rajta<\/strong>. Ez\u00e9rt olyan n\u00e9pszer\u0171 a „kattints ide” kifejez\u00e9s a CTA-kn\u00e1l. Ugyanakkor enn\u00e9l tov\u00e1bb is l\u00e9phetsz. Haszn\u00e1lj olyan szavakat, melyek vil\u00e1gosan elmondj\u00e1k az embereknek, hogy pontosan mi t\u00f6rt\u00e9nik! A kattinthat\u00f3 elemekre ker\u00fcljenek olyan sz\u00f6vegek, mint a „olvasd tov\u00e1bb!” vagy ak\u00e1r a „kos\u00e1rba teszem”, „k\u00e9rek inform\u00e1ci\u00f3t”, „let\u00f6lt\u00f6m”, „feliratkozom”, stb.<\/p>\n\n\n\n Ezen szavak mindegyike vil\u00e1gos \u00e9s \u00e9rthet\u0151, \u00e9s a felhaszn\u00e1l\u00f3k ezek alapj\u00e1n \u00e9rteni fogj\u00e1k, hogy mire sz\u00e1m\u00edthatnak, ha kattintanak. De p\u00e9ld\u00e1ul a j\u00f3 navig\u00e1ci\u00f3s kifejez\u00e9sek is el\u00e1rulj\u00e1k az embereknek, hogy hova juthatnak, \u00e9s megmagyar\u00e1zz\u00e1k, hogy mir\u0151l sz\u00f3l a weboldal.<\/p>\n\n\n\n \u00dagy \u00edrj, ahogy szem\u00e9lyesen vagy telefonon besz\u00e9ln\u00e9l az \u00fcgyfeleiddel. A szakmais\u00e1got persze nem kell messzire haj\u00edtani, de a szaksz\u00f6vegeket ker\u00fcld. A felhaszn\u00e1l\u00f3k \u00e1ltal \u00e9rthet\u0151 szavakkal magyar\u00e1zd el, amit szeretn\u00e9l, bar\u00e1ts\u00e1gos, nyugodt hangnemben.<\/p>\n\n\n\n Miel\u0151tt a felhaszn\u00e1l\u00f3k elkezden\u00e9nek agg\u00f3dni egy cselekv\u00e9s, nyugtasd meg \u0151ket. Menj el\u00e9be az aggodalmaiknak! Legyenek \u00e1tl\u00e1that\u00f3k a folyamatok, ne rejtegess semmit. \u00c9rts\u00e9k meg, hogy mit mi\u00e9rt tesznek a weboldaladon vagy alkalmaz\u00e1sodban. Teh\u00e1t amikor mondjuk elk\u00e9red a telefonsz\u00e1mukat vagy az e-mail c\u00edm\u00fcket, akkor magyar\u00e1zd el, hogy mi\u00e9rt van ezekre az adatokra sz\u00fcks\u00e9ged, \u00e9s nyugtasd meg \u0151ket, hogy nem fogod zaklatni \u0151ket sem telefonon, sem spamekkel.<\/p>\n\n\n\n Amellett, hogy rendk\u00edv\u00fcl fontos meg\u00e9rtened a felhaszn\u00e1l\u00f3idat, szint\u00e9n l\u00e9nyeges az is, hogy tiszt\u00e1ban legy\u00e9l a m\u00e1rk\u00e1d identit\u00e1s\u00e1val \u00e9s st\u00edlus\u00e1val. Hiszen nem meglepni akarod az embereket. Gy\u0151z\u0151dj meg arr\u00f3l, hogy a sz\u00f6vegeid st\u00edlusa \u00e9s a hangneme \u00f6sszhangban \u00e1ll a weboldalad t\u00f6bbi r\u00e9sz\u00e9vel<\/strong>, \u00e9s ez\u00e1ltal a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny teljesen akad\u00e1lytalann\u00e1 v\u00e1lik.<\/p>\n\n\n\n Lehet, hogy meglep\u0151, de a mikrosz\u00f6vegeket is ki lehet haszn\u00e1lni arra, hogy egy kis vid\u00e1ms\u00e1got csemp\u00e9ssz az emberek \u00e9let\u00e9be, amikor a weboldaladat haszn\u00e1lj\u00e1k. Ezzel megmutathatod a m\u00e1rk\u00e1d, a c\u00e9ged egyedi st\u00edlus\u00e1t is, valamint emberibb\u00e9 is teheted ez\u00e1ltal<\/strong>, \u00edgy k\u00f6zelebb hozva a felhaszn\u00e1l\u00f3khoz.<\/p>\n\n\n\n Ugyanakkor azt sem szabad a viccesked\u00e9s k\u00f6zben elfelejteni, hogy a mikrosz\u00f6vegeknek fontos funkci\u00f3juk van a weboldalad legfontosabb r\u00e9szein\u00e9l. Vagyis nem szabad feladni egy-k\u00e9t tr\u00e9fa kedv\u00e9\u00e9rt a lehet\u0151 legvil\u00e1gosabb \u00e9s legt\u00f6m\u00f6rebb megfogalmaz\u00e1sokat. Nem \u00e1rt, ha az emberek arc\u00e1ra mosolyt csalsz, azonban arr\u00f3l sem szabad megfeledkezned, hogy mi a v\u00e9gs\u0151 c\u00e9lod.<\/p>\n\n\n\n \u00c9s persze mindig tartsd be az abban foglaltakat! A microcopy \u00e9ppen annyira a m\u00e1rk\u00e1d r\u00e9sze, mint a c\u00e9ged neve, vagy a szlogened<\/strong>. Kulcsfontoss\u00e1g\u00fa a k\u00f6vetkezetes hangnem. Gy\u0171jtsd \u00f6ssze a megfelel\u0151 ig\u00e9ket, melyeket azt\u00e1n el\u0151veszel, amikor sz\u00fcks\u00e9g van r\u00e1juk a weboldaladon! Szedd \u00f6ssze azokat az interakci\u00f3kat is, amikor a m\u00e1rk\u00e1d sz\u00e1m\u00e1ra el\u0151ny\u00f6s lehet a humor haszn\u00e1lata vagy az egy\u00e9nis\u00e9ged megmutat\u00e1sa! P\u00e9ld\u00e1ul egy vicc sokkal jobban illik egy jutalmaz\u00f3 \u00fczenethez vagy egy meger\u0151s\u00edt\u00e9shez, mint egy ir\u00e1nymutat\u00e1shoz egy \u0171rlapn\u00e1l vagy a weboldal navig\u00e1ci\u00f3j\u00e1n\u00e1l.<\/p>\n\n\n\n Ezt tal\u00e1n mondani sem kell, m\u00e9gis megeml\u00edtj\u00fck, hiszen a microcopy a nev\u00e9t is onnan kapta, hogy a legr\u00f6videbb sz\u00f6veg a kijelz\u0151k\u00f6n. A felhaszn\u00e1l\u00f3i interakci\u00f3kn\u00e1l nincs sz\u00fcks\u00e9g hossz\u00fa magyar\u00e1zatokra<\/strong>, ezek csak t\u00falterhelik az embereket.<\/p>\n\n\n\n A microcopynak k\u00e9t t\u00edpusa van: az egyik, ami folyamatosan l\u00e1that\u00f3, a m\u00e1sik viszont csak akkor jelenik meg, ha sz\u00fcks\u00e9g van r\u00e1<\/strong>. Ut\u00f3bbiakn\u00e1l hovert haszn\u00e1lnak a megjelen\u00e9sre. Minden azonban nem rejthet\u0151 el: vannak olyan fontos sz\u00f6vegek, melyeknek folyamatosan l\u00e1that\u00f3nak kell maradniuk a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. P\u00e9ld\u00e1ul formokn\u00e1l vagy gombokn\u00e1l.<\/p>\n\n\n\n A „tov\u00e1bbi inform\u00e1ci\u00f3” jelleg\u0171 sz\u00f6vegekn\u00e9l viszont haszn\u00e1lhat\u00f3 az elt\u0171n\u0151 \u00e9s felbukkan\u00f3 microcopy. Ezek akkor magyar\u00e1zz\u00e1k el az embereknek, hogy mi t\u00f6rt\u00e9nik, ha inform\u00e1ci\u00f3t k\u00e9r. Ezt kifejezhetj\u00fck a kis k\u00e9rd\u0151jel-ikonnal, melyre kattintva megjelennek a r\u00e9szletek.<\/p>\n\n\n\n A microcopy elhelyez\u00e9s\u00e9nek a norm\u00e1l sz\u00f6vegolvas\u00e1shoz kell igazodnia. N\u00e1lunk a legt\u00f6bben balr\u00f3l jobbra olvasnak, illetve fentr\u0151l lefel\u00e9. Teh\u00e1t, ha van egy \u0171rlapmez\u0151, ahol meg kell adnia egy adatot a felhaszn\u00e1l\u00f3nak, akkor a microcopy vagy annak jobb oldal\u00e1ra vagy k\u00f6zvetlen\u00fcl al\u00e1 ker\u00fcl<\/strong>. Haszn\u00e1lhatsz bizonyos esetekben placeholdert is, ennek azonban j\u00f3l olvashat\u00f3nak kell lennie. Az \u0171rlapok k\u00e9sz\u00edt\u00e9s\u00e9nek szab\u00e1lyair\u00f3l itt \u00edrtunk<\/a> r\u00e9szletesen.<\/p>\n\n\n\n Ha k\u00e9pk\u00e9nt jelen\u00edtesz meg sz\u00f6veget, az nem olvashat\u00f3 a keres\u0151motorok vagy a felolvas\u00f3-eszk\u00f6z\u00f6k sz\u00e1m\u00e1ra. De adott esetben a reszponz\u00edv megjelen\u00e9s miatt is neh\u00e9zz\u00e9 v\u00e1lhat az olvas\u00e1suk. Ez\u00e9rt jobb megold\u00e1s, ha minden sz\u00f6veg, \u00edgy a microcopy is sz\u00f6vegk\u00e9nt jelenik meg a weboldaladon. Arr\u00f3l is gy\u0151z\u0151dj azonban meg, hogy a m\u00e9rete \u00e9s a kontrasztja minden esetben biztos\u00edtja a k\u00f6nny\u0171 olvashat\u00f3s\u00e1got!<\/p>\n\n\n\n Lehet, hogy neked unalmasnak t\u0171nik, vagy feleslegesnek tartod, hogy ugyanazt le\u00edrod k\u00e9tszer vagy t\u00f6bbsz\u00f6r, azonban a felhaszn\u00e1l\u00f3k eg\u00e9szen m\u00e1shogy l\u00e1tj\u00e1k a weboldalad. Nem minden esetben olvass\u00e1k el a sz\u00f6veget, \u00e1tsiklanak rajta, \u00fagyhogy mondd el nekik \u00fajra, hogy biztosan el\u00e9rj\u00e9k a c\u00e9ljukat.<\/p>\n\n\n\n Egyetlen rendszer sem m\u0171k\u00f6dik hiba n\u00e9lk\u00fcl. A hiba lehet a felhaszn\u00e1l\u00f3\u00e9 vagy a rendszer\u00e9, de mindk\u00e9t esetben fontos a hib\u00e1k megfelel\u0151 kezel\u00e9se, mivel ez a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny r\u00e9sz\u00e9t k\u00e9pezi. Minden hiba\u00fczenetnek h\u00e1rom eleme van: <\/span><\/p>\n\n\n\n A hiba\u00fczenetek j\u00f3 lehet\u0151s\u00e9get jelentenek a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny fokoz\u00e1s\u00e1ra, \u00e1ltaluk is megmutathatod a m\u00e1rk\u00e1d \u00e9s annak szem\u00e9lyis\u00e9g\u00e9t. A hiba\u00fczenetek minden vonatkoz\u00e1s\u00e1nak szentelj kell\u0151 figyelmet: a nyelvezetnek, az elhelyez\u00e9snek \u00e9s a vizu\u00e1lis megjelen\u00e9snek is. <\/span><\/p>\n\n\n\n Egy j\u00f3 \u00e9s egy rossz hiba\u00fczent gyakran csak apr\u00f3 r\u00e9szletekben k\u00fcl\u00f6nb\u00f6zik. Egy j\u00f3 hiba\u00fczenettel cs\u00f6kkenthet\u0151 a felhaszn\u00e1l\u00f3i frusztr\u00e1ci\u00f3, \u00e9s seg\u00edt az embereknek a fel\u00fclet tov\u00e1bbi haszn\u00e1lat\u00e1ban. <\/p>\n\n\n\n Az embereknek meg kellene \u00e9rteni\u00fck a probl\u00e9m\u00e1t, mik\u00f6zben a hiba\u00fczented olvass\u00e1k. Ha nem \u00e9rtik, nem is tudnak tenni semmit az\u00e9rt, hogy megoldj\u00e1k, \u00e9s ez negat\u00edv ir\u00e1nyba befoly\u00e1solja a term\u00e9k haszn\u00e1lat\u00e1nak \u00e9lm\u00e9ny\u00e9t.<\/p>\n\n\n\n A hiba\u00fczenetnek teh\u00e1t mindig vil\u00e1gosan meg kell hat\u00e1roznia a probl\u00e9m\u00e1t, elmondania mi\u00e9rt k\u00f6vetkezett be a hiba, \u00e9s mit lehet tenni az adott a helyzetben.<\/p>\n\n\n\n Mindig gondolj \u00fagy a hiba\u00fczentre, mint egy besz\u00e9lget\u00e9sre a felhaszn\u00e1l\u00f3val! Ez\u00e9rt \u00fagy is kell hangzania, mintha k\u00f6zvetlen\u00fcl embereknek mondan\u00e1d. Persze mindenki m\u00e1shogy fejezi ki mag\u00e1t \u00fagyhogy arra az\u00e9rt figyelj, hogy legyen udvarias, \u00e9rthet\u0151, bar\u00e1ts\u00e1gos \u00e9s szaksz\u00f6veg-mentes a megfogalmaz\u00e1s. <\/p>\n\n\n\n Az nem el\u00e9g, ha csak azt \u00edrod, hogy valami probl\u00e9ma k\u00f6vetkezett be. Meg kell magyar\u00e1znod a felhaszn\u00e1l\u00f3knak, hogy mik\u00e9nt tudj\u00e1k korrig\u00e1lni a hib\u00e1t olyan gyorsan \u00e9s egyszer\u0171en, ahogy az csak lehets\u00e9ges. Teh\u00e1t nem elegend\u0151, ha jelzed a hib\u00e1t, hanem meg kell mutatnod a lehets\u00e9ges megold\u00e1sokat, amivel gyorsan korrig\u00e1lni lehet!<\/p>\n\n\n\n Ha bek\u00f6vetkezik egy hiba, akkor azt a felhaszn\u00e1l\u00f3nak miel\u0151bb jav\u00edtania kell. A hiba\u00fczenetnek elegend\u0151 inform\u00e1ci\u00f3t kell tartalmaznia a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra ahhoz, hogy megtegye a k\u00f6vetkez\u0151 l\u00e9p\u00e9st annak \u00e9rdek\u00e9ben, hogy kikeveredjen a kellemetlen szitu\u00e1ci\u00f3b\u00f3l<\/p>\n\n\n\n Nagyon gyakran el\u0151fordul, hogy weboldalak egyetlen hiba\u00fczenetet haszn\u00e1lnak minden hiba eset\u00e9ben. P\u00e9ld\u00e1ul, ha nem t\u00f6lt\u00f6d ki az e-mail c\u00edm mez\u0151t, akkor azt jelzi Neked a rendszer, hogy „\u00edrj be egy \u00e9rv\u00e9nyes e-mail c\u00edmet”. Ez rendben van. De ha mondjuk kihagyod az @ jelet az e-mailc\u00edmedb\u0151l, akkor is ugyanezt mondja: „\u00edrj be egy \u00e9rv\u00e9nyes e-mail c\u00edmet”. De ilyenkor nem biztos, hogy \u00e9szreveszed, hol a hiba. <\/span><\/p>\n\n\n\n A p\u00e9ldak\u00e9nt m\u00e1r sokszor felhozott Mailchimp ezt \u00fagy oldja meg, hogy 3 hiba\u00fczenetet haszn\u00e1l az e-mail beviteln\u00e9l. Az els\u0151 akkor jelenik meg, ha a beviteli mez\u0151 \u00fcres marad. A m\u00e1sodik \u00e9s a harmadik akkor, ha hi\u00e1nyzik bel\u0151le a @ \u00e9s a „.” jel. A l\u00e9nyeg teh\u00e1t, hogy a felhaszn\u00e1l\u00f3nak konkr\u00e9t, az adott hib\u00e1ra vonatkoz\u00f3 \u00fczenetet kell megjelen\u00edtenie, nem egy \u00e1ltal\u00e1nosat, b\u00e1r t\u00e9ny, hogy sz\u00e1modra az ut\u00f3bbi nyilv\u00e1n k\u00e9nyelmesebb.<\/p>\n\n\n\n Mik\u00f6zben a hiba\u00fczenetnek pontosnak kell lennie, \u00e9s meg kell hat\u00e1roznia a hib\u00e1t \u00e9s a megold\u00e1st, a technikai r\u00e9szletekkel felesleges terhelned a felhaszn\u00e1l\u00f3t, mert csak \u00f6sszezavarja. A legt\u00f6bb embert nem is \u00e9rdekli a probl\u00e9ma technikai h\u00e1ttere, csak a megold\u00e1st keresi.<\/p>\n\n\n\n Ne hib\u00e1ztasd a felhaszn\u00e1l\u00f3kat, ha valamit elrontottak a weboldalad haszn\u00e1lata k\u00f6zben! Legy\u00e9l vel\u00fck kedves, hogy j\u00f3l \u00e9rezz\u00e9k magukat a weboldaladon. Ez egy j\u00f3 lehet\u0151s\u00e9g arra is, hogy haszn\u00e1ld a „m\u00e1rk\u00e1d hangj\u00e1t”, \u00e9s szem\u00e9lyess\u00e9get vigy\u00e9l a hiba\u00fczenetekbe is. <\/span><\/p>\n\n\n\n Arra azonban figyelj, hogy annyira ne v\u00e1lj\u00e1l bar\u00e1tkoz\u00f3v\u00e1, hogy „buta” hiba\u00fczeneteket fogalmazz meg. Ezek ugyanis ideges\u00edt\u0151ek lehetnek a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra egy stresszes, komoly szitu\u00e1ci\u00f3ban. Seg\u00edthet az \u00fczenet megfogalmaz\u00e1s\u00e1ban, ha hangosan elolvasod a sz\u00f6veget, mert \u00edgy k\u00f6nnyebben ki tudod sz\u00farni a rossz szavakat, megfogalmaz\u00e1sokat.<\/p>\n\n\n\n A vicces megfogalmaz\u00e1sokkal azonban b\u00e1nj \u00f3vatosan! Mindig tartsd szem el\u0151tt, hogy a hiba\u00fczenetnek els\u0151sorban informat\u00edvnak \u00e9s a seg\u00edt\u0151k\u00e9sznek kell lennie. Ha ez megvan, akkor bevetheted a humort is a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny jav\u00edt\u00e1sa \u00e9rdek\u00e9ben, de csak akkor, ha alkalmas az adott helyzetben. <\/span><\/p>\n\n\n\n Ha egy felhaszn\u00e1l\u00f3 azt l\u00e1tja egy hiba\u00fczenetben, hogy azt nagyon hangs\u00falyozni prob\u00e1lod sz\u00e1m\u00e1ra – sokan az \u00e9l\u0151besz\u00e9dbeli ord\u00edt\u00e1snak \u00e9rz\u00e9kelik -, akkor az csak elb\u00e1tortalan\u00edtja. R\u00e1ad\u00e1sul nehezebb is olvasni a nagybet\u0171s sz\u00f6vegeket.<\/p>\n\n\n\n A j\u00f3 hiba\u00fczenet akkor jelenik meg, amikor sz\u00fcks\u00e9g van r\u00e1. Ker\u00fcld el a hiba-\u00f6sszefoglal\u00e1sokat egy-egy oldal alj\u00e1n! A konkr\u00e9t hib\u00e1ra vonatkoz\u00f3 hiba\u00fczenet mindig azon elem mellett jelenjen meg, melyhez kapcsol\u00f3dik<\/strong>. <\/span><\/p>\n\n\n\n A hiba\u00fczenetednek j\u00f3l l\u00e1that\u00f3nak kell lennie<\/strong>. Haszn\u00e1lj kontrasztos sz\u00f6veget \u00e9s h\u00e1tt\u00e9rsz\u00ednt, \u00edgy a felhaszn\u00e1l\u00f3k k\u00f6nnyen \u00e9szreveszi \u00e9s elolvassa! Hagyom\u00e1nyosan a piros sz\u00ednt haszn\u00e1ljuk a hiba\u00fczenetekn\u00e9l, de olykor a s\u00e1rga vagy a narancss\u00e1rga is bevethet\u0151, mert egyesek szerint a piros t\u00fals\u00e1gosan nagy stresszt okoz a felhaszn\u00e1l\u00f3knak. <\/span><\/p>\n\n\n\n B\u00e1rmelyiket is alkalmazod, mindig gy\u0151z\u0151dj meg arr\u00f3l, hogy a sz\u00f6veged olvashat\u00f3 \u00e9s a kontraszt r\u00e9v\u00e9n kell\u0151en kiemelkedik a h\u00e1tt\u00e9rb\u0151l. Ne felejts el egy kapcsol\u00f3d\u00f3 ikont is megjelen\u00edteni, mely t\u00f6bbek k\u00f6z\u00f6tt azoknak az embereknek seg\u00edt, akiknek gondjuk van a sz\u00ednek l\u00e1t\u00e1s\u00e1val. <\/span><\/p>\n\n\n\n Mint l\u00e1that\u00f3, az \u00f6rd\u00f6g a r\u00e9szletekben rejlik. Ilyen r\u00e9szlet a microcopy is, melynek megfogalmaz\u00e1sa jelent\u0151s k\u00fcl\u00f6nbs\u00e9get jelenthet akkor, amikor a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyr\u0151l van sz\u00f3 a weboldaladon. \u00d6sszess\u00e9g\u00e9ben pedig elmondhat\u00f3, hogy egy weboldal tervez\u00e9se sor\u00e1n a legapr\u00f3bb r\u00e9szletekre is figyelni kell, hiszen mint l\u00e1that\u00f3, rendk\u00edv\u00fcli fontoss\u00e1guk lehet. \u00c9s az apr\u00f3 r\u00e9szletek eset\u00e9ben tulajdonk\u00e9ppen nem is apr\u00f3 r\u00e9szletekr\u0151l van sz\u00f3, hiszen ezek jelentik mag\u00e1t a designt.<\/p>\n\n\n\n Nyilv\u00e1n T\u00e9ged is zavar, amikor egy eltervezett folyamat olajozott v\u00e9grehajt\u00e1sa helyett egyszer csak be\u00fct egy hiba\u00fczenet. A helyzet csak rosszabb lesz, ha nem \u00e9rted, hogy hol a hiba, mert a hiba\u00fczenet nem fogalmaz vil\u00e1gosan. Ilyen esetekben az emberek hajlamosak arra, hogy az eg\u00e9szet feladj\u00e1k<\/strong>, otthagyj\u00e1k, kihaj\u00edts\u00e1k a mobilt vagy a laptopot az ablakon. Olykor m\u00e9g az is el\u0151fordul, hogy valakit annyira felideges\u00edt egy hiba\u00fczenet, hogy nem csak hogy nem fog rendelni, v\u00e1s\u00e1rolni, stb. egy weboldalon, hanem h\u00e1bor\u00fat fog ind\u00edtani az adott weboldallal, c\u00e9ggel szemben.<\/p>\n\n\n\n De milyen hib\u00e1kat k\u00f6vethetsz el a hiba\u00fczeneteidn\u00e9l, melyek kik\u00e9sz\u00edthetik az embereket?<\/p>\n\n\n\n A hiba\u00fczenetedben vil\u00e1gosan kell fogalmaznod, pontosan meg kell hat\u00e1roznod, hogy mi t\u00f6rt\u00e9nt, hol a hiba, \u00e9s az adott helyzetben mi a teend\u0151. \u0170rlapok eset\u00e9ben jelezned kell, hogy melyik mez\u0151 kit\u00f6lt\u00e9s\u00e9n\u00e9l mer\u00fclt fel a gond, \u00e9s hogy mit kell tennie a felhaszn\u00e1l\u00f3nak. A l\u00e9nyeg, hogy a felhaszn\u00e1l\u00f3nak ne kelljen t\u00f6rnie a fej\u00e9t azon, hogy mit rontott el<\/strong>. Tedd a lehet\u0151 legvil\u00e1gosabb\u00e1 sz\u00e1m\u00e1ra a helyzetet \u00e9s a megold\u00e1s\u00e1t!<\/p>\n\n\n\n Semmik\u00e9ppen ne ijesztgesd a felhaszn\u00e1l\u00f3t, ne hib\u00e1ztasd, \u00e9s ne f\u00fajd fel a probl\u00e9m\u00e1t, ne tegy\u00e9l \u00fagy, mintha nagyobb hib\u00e1t k\u00f6vetett volna el, mint amekkor\u00e1r\u00f3l val\u00f3j\u00e1ban sz\u00f3 van. K\u00fcl\u00f6n\u00f6sen akkor ne, ha Te k\u00f6vett\u00e9l el hib\u00e1t. De m\u00e9g akkor se hib\u00e1ztasd az embereket, ha t\u00e9nyleg \u0151k hib\u00e1ztak!<\/p>\n\n\n\n M\u00e9g a negat\u00edv kifejez\u00e9seket is ker\u00fcld el a hiba\u00fczeneteidben<\/strong>, mert m\u00e1r ezek miatt is b\u0171ntudatuk lehet az embereknek, azt \u00e9rezhetik, hogy hib\u00e1ztak, \u00e9s azt gondolhatj\u00e1k, hogy a helyzet rosszabb, mint val\u00f3j\u00e1ban. Ker\u00fcld az olyan negat\u00edv szavakat, mint a \u201chiba\u201d, \u201cvalami nincs rendben\u201d, \u201cprobl\u00e9ma t\u00f6rt\u00e9nt\u201d, \u201ct\u00f6nkrement\u201d, stb.<\/p>\n\n\n\n Egy hiba csak m\u00e9g s\u00falyosabbnak t\u0171nik a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra abban az esetben, ha azt hossz\u00fa, bulletpointos list\u00e1ban t\u00e1laljuk neki. Amikor az emberek azt l\u00e1tj\u00e1k, hogy egyszerre sz\u00e1mtalan hib\u00e1t elk\u00f6vettek, ink\u00e1bb feladj\u00e1k, ahelyett, hogy megoldan\u00e1k a helyzetet.<\/p>\n\n\n\n Egy \u0171rlap eset\u00e9n c\u00e9lszer\u0171 egyb\u0151l az elrontott mez\u0151 mellett, azonnal jelezni<\/strong>, hogy jav\u00edt\u00e1sra van sz\u00fcks\u00e9g. De ha m\u00e9gsem \u00edgy oldod meg az \u0171rlapod, akkor is pontosan utalj arra, hol k\u00f6vette el a hib\u00e1t a felhaszn\u00e1l\u00f3. A hiba\u00fczenet elhelyez\u00e9se teh\u00e1t kulcsk\u00e9rd\u00e9s, a pontos pozicion\u00e1l\u00e1s sok felesleges magyar\u00e1zatt\u00f3l k\u00edm\u00e9l meg, mik\u00f6zben a felhaszn\u00e1l\u00f3 egyb\u0151l l\u00e1tja, hol hib\u00e1zott.<\/p>\n\n\n\n Ha m\u00e1r siker\u00fclt \u00f6sszehoznod egy kedves \u00e9s bocs\u00e1natk\u00e9r\u0151 \u00fczenetet, vil\u00e1goss\u00e1 teszed a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra, hogy mi a hiba, r\u00e1ad\u00e1sul a megfelel\u0151 helyre teszed a hiba\u00fczenetet, m\u00e9g azt is tiszt\u00e1zni kell, hogy pontosan mit v\u00e1rsz el a felhaszn\u00e1l\u00f3t\u00f3l, mit is kellene tennie<\/strong>. Nagyon sok hiba\u00fczenet van, amelyik nem fogalmazza meg, mi is lenne a k\u00f6vetkez\u0151 l\u00e9p\u00e9s.<\/p>\n\n\n\n Enn\u00e9l m\u00e9g jobb megold\u00e1s, ha m\u00e1r el\u0151re jelzed az emberek sz\u00e1m\u00e1ra, hogy pontosan mit v\u00e1rsz el t\u0151l\u00fck, mire figyeljenek. R\u00f6vid kis mondatokra, z\u00e1r\u00f3jeles megjegyz\u00e9sekre kell gondolni, \u00fagynevezett microcopykra, melyek vezetik a felhaszn\u00e1l\u00f3t<\/a> \u00e9s m\u00e9rs\u00e9klik a bizonytalans\u00e1g\u00e1t. Ha \u00edgy teszel, cs\u00f6kkentheted a hiba\u00fczeneteik megjelen\u00e9s\u00e9nek sz\u00e1m\u00e1t, ami hatalmas l\u00e9p\u00e9s a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny jav\u00edt\u00e1sa fel\u00e9.<\/p>\n\n\n\n Mindezek alapj\u00e1n m\u00e1r tudod korrig\u00e1lni, ha n\u00e1lad sincs minden rendben a hiba\u00fczenetekkel, de a l\u00e9nyeg, amit mindenk\u00e9ppen jegyezz meg, hogy a hiba\u00fczenetnek emberinek, seg\u00edt\u0151k\u00e9sznek, humorosnak \u00e9s al\u00e1zatosnak kell lennie<\/strong>.<\/p>\n\r\nMik azok a mikrointerakci\u00f3k?<\/h3>\n\n\n\n
![\"Felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/01\/felhasznalo-webdesign.png\")
<\/figure>\n\n\n\n![\"mikrointerakcio\"](\"https:\/\/webshark.hu\/wp-content\/uploads\/2016\/04\/mikrointerakcio.gif\")
Mi\u00e9rt fontosak a mikrointerakci\u00f3k?<\/h3>\n\n\n\n
Megmutatj\u00e1k a rendszer \u00e1llapot\u00e1t<\/h4>\n\n\n\n
Megel\u0151zik a hib\u00e1kat<\/h4>\n\n\n\n
![\"Mikrointerakci\u00f3](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2018\/06\/mikrointerakcio.jpg\")
<\/figure><\/div>\n\n\n\nKommunik\u00e1lja a m\u00e1rk\u00e1t<\/h4>\n\n\n\n
Mikrointerakci\u00f3k a gyakorlatban<\/h3>\n\n\n\n
Milyen legyen egy mikrointerakci\u00f3?<\/h3>\n\n\n\n
II. Mi az a microcopy? Mikor \u00e9s hogyan haszn\u00e1ld?<\/h2>\n\n\n\n
Mikor kell haszn\u00e1lnod?<\/h3>\n\n\n\n
H\u00e1rom kommunik\u00e1ci\u00f3s szab\u00e1ly, amit vegy\u00e9l figyelembe a mikrosz\u00f6vegek \u00edr\u00e1sakor!<\/h3>\n\n\n\n
1. A sz\u00f6vegeid akkor is kommunik\u00e1lnak, ha nem foglalkozol vel\u00fck<\/h4>\n\n\n\n
2. Mutasd meg, mit adsz!<\/h4>\n\n\n\n
3. Mindig legy\u00e9l konstrukt\u00edv!<\/h4>\n\n\n\n
N\u00e9h\u00e1ny tov\u00e1bbi gyakorlati tipp a j\u00f3 mikrosz\u00f6vegekhez!<\/h3>\n\n\n\n
Ismerd meg a felhaszn\u00e1l\u00f3idat!<\/h4>\n\n\n\n
Haszn\u00e1lj szem\u00e9lyes n\u00e9vm\u00e1sokat!<\/h4>\n\n\n\n
Kezdd ig\u00e9vel a mondatokat!<\/h4>\n\n\n\n
Mondd meg, hogy mit tegyen!<\/h4>\n\n\n\n
Haszn\u00e1lj term\u00e9szetes nyelvet!<\/h4>\n\n\n\n
El\u0151zd meg az aggodalmakat!<\/h4>\n\n\n\n
Igazodj a m\u00e1rk\u00e1dhoz!<\/h4>\n\n\n\n
Ne f\u00e9lj megmutatni a szem\u00e9lyis\u00e9ged!<\/h4>\n\n\n\n
Alak\u00edts ki egy bels\u0151 st\u00edlus-\u00fatmutat\u00f3t!<\/h4>\n\n\n\n
Legyen t\u00f6m\u00f6r!<\/h4>\n\n\n\n
A fontos sz\u00f6veg legyen mindig l\u00e1that\u00f3!<\/h4>\n\n\n\n
Helyezd a jobb oldalra!<\/h4>\n\n\n\n
Ne k\u00e9pk\u00e9nt jelenjen meg a sz\u00f6veg!<\/h4>\n\n\n\n
Ne f\u00e9lj megism\u00e9telni, amit egyszer m\u00e1r elmondt\u00e1l!<\/h4>\n\n\n\n
III. A microsz\u00f6vegek egy t\u00edpusa: a hiba\u00fczenet<\/h2>\n\n\n\n
Hogyan fogalmazd meg a hiba\u00fczenetet? <\/span><\/h4>\n\n\n\n
El kell mondanod, mi t\u00f6rt\u00e9nt \u00e9s mi\u00e9rt<\/h4>\n\n\n\n
![\"\u00c9rthet\u0151](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ertheto-hibauzenet.png\")
A hiba\u00fczenetnek seg\u00edt\u0151k\u00e9sznek kell lennie <\/strong><\/h4>\n\n\n\n
Mindig jelezd a k\u00f6vetkez\u0151 l\u00e9p\u00e9st!<\/h4>\n\n\n\n
A hiba\u00fczenetnek konkr\u00e9tan a helyzetre kell vonatkoznia <\/strong><\/h4>\n\n\n\n
Emberi nyelven fogalmazd meg!<\/h4>\n\n\n\n
![\"Felesleges](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/technikai-reszletek-hibauzenetben.png\")
A hiba\u00fczenet legyen udvarias! <\/strong><\/h4>\n\n\n\n
![\"udvarias](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/udvarias-hibauzenet.png\")
Haszn\u00e1ld a humort, ha az adott helyzetben megfelel\u0151 <\/strong><\/h4>\n\n\n\n
Ne haszn\u00e1lj csupa nagybet\u0171t!<\/h4>\n\n\n\n
![\"Nagybet\u0171s](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/nagybetus-hibauzenet.png\")
<\/figure>\n\n\n\nHol \u00e9s hogyan jelen\u00edtsd meg a hiba\u00fczeneteket? <\/span><\/h3>\n\n\n\n
Milyen hib\u00e1kat k\u00f6vethetsz el a hiba\u00fczeneteidn\u00e9l?<\/strong><\/h3>\n\n\n\n
K\u00e9t\u00e9rtelm\u0171en fogalmazol<\/h4>\n\n\n\n
A felhaszn\u00e1l\u00f3t hib\u00e1ztatod<\/h4>\n\n\n\n
Rosszul helyezed el a hiba\u00fczenetet<\/h4>\n\n\n\n
Tiszt\u00e1zatlan elv\u00e1r\u00e1said vannak<\/h4>\n\n\n\n