Most nem \u00faj szoftverekr\u0151l vagy a technol\u00f3giai h\u00e1tt\u00e9rr\u0151l lesz sz\u00f3, hanem olyan UX tervez\u00e9sben haszn\u00e1lhat\u00f3 gyakorlatokr\u00f3l, melyek egyre t\u00f6bbsz\u00f6r jelennek meg a weboldalk\u00e9sz\u00edt\u00e9sn\u00e9l. Nem is felt\u00e9tlen\u00fcl vadonat\u00fajak ezek, hiszen m\u00e1r \u00e9vekkel ezel\u0151tt is tal\u00e1lkozhattunk vel\u00fck, azonban sokan m\u00e9g mindig csak ismerkednek vel\u00fck. Mi is csak felvillantjuk ezeket most, ha valamelyik haszn\u00e1lhat\u00f3nak t\u0171nik, akkor \u00e9rdemes m\u00e9lyebben megismerkedni vele.<\/p>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2020\/05\/webdesign-ux.png\")
<\/a><\/figure><\/div>\n\n\n\nFelhaszn\u00e1l\u00f3i folyamat tervez\u00e9se<\/h3>\n\n\n\n
A felhaszn\u00e1l\u00f3i utak<\/a> olyan folyamatok, melyeket \u00fagy terveznek, hogy a felhaszn\u00e1l\u00f3k bizonyos cselekv\u00e9seket egym\u00e1st k\u00f6vet\u0151en v\u00e9grehajtsanak. Ezeket a cselekv\u00e9seket persze alapvet\u0151en a weboldaltulajdonos szeretn\u00e9 l\u00e1tni a l\u00e1togat\u00f3kt\u00f3l. A felhaszn\u00e1l\u00f3i folyamatban val\u00f3 gondolkod\u00e1s seg\u00edt mindenesetre seg\u00edt a felhaszn\u00e1l\u00f3i ig\u00e9nyek meghat\u00e1roz\u00e1s\u00e1ban, \u00e9s megfelel\u0151 keretet biztos\u00edt a tartalom elk\u00e9sz\u00edt\u00e9s\u00e9hez. <\/p>\n\n\n\n A storyboardokat r\u00e9gen a filmk\u00e9sz\u00edt\u00e9sben haszn\u00e1lt\u00e1k az\u00e9rt, hogy el\u0151re felv\u00e1zoljanak bizonyos jeleneteket, vizu\u00e1lis form\u00e1ban, illetve m\u00e9g azt megel\u0151z\u0151en megalkoss\u00e1k a film saj\u00e1t vil\u00e1g\u00e1t, hogy elkezden\u00e9k a munk\u00e1t. De a weboldalk\u00e9sz\u00edt\u00e9sn\u00e9l is hasznosak lehetnek, amikor meg kell tervezni a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt.<\/p>\n\n\n\n A stroyboard azonban nem dr\u00f3tv\u00e1z k\u00e9sz\u00edt\u00e9s\u00e9t jelenti, hanem a felhaszn\u00e1l\u00f3k t\u00f6rt\u00e9net\u00e9nek felv\u00e1zol\u00e1s\u00e1t, hogy \u00e9rthet\u0151bb legyen, mi\u00e9rt \u00e9s hogyan l\u00e9pnek kapcsolatba a weboldallal. Ahhoz ugyanis, hogy jobban meg\u00e9rtsd a felhaszn\u00e1l\u00f3id vil\u00e1g\u00e1t, \u00e9s hogy mik\u00e9nt teheti jobb\u00e1 a term\u00e9ked az \u00e9let\u00fcket, sz\u00fcks\u00e9g lehet a sztorijuk megalkot\u00e1s\u00e1ra. <\/p>\n\n\n\n A t\u00f6rt\u00e9netek vizu\u00e1lis form\u00e1ban val\u00f3 \u00f6ssze\u00e1ll\u00edt\u00e1sa t\u00f6bb ok miatt is hasznos:<\/p>\n\n\n\n Hogy n\u00e9z ki mindez a webdesignban? A storyboard seg\u00edts\u00e9g\u00e9vel vizu\u00e1lis m\u00f3don el\u0151re felv\u00e1zolhatod, hogy milyen lehet a felhaszn\u00e1l\u00f3 tapasztalata a term\u00e9kkel (weboldallal). Teh\u00e1t \u00fagy gondolkodsz a term\u00e9kedr\u0151l, mintha az egy filmben jelenne meg, \u00e9s l\u00e1tn\u00e1d magad el\u0151tt, hogy az emberek mik\u00e9nt fogj\u00e1k haszn\u00e1lni, hogyan l\u00e9pnek interakci\u00f3ba vele.<\/p>\n\n\n\n A t\u00f6rt\u00e9netek felv\u00e1zol\u00e1sa az\u00e9rt k\u00fcl\u00f6n\u00f6sen fontos a tervez\u00e9sn\u00e9l, mivel emberk\u00f6zpont\u00fav\u00e1 teszi azt: az adatoknak emberi arca lesz. Az elk\u00e9pzel\u00e9seket megjelen\u00edti a val\u00f3s (b\u00e1r elk\u00e9pzelt) \u00e9letben, a tervez\u0151k \u00edgy k\u00f6nnyebben belek\u00e9pzelhetik magukat a felhaszn\u00e1l\u00f3k cip\u0151j\u00e9be, \u00e9s \u00fagy l\u00e1tj\u00e1k a megold\u00e1saikat, ahogy az emberek. <\/p>\n\n\n\n Ha belev\u00e1gn\u00e1l egy storyboard elk\u00e9sz\u00edt\u00e9s\u00e9be, akkor arra t\u00f6rekedj, hogy az logikus, \u00e9rthet\u0151 \u00e9s meggy\u0151z\u0151 legyen. Meg kell \u00e9rtened a t\u00f6rt\u00e9net alapjait, mindegy egyes \u00e9p\u00edt\u0151k\u00f6v\u00e9t, mert \u00edgy tudod hat\u00e9konyabban \u00e9s meggy\u0151z\u0151bben megalkotni a sztorit. Vil\u00e1gosan kell l\u00e1tnod azt a karaktert<\/strong>, aki k\u00f6r\u00e9 a t\u00f6rt\u00e9net \u00e9p\u00fcl (viselked\u00e9s\u00e9t, megjelen\u00e9s\u00e9t, v\u00e1rakoz\u00e1sait), ugyan\u00edgy a k\u00f6rnyezet\u00e9t<\/strong>, ahol zajlik a t\u00f6rt\u00e9net, valamint a sztori fel\u00e9p\u00edt\u00e9s\u00e9t<\/strong>: vagyis a kezdet\u00e9t, a v\u00e9g\u00e9t, teh\u00e1t, hogy mi ind\u00edtja el a karaktert \u00e9s mi a c\u00e9lja, \u00e9s ez\u00e1ltal milyen el\u0151ny\u00f6ket szerez.<\/p>\n\n\n\n Ami a gyakorlati kivitelez\u00e9st illeti:<\/p>\n\n\n\n Ez val\u00f3ban azt jelenti, amir\u0151l az alc\u00edm sz\u00f3l: egy \u00f6tletel\u00e9s sor\u00e1n fel kell vetni azokat a rossz UX-megold\u00e1sokat, melyeket a weboldallal kapcsolatban csak el lehet k\u00e9pzelni. Ha m\u00e9lyebb betekint\u00e9st nyernek az \u00faj, \u00e9s egyben rossz \u00f6tletekbe a fejleszt\u0151k, az seg\u00edt abban, hogy megnyugodjanak \u00e9s magabiztosabbak legyenek. A rossz \u00f6tletek felsorakoztat\u00e1sa jav\u00edtja a kreativit\u00e1st, vagyis k\u00f6nnyebben j\u00f6nnek a j\u00f3 \u00f6tletek.<\/p>\n\n\n\n Mi\u00e9rt is m\u0171k\u00f6dik a „lehet\u0151 legrosszabb \u00f6tlet” technika? Az\u00e9rt, mert amikor egyszer\u0171 \u00f6tletb\u00f6rz\u00e9re ker\u00fcl sor, ahol elvileg mindenki hozz\u00e1sz\u00f3lhat a t\u00e9m\u00e1hoz, sokan vannak, akik a t\u00f6bbek miatt nem mernek megsz\u00f3lalni, mert f\u00e9lnek, hogy csak lej\u00e1ratj\u00e1k magukat egy rossz \u00f6tlettel. Ez viszont az\u00e9rt nem szerencs\u00e9s, mert \u00edgy lesznek olyan – egy\u00e9bk\u00e9nt j\u00f3 \u00f6tletek – melyek fel sem mer\u00fclnek, azt\u00e1n egy id\u0151 ut\u00e1n a ki\u00f6tl\u0151j\u00fck is elfeledkezik r\u00f3luk. <\/p>\n\n\n\n A lehet\u0151 legrosszabb \u00f6tlet technikai ezt a fesz\u00e9lyezetts\u00e9get pr\u00f3b\u00e1lja oldani azzal, hogy megford\u00edtja a dolgot, \u00e9s nem a legjobb \u00f6tletet keresik, hanem a leg\u0151r\u00fcltebbet vagy legb\u00e9n\u00e1bbat. Egy ilyen helyzetben senki nem tud but\u00e1nak t\u0171nni, hiszen mindenki h\u00fclyes\u00e9geket sorol k\u00f6r\u00fcl\u00f6tte. Mindenesetre az \u00f6tletel\u00e9s sor\u00e1n old\u00f3dik a hangulat, megsz\u0171nik a fesz\u00fclts\u00e9g. <\/p>\n\n\n\n A technik\u00e1t egy\u00e9bk\u00e9nt Bryan Mattimore, a The Growth Engine Company t\u00e1rsalap\u00edt\u00f3ja nevezte el \u00edgy. A c\u00e9ljuk az volt, hogy a hagyom\u00e1nyokt\u00f3l elrugaszkodva beind\u00edts\u00e1k az \u00f6tletel\u00e9st. A technika r\u00e9v\u00e9n lenyugodtak a r\u00e9sztvev\u0151k, elt\u0171ntek a ment\u00e1lis g\u00e1tak, melyek miatt nem tudtak szabadon \u00e1ramlani a gondolatok. A sok nevets\u00e9ges \u00f6tlet ut\u00e1n viszont lassan elkezdett kialakulni, hogy m\u0171k\u00f6d\u0151 dolgokhoz is el tudnak jutni.<\/p>\n\n\n\n De hogyan is n\u00e9z ki a gyakorlatban ez a technika? <\/p>\n\n\n\n Teh\u00e1t, mint l\u00e1that\u00f3, nem el\u00e9g csak felsorolni n\u00e9h\u00e1ny h\u00fclyes\u00e9get, ezeket analiz\u00e1lni is kell: meg kell \u00e1llap\u00edtani, hogy mit\u0151l hib\u00e1sak, \u00edgy lehet eljutni olyan gondolatokig, melyek azt\u00e1n a j\u00f3 \u00f6tletek alapj\u00e1t jelenthetik.<\/p>\n\n\n\n Ha olvast\u00e1l m\u00e1r a UX-r\u0151l, akkor tudod, hogy mennyire fontos r\u00e9sz a tesztel\u00e9s<\/a> ahhoz, hogy egy j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny k\u00e9sz\u00fclhessen. Tesztelni azonban sokf\u00e9lek\u00e9ppen lehet, \u00e9s fel lehet osztani a tesztek t\u00edpusait \u00fagynevezett moder\u00e1lt \u00e9s a moder\u00e1latlan tesztel\u00e9sre. Mindkett\u0151 hasznos egy j\u00f3 weboldal kialak\u00edt\u00e1s\u00e1ban.<\/p>\n\n\n\n A legt\u00f6bben az oldalt\u00e9rk\u00e9p kapcs\u00e1n arra az XML oldalt\u00e9rk\u00e9pre gondolnak, melyet a keres\u0151motorok is haszn\u00e1lni tudnak a weboldal felt\u00e9rk\u00e9pez\u00e9s\u00e9re, vagy a l\u00e1bl\u00e9cben tal\u00e1lhat\u00f3 navig\u00e1ci\u00f3s seg\u00e9deszk\u00f6zre, melyek a felhaszn\u00e1l\u00f3k t\u00e1j\u00e9koz\u00f3d\u00e1sa \u00e9rdek\u00e9ben helyeznek el. Ugyanakkor a weboldaltervez\u00e9sn\u00e9l egy olyan oldalt\u00e9rk\u00e9pre van sz\u00fcks\u00e9g, mely \u00e1ttekint\u00e9st ad a weboldal m\u0171k\u00f6d\u00e9s\u00e9r\u0151l, \u00e9rthet\u0151bb\u00e9 teszi azt. Ez az oldalt\u00e9rk\u00e9p ink\u00e1bb egy folyamat\u00e1bra, nem pedig linkek list\u00e1ja.<\/p>\n\n\n\n Az oldalt\u00e9rk\u00e9pnek teh\u00e1t t\u00f6bb jelent\u00e9se is van, \u00e9s itt most nem abban az \u00e9rtelemben haszn\u00e1ljuk, mint egy list\u00e1t, ami tartalmazza a webhely valamennyi oldal\u00e1t. Webdesign szempontb\u00f3l egy olyan seg\u00edts\u00e9get jelenthet az oldalt\u00e9rk\u00e9p, melynek r\u00e9v\u00e9n a fejleszt\u0151k elker\u00fclhetik a hib\u00e1s navig\u00e1ci\u00f3 kialak\u00edt\u00e1s\u00e1t \u00e9s a rossz tervez\u00e9si d\u00f6nt\u00e9seket.<\/p>\n\n\n\n Val\u00f3j\u00e1ban csak arr\u00f3l van sz\u00f3, hogy egy m\u00e1sfajta n\u00e9z\u0151pontb\u00f3l k\u00f6zel\u00edt az oldalakhoz, hiszen a tervez\u00e9s felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny \u00e9s interakci\u00f3k alapj\u00e1n t\u00f6rt\u00e9nik, \u00edgy ezeket helyezi a k\u00f6z\u00e9ppontba. A l\u00e9nyeg ugyanis nem az egyes oldalak list\u00e1ja vagy azok tartalma (nem inform\u00e1ci\u00f3s architekt\u00fara), hanem a k\u00f6z\u00f6tt\u00fck l\u00e9v\u0151 kapcsolatok, melyek kifejezik azt, hogy a rendszer mik\u00e9nt m\u0171k\u00f6dik, \u00e9s nem csak azt, hogy hogyan n\u00e9z ki.<\/p>\n\n\n\n Ugyanakkor itt nem egy dr\u00f3tv\u00e1zr\u00f3l van sz\u00f3, mivel a teljes rendszert (weboldalt) pr\u00f3b\u00e1ljuk az oldalt\u00e9rk\u00e9p seg\u00edts\u00e9g\u00e9vel \u00e1ttekinteni – nem csak annak bizonyos r\u00e9szeit -, megrajzolni a feladatok folyamat\u00e1t, illetve megmutatni, hogy az egyes oldalak milyen funkci\u00f3kat tartalmaznak. Ennek r\u00e9v\u00e9n kaphatunk egy teljes \u00e1ttekint\u00e9st a webhely m\u0171k\u00f6d\u00e9s\u00e9r\u0151l, \u00e9s hogy a tartalmak mik\u00e9nt illeszkednek \u00f6ssze. <\/p>\n\n\n\n Az oldalt\u00e9rk\u00e9pen tipikusan dobozok jelennek meg, melyek az egyes oldalakat vagy oldal\u00e1llapotokat mutatj\u00e1k, ezeket nyilak vagy vonalak k\u00f6tik \u00f6ssze, melyek jelzik a kapcsol\u00f3d\u00e1sokat. Nem az egyes tartalmak elhelyezked\u00e9s\u00e9t szeml\u00e9lteti teh\u00e1t, hanem a felhaszn\u00e1l\u00f3i utat rajzolja meg.<\/p>\n\n\n\n Elk\u00e9sz\u00edt\u00e9se id\u0151rendben a tartalmak \u00f6ssze\u00e1ll\u00edt\u00e1sa, illetve az egyes oldalak dr\u00f3tv\u00e1z\u00e1nak felrajzol\u00e1sa k\u00f6z\u00e9 esik. A tartalmi lista megmutatja, hogy mi az a tartalom, ami m\u00e1r l\u00e9tezik (ha m\u00e9g nem l\u00e9tezik, akkor el kell k\u00e9sz\u00edteni tervez\u00e9s el\u0151tt), ugyanakkor itt m\u00e9g nem szempont, hogy ezeket hogyan rendezz\u00fck el az oldalon. Dr\u00f3tv\u00e1zat azonban csak az oldalt\u00e9rk\u00e9p elk\u00e9sz\u00edt\u00e9se ut\u00e1n \u00e9rdemes rajzolni, ez ugyanis m\u00e1r mag\u00e1ban foglalja a navig\u00e1ci\u00f3t, ami az oldalt\u00e9rk\u00e9p r\u00e9v\u00e9n v\u00e1lik csak vil\u00e1goss\u00e1. <\/p>\n\n\n\n Mindezek alapj\u00e1n l\u00e1that\u00f3, hogy hasznos lehet egy oldalt\u00e9rk\u00e9p, ennek ellen\u00e9re a gyakorlatban m\u00e9g nem nagyon haszn\u00e1lj\u00e1k a tervez\u00e9s sor\u00e1n. Ennek oka nem csak a megszokotthoz ragaszkod\u00e1s, vagy a munka leegyszer\u0171s\u00edt\u00e9se, gyors\u00edt\u00e1sa, hanem az is, hogy a reszponz\u00edv megjelen\u00e9s miatt kijelz\u0151m\u00e9rett\u0151l f\u00fcgg\u0151en ak\u00e1r az oldalak sz\u00e1ma is v\u00e1ltozhat egy webhely eset\u00e9ben, \u00edgy t\u00fal bonyolultnak tal\u00e1lj\u00e1k az elk\u00e9sz\u00edt\u00e9st. Ugyanakkor b\u00e1rmilyen okb\u00f3l sp\u00f3rolj\u00e1k is meg a fejleszt\u00e9s sor\u00e1n az oldalt\u00e9rk\u00e9pet, egy nagyobb oldal eset\u00e9ben emiatt megjelenhetnek hi\u00e1nyz\u00f3 r\u00e9szek vagy \u00e9pp felesleges, magukra hagyott elemek, mivel a kapcsolatokat en\u00e9lk\u00fcl nem lehet pontosan \u00e1tl\u00e1tni. \u00cdgy k\u00e9s\u0151bb kell majd korrig\u00e1lni a probl\u00e9m\u00e1kat.<\/p>\n\n\n\n Friss\u00edt\u00e9s, 2022.09.14.:<\/em><\/p>\n\n\n\n M\u00e9g miel\u0151tt vizu\u00e1lis form\u00e1ba \u00f6nten\u00e9d a weboldalad, \u00e9rdemes lehet egy \u00fagynevezett emp\u00e1tiat\u00e9rk\u00e9pet k\u00e9sz\u00edteni annak \u00e9rdek\u00e9ben, hogy jobban meg\u00e9rtsd a leend\u0151 felhaszn\u00e1l\u00f3idat. Az emp\u00e1tia-t\u00e9rk\u00e9p annak vizualiz\u00e1ci\u00f3ja, hogy milyen attit\u0171djei vannak a felhaszn\u00e1l\u00f3knak \u00e9s mik\u00e9nt viselkednek. Ez pedig seg\u00edt a weboldaltervez\u00e9s el\u0151tt m\u00e9lyebben meg\u00e9rteni a felhaszn\u00e1l\u00f3kat, illetve r\u00e1mutat arra, hogy hol vannak hi\u00e1nyoss\u00e1gok az adatokn\u00e1l.<\/p>\n\n\n\n A Nielsen Norman Group defin\u00edci\u00f3ja<\/a> szerint az emp\u00e1tia-t\u00e9rk\u00e9p egy kollaborat\u00edv vizualiz\u00e1ci\u00f3, mellyel megfogalmazhatjuk, hogy mit tudunk egy bizonyos t\u00edpus\u00fa felhaszn\u00e1l\u00f3r\u00f3l, annak \u00e9rdek\u00e9ben, hogy k\u00f6z\u00f6sen meg\u00e9rts\u00fck az ig\u00e9nyeit, ez\u00e1ltal pedig seg\u00edtsen a d\u00f6nt\u00e9shozatalban.<\/p>\n\n\n\n Teh\u00e1t, mint a neve is jelzi, az emp\u00e1tia-t\u00e9rk\u00e9p abban seg\u00edt els\u0151sorban, hogy emp\u00e1ti\u00e1t, egy\u00fctt\u00e9rz\u00e9st alak\u00edtson ki a felhaszn\u00e1l\u00f3k ir\u00e1ny\u00e1ba. Val\u00f3s adatokon alapul, ez\u00e1ltal <\/p>\n\n\n\n Az emp\u00e1tia-t\u00e9rk\u00e9pet a tervez\u00e9s eg\u00e9szen korai szakasz\u00e1ban \u00e9rdemes elk\u00e9sz\u00edteni. <\/p>\n\n\n\n A gyakorlatban egy emp\u00e1tia-t\u00e9rk\u00e9p egy n\u00e9gy r\u00e9szre osztott n\u00e9gyzet (mond, gondolkodik, tesz, \u00e9rez) a felhaszn\u00e1l\u00f3i person\u00e1val a k\u00f6zep\u00e9n. Az emp\u00e1tiat\u00e9rk\u00e9p seg\u00edts\u00e9g\u00e9vel egyetlen pillant\u00e1ssal, teljes eg\u00e9sz\u00e9ben \u00e1ttekinthetj\u00fck, ki is a felhaszn\u00e1l\u00f3.<\/p>\n\n\n\n A „mond”<\/strong> (Says) n\u00e9gyzet azt tartalmazza, amit a felhaszn\u00e1l\u00f3 hangosan kimond, p\u00e9ld\u00e1ul egy interj\u00fa vagy egy haszn\u00e1lhat\u00f3s\u00e1gi tanulm\u00e1ny sor\u00e1n. Ide\u00e1lis esetben itt id\u00e9zetek is megjelennek a felhaszn\u00e1l\u00f3t\u00f3l.<\/p>\n\n\n\n A „gondol<\/strong>” (Thinks) n\u00e9gyzet arr\u00f3l sz\u00f3l, hogy mit gondol a felhaszn\u00e1l\u00f3 egy term\u00e9k haszn\u00e1lata sor\u00e1n. Itt meg kell fogalmaznunk, hogy mi foglalkoztathatja a felhaszn\u00e1l\u00f3t, mi az, ami l\u00e9nyeges sz\u00e1m\u00e1ra? Az is elk\u00e9pzelhet\u0151, hogy ugyanaz a tartalom ker\u00fcl ide, mint az el\u0151z\u0151 n\u00e9gyzetbe. Ugyanakkor lehets\u00e9ges, hogy vannak olyan dolgok, melyeket nem mond ki. Ez\u00e9rt meg kell pr\u00f3b\u00e1lni meg\u00e9rteni, hogy mi az, amit mag\u00e1ban tart, mi lehet ennek az oka? <\/p>\n\n\n\n A „csin\u00e1l<\/strong>” (Does) n\u00e9gyzet a felhaszn\u00e1l\u00f3 \u00e1ltal v\u00e9grehajtott m\u0171veleteket tartalmazza. A vizsg\u00e1lat alapj\u00e1n mit tesz? \u00c9s hogyan teszi mindezt? Teh\u00e1t p\u00e9ld\u00e1ul: „t\u00f6bbsz\u00f6r is friss\u00edti az oldalt”, „\u00f6sszehasonl\u00edtja az \u00e1rakat”. <\/p>\n\n\n\n Az „\u00e9rez<\/strong>” (Feels) n\u00e9gyzet a felhaszn\u00e1l\u00f3 \u00e9rzelmi \u00e1llapot\u00e1r\u00f3l sz\u00f3l. Mi miatt agg\u00f3dik a felhaszn\u00e1l\u00f3? Mit\u0151l lesz izgatott? Milyennek \u00e9rzi az \u00e9lm\u00e9nyt? Teh\u00e1t p\u00e9ld\u00e1ul „t\u00fcrelmetlen: mert az oldalak lassan t\u00f6lt\u0151dnek be”, „agg\u00f3dik: f\u00e9l, hogy valamit rosszul csin\u00e1lt”).<\/p>\n\n\n\n Mivel a felhaszn\u00e1l\u00f3k is emberek, \u00edgy tal\u00e1lsz majd ellentmond\u00e1sokat az egyes n\u00e9gyzetek k\u00f6z\u00f6tt. P\u00e9ld\u00e1ul m\u00e1s mondanak, mint amit tesznek, vagy gondolnak. De pont ez\u00e1ltal lesz \u00e9rt\u00e9kes az emp\u00e1tia-t\u00e9rk\u00e9p, hiszen felfedi az ilyen ellentmond\u00e1sokat. Persze lesz olyan is, amikor az egyes n\u00e9gyzetek szinte ugyanazt tartalmazz\u00e1k, p\u00e9ld\u00e1ul a gondolatok \u00e9s az \u00e9rz\u00e9sek eset\u00e9ben, ez azonban nem probl\u00e9ma. A l\u00e9nyeg, hogy nem marad ki egyetlen fontos dimenzi\u00f3 sem. Probl\u00e9ma akkor van, ha \u00fcresen marad valamely n\u00e9gyzet, mert az azt jelzi, hogy tov\u00e1bbi vizsg\u00e1latokra van sz\u00fcks\u00e9g, miel\u0151tt belekezden\u00e9l a designba. <\/p>\n\n\n\n Emp\u00e1tia-t\u00e9rk\u00e9pet persze nem musz\u00e1j minden felhaszn\u00e1l\u00f3ra k\u00fcl\u00f6n k\u00e9sz\u00edteni, az aggreg\u00e1lt emp\u00e1tia-t\u00e9rk\u00e9p teljes felhaszn\u00e1l\u00f3i szegmenseket mutathat be. Igaz, ez is \u00fagy k\u00e9sz\u00fcl, hogy az olyan egyedi emp\u00e1tia-t\u00e9rk\u00e9peket \u00f6sszes\u00edtik, ahol a felhaszn\u00e1l\u00f3k hasonl\u00f3an viselkedik, \u00edgy egy csoportba rendezhet\u0151k. Ebb\u0151l azt\u00e1n el\u0151\u00e1ll\u00edthat\u00f3 egy persona is. <\/p>\n\n\n\n Min\u00e9l \u00f6sszetettebb a weboldalad, ann\u00e1l fontosabb, hogy elk\u00e9sz\u00edtsd a felhaszn\u00e1l\u00f3i utak t\u00e9rk\u00e9p\u00e9t. \u00c9s itt val\u00f3ban egy vizu\u00e1lis form\u00e1ban megjelen\u0151 t\u00e9rk\u00e9pr\u0151l van sz\u00f3, mely jelent\u0151s seg\u00edts\u00e9get ad a felhaszn\u00e1l\u00f3k fogad\u00e1s\u00e1ban \u00e9s megtart\u00e1s\u00e1ban. Ezt \u00fagy \u00e9ri el, hogy komoly betekint\u00e9st enged az \u00fcgyfelek felmer\u00fcl\u0151 probl\u00e9m\u00e1iba, amikor kapcsolatba l\u00e9pnek a weboldaladdal vagy a c\u00e9geddel. A felhaszn\u00e1l\u00f3i \u00fatr\u00f3l ebben az anyagunkban m\u00e1r r\u00e9szletesebben is \u00edrtunk<\/a>.<\/p>\n\n\n\n Az 5 m\u00e1sodperces teszt az els\u0151 benyom\u00e1sr\u00f3l sz\u00f3l \u00e9s annak jav\u00edt\u00e1s\u00e1r\u00f3l sz\u00f3l. Ez egy olyan teszt, mely egy felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra mind\u00f6ssze \u00f6t m\u00e1sodpercet vesz ig\u00e9nybe, viszont nagyban hozz\u00e1j\u00e1rulhat egy vil\u00e1gosabb \u00e9s haszn\u00e1lhat\u00f3bb weboldal kialak\u00edt\u00e1s\u00e1hoz. \u00d6t m\u00e1sodperc alatt meghat\u00e1rozhat\u00f3, milyen a felhaszn\u00e1l\u00f3 els\u0151 benyom\u00e1sa a weboldalr\u00f3l, miut\u00e1n olyan k\u00e9rd\u00e9sekre kell v\u00e1laszokat adnia, hogy vajon mi lehet a sz\u00e1nd\u00e9ka az oldalnak, melyek a f\u0151 elemei, ki lehet a c\u00e9lk\u00f6z\u00f6ns\u00e9g, megb\u00edzhat\u00f3nak l\u00e1tszik-e az oldal \u00e9s a c\u00e9g, \u00e9s egy\u00e9bk\u00e9nt milyen benyom\u00e1sa alakult ki a designr\u00f3l. <\/p>\n\n\n\n Ezek lenn\u00e9nek teh\u00e1t a lehet\u0151s\u00e9gek, melyek m\u00e9g nem \u00e9p\u00fcltek be a weboldalk\u00e9sz\u00edt\u00e9s mindennapi gyakorlat\u00e1ba, ugyanakkor n\u00e9melyiket vagy ak\u00e1r t\u00f6bbet is k\u00f6z\u00fcl\u00fck bizonyos esetekben \u00e9rdemes lehet alkalmazni. A k\u00e9s\u0151bbiekben ezek k\u00f6z\u00fcl t\u00f6bbet is r\u00e9szletesebben bemutatunk majd. <\/p>\n\r\n
\n\n\n\nStoryboard – mi az a storyboarding? \u00c9s hogyan v\u00e1gj bele?<\/h3>\n\n\n\n
\n\n\n\nA lehet\u0151 legrosszabb \u00f6tlet technik\u00e1ja<\/h3>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/09\/leheto-legrosszabb-otletek.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
\n\n\n\nModer\u00e1lt \u00e9s moder\u00e1latlan tesztel\u00e9s<\/h3>\n\n\n\n
\n\n\n\nMilyen a webdesignhoz haszn\u00e1lhat\u00f3 oldalt\u00e9rk\u00e9p?<\/h3>\n\n\n\n
\n\n\n\nEmp\u00e1tia-t\u00e9rk\u00e9p: mi az az emp\u00e1tia-t\u00e9rk\u00e9p? \u00c9s hogyan haszn\u00e1lhat\u00f3 a webdesignban?<\/h3>\n\n\n\n
Hogyan n\u00e9z ki?<\/h4>\n\n\n\n
![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/09\/empatia-terkep.png\")
<\/a>
\n\n\n\nFelhaszn\u00e1l\u00f3i \u00fat t\u00e9rk\u00e9p<\/h3>\n\n\n\n
5 m\u00e1sodperces teszt<\/h3>\n\n\n\n