{"id":36673,"date":"2019-10-31T22:13:05","date_gmt":"2019-10-31T19:13:05","guid":{"rendered":"https:\/\/prohoster.info\/blog\/kak-iz-obychnogo-dizajnera-stat-produktovym\/"},"modified":"2019-10-31T22:13:05","modified_gmt":"2019-10-31T19:13:05","slug":"kak-iz-obychnogo-dizajnera-stat-produktovym","status":"publish","type":"post","link":"https:\/\/prohoster.info\/hu\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","title":{"rendered":"Hogyan v\u00e1ljunk \"\u00e1tlagos tervez\u0151b\u0151l\" term\u00e9kmenedzserr\u00e9","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Hell\u00f3!<\/p>\n<p>A nevem Alekszej Svirido, digit\u00e1lis term\u00e9kek tervez\u0151je vagyok az Alfa Bankn\u00e1l. Ma arr\u00f3l fogok besz\u00e9lni, hogyan lehet egy \"h\u00e9tk\u00f6znapi tervez\u0151b\u0151l\" term\u00e9ktervez\u0151v\u00e9 v\u00e1lni. A k\u00f6vetkez\u0151 k\u00e9rd\u00e9sekre tal\u00e1l v\u00e1laszt a cikkben:<\/p>\n<ul>\n<li>Ki az a term\u00e9ktervez\u0151 \u00e9s mivel foglalkozik?<\/li>\n<li>Megfelel \u00d6nnek ez a szakma?<\/li>\n<li>Mit kell tennie, hogy term\u00e9ktervez\u0151v\u00e9 v\u00e1ljon?<\/li>\n<li>Hogyan k\u00e9sz\u00edthet els\u0151 term\u00e9kportf\u00f3li\u00f3t?<\/li>\n<\/ul>\n<p>\nEzen k\u00edv\u00fcl egy\u00fctt elk\u00e9sz\u00edtj\u00fck a kompetenci\u00e1k t\u00e9rk\u00e9p\u00e9t, hogy meg\u00e9rts\u00fck, mely k\u00e9szs\u00e9geit \u00e9rdemes fejleszteni, \u00e9s miben van m\u00e1r el\u00e9g er\u0151s. <\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/alfa\/blog\/461993\/\"><img decoding=\"async\" alt=\"Hogyan v\u00e1ljunk &quot;\u00e1tlagos tervez\u0151b\u0151l&quot; term\u00e9kmenedzserr\u00e9\" src=\"\/wp-content\/uploads\/2019\/07\/0bf51ac5952f23b4ee949bff160122c1.png\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><br \/>\n<i>Kompetenci\u00e1k t\u00e9rk\u00e9p\u00e9nek p\u00e9ld\u00e1ja<\/i><\/p>\n<p>B\u00f3nuszk\u00e9nt aj\u00e1nlani fogok k\u00f6nyveket \u00e9s cikkeket a t\u00e9m\u00e1ban, amelyek seg\u00edtenek \u00d6nnek fejl\u0151dni.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nAhogy eml\u00edtettem, az Alfa Bankn\u00e1l dolgozom, ahol digit\u00e1lis term\u00e9kek tervez\u00e9s\u00e9vel foglalkozom v\u00e1llalatok sz\u00e1m\u00e1ra, azaz jogi szem\u00e9lyeknek. Kor\u00e1bban k\u00fcl\u00f6nb\u00f6z\u0151 szabad\u00fasz\u00f3 projekteken dolgoztam megrendel\u0151kkel a vil\u00e1g minden t\u00e1j\u00e1r\u00f3l. A grafikai tervez\u00e9ssel kezdtem p\u00e1lyafut\u00e1somat a Gazprom-M\u00e9dia holdingn\u00e1l, a r\u00e1di\u00f3\u00e1llom\u00e1sok r\u00e9szleg\u00e9ben. Ott k\u00fclt\u00e9ri rekl\u00e1mokkal, nyomtatott anyagokkal, bannerek tervez\u00e9s\u00e9vel, aj\u00e1nd\u00e9kt\u00e1rgyak k\u00e9sz\u00edt\u00e9s\u00e9vel, branding \u00e9s arculattervez\u00e9ssel foglalkoztam stb. \u00c9n \u00f6n\u00e1ll\u00f3an j\u00e1rtam v\u00e9gig az utat a grafikai tervez\u00e9st\u0151l a term\u00e9ktervez\u00e9sig, \u00e9s ma \u00f6r\u00f6mmel osztom meg \u00d6nnel, amit ezen az \u00e1tmeneten tanultam.<\/p>\n<h2>Ki az a term\u00e9ktervez\u0151 \u00e9s mit csin\u00e1l?<\/h2>\n<p>\nTerm\u00e9ktervez\u0151 \u2014 ki is \u0151? Az, aki tejet, kenyeret vagy kekszet tervez? Vagy az, aki b\u00fatorokat \u00e9s lakberendez\u00e9si t\u00e1rgyakat k\u00e9sz\u00edt? Esetleg Joni Ive, aki elhagyta az Apple-t \u00e9s olyan n\u00e9pszer\u0171 k\u00fcty\u00fcket \u00e9s eszk\u00f6z\u00f6ket tervezett, amiket sokan szeretnek?<\/p>\n<p>M\u00e9g k\u00f6r\u00fclbel\u00fcl 7 \u00e9vvel ezel\u0151tt a term\u00e9ktervez\u0151ket \u00fagy nevezt\u00e9k, mint akik valamilyen anyagi dolgokat, t\u00e1rgyakat, b\u00fatorokat, form\u00e1kat hoznak l\u00e9tre. Ma viszont v\u00e9lem\u00e9nyem szerint ezt a meghat\u00e1roz\u00e1st v\u00e9gleg elvett\u00e9k az alap\u00edt\u00f3kt\u00f3l.<\/p>\n<p>A modern term\u00e9ktervez\u00e9s a digit\u00e1lis vil\u00e1gr\u00f3l sz\u00f3l, weboldalakr\u00f3l \u00e9s alkalmaz\u00e1sokr\u00f3l, digit\u00e1lis term\u00e9kekr\u0151l.<\/p>\n<p>Teh\u00e1t a term\u00e9ktervez\u0151 olyan tervez\u0151, aki nem csup\u00e1n a projekt vizu\u00e1lis r\u00e9sz\u00e9t rajzolja, hanem azt is figyelembe veszi, hogyan fog ez a projekt m\u0171k\u00f6dni \u00e9s k\u00f6lcs\u00f6nhat\u00e1sba l\u00e9pni a felhaszn\u00e1l\u00f3kkal. Vagyis egy term\u00e9k nem csak egyszer\u0171en sz\u00e9p legyen. Ennek j\u00f3l kell m\u0171k\u00f6dnie, \u00e9s meg kell oldania bizonyos feladatokat, kiel\u00e9g\u00edtve a felhaszn\u00e1l\u00f3 \u00e9s az \u00fczlet ig\u00e9nyeit, lehet\u0151leg egyszerre mindkett\u0151t.<\/p>\n<p>Ez az egyik legnagyobb kih\u00edv\u00e1sa a term\u00e9ktervez\u00e9snek: hogyan k\u00e9sz\u00edts\u00fcnk egy felhaszn\u00e1l\u00f3bar\u00e1t interf\u00e9szt, ami vizu\u00e1lisan vonz\u00f3, \u00e9s p\u00e9nzt hoz a c\u00e9gnek.<\/p>\n<p>A term\u00e9ktervez\u0151 befoly\u00e1solja a:<\/p>\n<ul>\n<li><b>Vizu\u00e1lis nyelv.<\/b> A term\u00e9ktervez\u0151 d\u00f6nti el, hogy a klienssel laza, szigor\u00fa vagy esetleg kiss\u00e9 agressz\u00edv m\u00f3don kommunik\u00e1ljon? A term\u00e9ktervez\u0151 hat\u00e1rozza meg a sz\u00edneket, bet\u0171t\u00edpusokat, form\u00e1kat \u00e9s terek elrendez\u00e9s\u00e9t az interf\u00e9szen.<\/li>\n<li><b>Felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny UX<\/b>. A term\u00e9ktervez\u0151 eld\u00f6nti, hogy mi t\u00f6rt\u00e9nik, ha megnyomnak egy gombot, linket vagy egyszer\u0171en be\u00edrj\u00e1k a sz\u00f6veget. Mit fog l\u00e1tni a felhaszn\u00e1l\u00f3 a bet\u00f6lt\u00e9s v\u00e1rakoz\u00e1sa alatt, vagy amikor valami elromlik az alkalmaz\u00e1sban.<\/li>\n<li><b>M\u00e1rka<\/b>. Igen, a tervez\u0151, amikor interf\u00e9szeket rajzol, befoly\u00e1solja a m\u00e1rk\u00e1t \u00e9s a felhaszn\u00e1l\u00f3k hozz\u00e1\u00e1ll\u00e1s\u00e1t ehhez a m\u00e1rk\u00e1hoz. Egy bonyolult \u00e9s k\u00e9nyelmetlen interakci\u00f3s forgat\u00f3k\u00f6nyv l\u00e9trehoz\u00e1s\u00e1val cs\u00f6kkenthetj\u00fck a felhaszn\u00e1l\u00f3k lojalit\u00e1s\u00e1t a m\u00e1rk\u00e1hoz, vagy ak\u00e1r el is t\u00e1ntor\u00edthatjuk \u0151ket. Ez\u00e9rt rendk\u00edv\u00fcl fontos!<\/li>\n<li><b>Metrik\u00e1k<\/b>. Ha a v\u00e1llalkoz\u00e1s n\u00f6velni szeretn\u00e9 a profitj\u00e1t a c\u00e9lzott tev\u00e9kenys\u00e9gek sz\u00e1m\u00e1nak n\u00f6vel\u00e9s\u00e9vel \u2013 akkor ez a term\u00e9ktervez\u0151re tartozik (mint az egyik szakember, mert nem csak a term\u00e9ktervez\u0151 befoly\u00e1solhatja ezt). Ha a felhaszn\u00e1l\u00f3t az oldalon szeretn\u00e9nk tartani vagy cselekv\u00e9sre \u00f6szt\u00f6n\u00f6zni \u2013 mindez a design seg\u00edts\u00e9g\u00e9vel el\u00e9rhet\u0151.<\/li>\n<li><b>\u00dczleti strat\u00e9gia.<\/b> Amikor a v\u00e1llalkoz\u00e1s egy bizonyos ir\u00e1nyba halad \u00e9s biztos valamiben, a term\u00e9ktervez\u00e9s seg\u00edthet megv\u00e1ltoztatni a strat\u00e9gi\u00e1t, bebizony\u00edtva, hogy az el\u0151z\u0151 l\u00e9p\u00e9sek hib\u00e1sak \u00e9s t\u00e9vesek voltak. P\u00e9ld\u00e1ul, ha egy hitelfelv\u00e9teli aj\u00e1nlattal rendelkez\u0151 landing page-t n\u00e9z\u00fcnk, a kliens nem csak a p\u00e9nz\u00e9rt megy oda, hanem konkr\u00e9t c\u00e9llal megy: aut\u00f3, lak\u00e1s v\u00e1s\u00e1rl\u00e1sa, nyaral\u00e1sra gondolva stb. \u00c9s ha mint term\u00e9ktervez\u0151 k\u00e9pes vagy felfedezni a kliens val\u00f3di sz\u00fcks\u00e9glet\u00e9t \u00e9s ezt bizony\u00edtani a v\u00e1llalkoz\u00e1snak \u2013 akkor k\u00e9pes vagy befoly\u00e1solni a strat\u00e9gi\u00e1t eg\u00e9sz\u00e9ben.<\/li>\n<\/ul>\n<p>\nTeh\u00e1t \u00f6sszefoglalva, a term\u00e9ktervez\u00e9s nem csup\u00e1n a gy\u00f6ny\u00f6r\u0171 interf\u00e9szekr\u0151l sz\u00f3l. Ezek gy\u00f6ny\u00f6r\u0171 interf\u00e9szek, amelyek m\u0171k\u00f6dnek \u00e9s megoldj\u00e1k a felhaszn\u00e1l\u00f3k probl\u00e9m\u00e1it.<\/p>\n<h2>Val\u00f3ban sz\u00fcks\u00e9gem van erre? \u00c9s kinek nem fog megfelelni pontosan?<\/h2>\n<p>\nAhhoz, hogy meg\u00e9rts\u00fck, mi\u00e9rt van sz\u00fcks\u00e9ge term\u00e9kdesignerekre, n\u00e9zz\u00fck meg, mi\u00e9rt ilyen n\u00e9pszer\u0171 ez a szakma manaps\u00e1g. A term\u00e9kdesignereket mindenhol keresik, \u00e9s egyre t\u00f6bb c\u00e9g foglalkozik vel\u00fck. Annak ellen\u00e9re, hogy a piac tel\u00edtett, a c\u00e9gek tov\u00e1bbra is term\u00e9kdesignereket keresnek.<\/p>\n<p>Ez \u00f6sszef\u00fcgg azzal, hogy a v\u00e1llalatok tudat\u00e1ra \u00e9bredtek, hogy a design t\u00e9nyleg befoly\u00e1solja a term\u00e9ket. A design seg\u00edts\u00e9g\u00e9vel egy kor\u00e1bban nem haszn\u00e1lt, k\u00f6lts\u00e9geit nem fedez\u0151 term\u00e9ket is siker\u00fclt funkci\u00f3val ell\u00e1tni. A modern c\u00e9gek nagyon akt\u00edvan fektetnek be a designba, pr\u00f3b\u00e1lva megtal\u00e1lni azokat, akik olyan fel\u00fcleteket terveznek, amelyek milli\u00f3kat hoznak.<\/p>\n<p>Hogyan \u00e9rts\u00fck meg, hogy a term\u00e9kfejleszt\u00e9s fel\u00e9 kellene fejl\u0151dn\u00f6m? A grafikai design egy nagyon \u00e9rdekes \u00e9s kreat\u00edv ter\u00fclet. K\u00fcl\u00f6nb\u00f6z\u0151 feladatokat oldhatunk meg sz\u00e1mos eszk\u00f6zzel, k\u00eds\u00e9rletezhet\u00fcnk, \u00faj dolgokat hozhatunk l\u00e9tre. De a grafikai tervez\u00e9s projektjeinek \u00e9lettartama meglehet\u0151sen r\u00f6vid, \u00e9s a d\u00f6nt\u00e9sek hat\u00e1sa a v\u00e9gfelhaszn\u00e1l\u00f3ra nem mindig jelent\u0151s. Term\u00e9szetesen l\u00e9teznek nagy projektek, amelyek megv\u00e1ltoztatj\u00e1k a vil\u00e1got, de a legt\u00f6bb esetben kisebbekkel kell megel\u00e9gedni.<\/p>\n<p>Mikor \u00e9rdemes elgondolkodnod a term\u00e9kdesignra val\u00f3 v\u00e1lt\u00e1son:<\/p>\n<ol>\n<li>Amikor r\u00e1j\u00f6ssz, hogy szeretn\u00e9l t\u00f6bb folyamatra hat\u00e1ssal lenni, mint egyszer\u0171en sz\u00e9p k\u00e9pek rajzol\u00e1sa.<\/li>\n<li>Amikor a logika \u00e9s az \u00e9sszer\u0171s\u00e9g domin\u00e1l a designban.<\/li>\n<li>Amikor nemcsak k\u00e9zi munk\u00e1t szeretn\u00e9l v\u00e9gezni, hanem gondolkodni is szeretn\u00e9l a term\u00e9k \u00e9lettartam\u00e1nak minden szakasz\u00e1n.<\/li>\n<li>Amikor \u00fagy \u00e9rzed, hogy meguntad a grafikai tervez\u00e9st, \u00e9s szeretn\u00e9l valami \u00fajra v\u00e1ltani.<\/li>\n<li>Amikor a technol\u00f3gia \u00e9s az IT nagyobb \u00e9rdekl\u0151d\u00e9st v\u00e1lt ki n\u00e1lad, mint a nyomdaipar \u00e9s a k\u00fclt\u00e9ri rekl\u00e1m.<\/li>\n<\/ol>\n<p>\nAkiknek a term\u00e9kdesign nem igaz\u00e1n val\u00f3:<\/p>\n<ol>\n<li>Kreat\u00edv term\u00e9szet\u0171 emberek, m\u0171v\u00e9szek, akik j\u00f3l v\u00e9gzik a m\u0171v\u00e9szetet. \u00d6nnek k\u00e9nyelmetlen lesz a term\u00e9kdesign ter\u00fclet\u00e9n. De az\u00e9rt \u00e9rdemes lehet kipr\u00f3b\u00e1lni.<\/li>\n<li>Olyan emberek, akik a sz\u00e9p k\u00e9peket a design egyetlen term\u00e9k\u00e9nek tartj\u00e1k. Nem tudom, hogy igaz\u00e1n l\u00e9teznek-e ilyenek. A design b\u00e1rmely ir\u00e1nyban m\u00e1r r\u00e9g\u00f3ta els\u0151dlegesen feladatokat old meg, \u00e9s csak m\u00e1sodsorban hoz sz\u00e9ps\u00e9get.<\/li>\n<li>A mag\u00e1nv\u00e1llalkoz\u00f3k sz\u00e1m\u00e1ra, akik nem tudnak csapatban dolgozni. Itt minden vil\u00e1gos. A term\u00e9kfejleszt\u00e9s mindig csapatmunka, \u00e9s ha nincs meg ez a k\u00e9pess\u00e9ged, \u00e9rdemes lenne fejleszteni, ha persze szeretn\u00e9l term\u00e9kdesignnal foglalkozni.<\/li>\n<\/ol>\n<p><\/p>\n<h2>Milyen aktu\u00e1lis k\u00e9szs\u00e9gek k\u00fcl\u00f6n\u00f6sen fontosak \u00e9s mit \u00e9rdemes fejleszteni?<\/h2>\n<p>\nMost pedig l\u00e9pj\u00fcnk t\u00fal a besz\u00e9lget\u00e9sen, \u00e9s k\u00e9sz\u00edts\u00fck el a kompetenci\u00e1k t\u00e9rk\u00e9pedet. A kompetenci\u00e1k t\u00e9rk\u00e9pe seg\u00edt egy\u00e9rtelm\u0171en meg\u00e9rteni, miben vagy er\u0151s, \u00e9s min kellene jav\u00edtanod. Gyakran haszn\u00e1lj\u00e1k a kompetencia t\u00e9rk\u00e9peket term\u00e9kcsapatokban, hogy meg\u00e9rts\u00e9k a tervez\u0151 fejl\u0151d\u00e9si pontjait. K\u00e9sz\u00edt\u00fcnk neked szem\u00e9lyes t\u00e9rk\u00e9peket. El\u0151sz\u00f6r n\u00e9zz\u00fck meg, milyen lehet\u0151s\u00e9gek vannak.<\/p>\n<p>Kompetencia t\u00e9rk\u00e9pek p\u00e9ld\u00e1i:<\/p>\n<p><img decoding=\"async\" alt=\"Hogyan v\u00e1ljunk &quot;\u00e1tlagos tervez\u0151b\u0151l&quot; term\u00e9kmenedzserr\u00e9\" src=\"\/wp-content\/uploads\/2019\/07\/1f911e18dab0f4821f1330851bb1ca54.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<img decoding=\"async\" alt=\"Hogyan v\u00e1ljunk &quot;\u00e1tlagos tervez\u0151b\u0151l&quot; term\u00e9kmenedzserr\u00e9\" src=\"\/wp-content\/uploads\/2019\/07\/f889e6382db5982dc9d0a60982910878.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nMost pedig k\u00e9sz\u00edts\u00fcnk el egy gyors kompetenci\u00e1k t\u00e9rk\u00e9pet b\u00e1rmely eszk\u00f6zben. El\u0151sz\u00f6r alak\u00edtsuk ki a tengelyeket \u00e9s kezdj\u00fck el felsorolni azokat a kompetenci\u00e1kat, amelyekkel jelenleg rendelkezel mint grafikus tervez\u0151. Ezek lehetnek nemcsak alapvet\u0151 jellemz\u0151k, hanem valami bonyolultabb is, p\u00e9ld\u00e1ul 3D- vagy mozg\u00e1sdesign ismerete. Egy\u00e9bk\u00e9nt a kompetencia t\u00e9rk\u00e9p kiterjedtebb is lehet, \u00e9s m\u00e1s k\u00e9szs\u00e9geidet is tartalmazhatja, mint p\u00e9ld\u00e1ul az HTML \u00e9s CSS ismerete, vagy egy programoz\u00e1si nyelv ismerete.<\/p>\n<ul>\n<li>Tipogr\u00e1fia<\/li>\n<li>Sz\u00ednkezel\u00e9s<\/li>\n<li>Kompoz\u00edci\u00f3<\/li>\n<li>K\u00f6nyv- \/ foly\u00f3irat\u00f6rz\u00e9s<\/li>\n<li>\u00c1bra<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p>\nMost pedig gondoljuk \u00e1t, hogy milyen k\u00e9szs\u00e9gekkel kell rendelkeznie egy term\u00e9ktervez\u0151nek. K\u00e9rlek, eg\u00e9sz\u00edtsd ki a megjegyz\u00e9sekben.<\/p>\n<ul>\n<li>Emp\u00e1tia<\/li>\n<li>Logikai gondolkod\u00e1s<\/li>\n<li>Anim\u00e1ci\u00f3<\/li>\n<li>Ikonogr\u00e1fia<\/li>\n<li>Sz\u00f6veg\u00edr\u00e1s<\/li>\n<li>UX-pattern\u00f6k<\/li>\n<li>Elemz\u00e9si munka<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p>\nMinden k\u00e9szs\u00e9get 10-es sk\u00e1l\u00e1n lehet \u00e9rt\u00e9kelni. K\u00fcl\u00f6nb\u00f6z\u0151 \u00e9rt\u00e9kel\u00e9si lehet\u0151s\u00e9gek l\u00e9teznek, mi megpr\u00f3b\u00e1ljuk magunk meg\u00edt\u00e9lni a k\u00e9szs\u00e9geinket. Annak \u00e9rdek\u00e9ben, hogy ezek az adatok l\u00e9nyegesebbek legyenek, k\u00e9rd meg m\u00e1s tervez\u0151ket, akikkel kapcsolatban \u00e1llsz, vagy a vezet\u0151det, aki veled dolgozik, hogy \u00e9rt\u00e9kelje a k\u00e9szs\u00e9geidet.<\/p>\n<p>Most, hogy van egy kompetenci\u00e1k t\u00e9rk\u00e9ped, jel\u00f6lj\u00fck meg, hogy a jelenlegi k\u00e9szs\u00e9geid k\u00f6z\u00fcl melyek a k\u00fcl\u00f6n\u00f6sen fontosak \u00e9s nagyban seg\u00edtik a term\u00e9kdesignban.<\/p>\n<p>Teh\u00e1t nagyon fontos j\u00e1rtasnak lenni:<\/p>\n<ul>\n<li><b>Kompoz\u00edci\u00f3<\/b>. A k\u00f6zels\u00e9g elm\u00e9lete, a t\u00e9r \u00e9s az elemek k\u00f6lcs\u00f6nhat\u00e1sa a t\u00e9rben, a kicsi \u00e9s a nagy egyes\u00edt\u00e9se. A kompoz\u00edci\u00f3 szab\u00e1lyainak ismerete n\u00e9lk\u00fcl ostoba hib\u00e1kat k\u00f6vethet\u00fcnk el, amelyek cs\u00f6kkenthetik a felhaszn\u00e1l\u00f3k term\u00e9kkel val\u00f3 interakci\u00f3j\u00e1nak min\u0151s\u00e9g\u00e9t, \u00e9s gyakran befoly\u00e1solhatj\u00e1k a fontosabb mutat\u00f3kat, p\u00e9ld\u00e1ul a profitot.<\/li>\n<li><b>Tipogr\u00e1fia<\/b>. A modern felhaszn\u00e1l\u00f3i fel\u00fcletek nemcsak vizu\u00e1lisak, hanem sz\u00f6vegek is. A sz\u00f6veggel val\u00f3 munka szakszer\u0171 kell legyen, hogy a felhaszn\u00e1l\u00f3k megoldhass\u00e1k feladataikat, \u00e9s k\u00fcl\u00f6nb\u00f6z\u0151 k\u00e9perny\u0151k\u00f6n is el tudj\u00e1k olvasni a sz\u00f6veget. Fontos a megfelel\u0151 bet\u0171t\u00edpusok kiv\u00e1laszt\u00e1sa \u00e9s kombin\u00e1l\u00e1sa a fel\u00fclethez.<\/li>\n<li><b>Sz\u00ednkezel\u00e9s<\/b>. Fontos meg\u00e9rteni, hogyan kell b\u00e1nni a sz\u00ednekkel, mert p\u00e9ld\u00e1ul a kontraszt elvei megszeg\u00e9se eset\u00e9n egyes k\u00e9perny\u0151k\u00f6n a sz\u00f6veg olvashatatlann\u00e1 v\u00e1lhat, vagy az elemek \u00e9szrev\u00e9tlenek lehetnek. <\/li>\n<\/ul>\n<p>\nM\u00e1s szavakkal, alapvet\u0151 grafikai tervez\u00e9si elvek \u00e9s k\u00e9szs\u00e9gek n\u00e9lk\u00fcl neh\u00e9zs\u00e9gekbe \u00fctk\u00f6zhet a term\u00e9k fejleszt\u00e9se, \u00e9s sok nevets\u00e9ges hib\u00e1t elk\u00f6vethet\u00fcnk.<\/p>\n<p>Most pedig n\u00e9zz\u00fck, mit kell er\u0151s\u00edteni a term\u00e9kkel val\u00f3 munk\u00e1hoz:<\/p>\n<ul>\n<li><b>Emp\u00e1tia<\/b>. Ez tal\u00e1n az egyik legfontosabb k\u00e9szs\u00e9g. Ne keverj\u00fck \u00f6ssze az emp\u00e1ti\u00e1t \u00e9s a szimp\u00e1ti\u00e1t. Az emp\u00e1tia k\u00e9pess\u00e9ge, hogy a term\u00e9ket a felhaszn\u00e1l\u00f3 szemsz\u00f6g\u00e9b\u0151l n\u00e9zz\u00fck. Az emp\u00e1tia az a m\u00e9rt\u00e9k, ahogyan t\u00e1vol tudunk \u00e1llni a saj\u00e1t term\u00e9k\u00fcnkt\u0151l, higgadtan r\u00e1n\u00e9zni \u00e9s figyelni, hogyan dolgoznak vele a felhaszn\u00e1l\u00f3k. Az emp\u00e1tia fejleszt\u00e9se seg\u00edt a tervez\u0151nek re\u00e1lisan \u00e9rt\u00e9kelni a term\u00e9ket \u00e9s a megold\u00e1sokat, hogy meg\u00e9rtse, mit lehet jav\u00edtani, \u00e9s ne er\u0151ltessen r\u00e1 \u201ekedvenc megold\u00e1sokat\u201d.<\/li>\n<li><b>Logikai gondolkod\u00e1s<\/b>. Ezt a k\u00e9szs\u00e9get is fejleszteni kell \u00e9s folyamatosan t\u00f6k\u00e9letes\u00edteni, mert ennek k\u00f6sz\u00f6nhet\u0151en igaz\u00e1n \u00e1tgondolt fel\u00fcleteket hozhatunk l\u00e9tre, j\u00f3 felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nnyel.<\/li>\n<li><b>UX-pattern\u00f6k<\/b>. A modern product is a set of certain patterns that users have already gotten used to. For example, we know that we can swipe down to close a photo in a social network. Or that swiping left will show us additional options or a delete option. We understand that by double-tapping an image, we can zoom in, and so on. The number of such patterns is increasing, and it's important to understand how they work and not to break them. For instance, imagine that the scrolling on your phone suddenly gets inverted, and instead of the usual swipe from bottom to top, it now scrolls from top to bottom. As users, you'll have to get used to this new pattern for some time, which will cause certain irritation and discontent.<\/li>\n<li><b>Sz\u00f6veg\u00edr\u00e1s<\/b>. As I mentioned before, texts are important. It's not only about how they look but also how they are written. The ideal scenario is when there is a copywriter working alongside a designer to develop all the texts. However, this is often not the case, and designers often have to write texts themselves. And that\u2019s complicated. That\u2019s why this skill should be constantly improved, enhancing your texts and making them relevant to the product.<\/li>\n<li><b>Elemz\u00e9si munka<\/b>. Understanding what analytics is and why it is needed is important, because all decisions should somehow be substantiated and verified. This is done through metrics. A designer doesn't necessarily have to understand how metrics are attached, but being able to generate the right metrics and understanding what is being checked with them is indeed important.<\/li>\n<\/ul>\n<p>\nThis is just a basic set necessary to start creating not only beautiful but also useful interfaces that will solve real problems. Your skills map may have more skills, but it's also very useful to prioritize, focusing on developing only the most necessary skills first, and then refining the others.<\/p>\n<h2>How can you improve?<\/h2>\n<p>\nIt's very important to be honest with yourself and give a realistic assessment on your skills map, without inflating it (for this, I recommend involving designer colleagues or supervisors). Only then will you be able to identify those skills that truly need development. It\u2019s also important not to neglect the skills in which you are already quite strong.<\/p>\n<p>Besz\u00e9lj\u00fcnk arr\u00f3l, hogyan fejleszthetj\u00fck a gyeng\u00e9lked\u0151 k\u00e9szs\u00e9geinket, \u00e9s hogy mit tehet\u00fcnk ez\u00e9rt:<\/p>\n<ol>\n<li>Elemzd az \u00f6sszes olyan felhaszn\u00e1l\u00f3i fel\u00fcletet, amelyet \u00e9szreveszel. Kezdve a mindennapi k\u00f6zleked\u00e9si \u00e9s navig\u00e1ci\u00f3s alkalmaz\u00e1sokt\u00f3l, amelyeket haszn\u00e1lsz, eg\u00e9szen az olyan alkalmaz\u00e1sokig, amelyeket el\u00e9g ritk\u00e1n nyitsz meg. J\u00f3 lenne azon is elgondolkodni, hogy mi\u00e9rt nyitsz meg egy adott alkalmaz\u00e1st ritk\u00e1n, \u00e9s mit tehetn\u00e9l az\u00e9rt, hogy ez gyakrabban megt\u00f6rt\u00e9njen. \u00c9rdemes azt is megbesz\u00e9lni, hogy mi az, ami k\u00e9nyelmes egy adott alkalmaz\u00e1sban, \u00e9s mi az, ami nem annyira. Mit v\u00e1ltoztatn\u00e1l?<\/li>\n<li>Folyamatosan fejleszd a k\u00e9pfelismer\u0151 k\u00e9pess\u00e9gedet. Ennek k\u00f6sz\u00f6nhet\u0151en t\u00f6bb megold\u00e1st tudsz gener\u00e1lni, \u00e9s t\u00f6bb mint\u00e1zat lesz a fejedben. A k\u00e9pfelismer\u00e9st napi szinten \u00e9rdemes fejleszteni, \u00e9s sz\u00e1mos m\u00f3dszer l\u00e9tezik: n\u00e9zheted a Pinterestet, k\u00e9sz\u00edthetsz t\u00e1bl\u00e1kat a tetsz\u0151 \u00f6tletekkel. A Dribbble is j\u00f3 a k\u00e9pfelismer\u00e9s fejleszt\u00e9s\u00e9re. Igaz, \u00e9rdemes megjegyezni, hogy a Dribbble ink\u00e1bb vizu\u00e1lis t\u00f6rt\u00e9net, arr\u00f3l, hogyan n\u00e9z ki egy felhaszn\u00e1l\u00f3i fel\u00fclet, nem pedig arr\u00f3l, hogyan m\u0171k\u00f6dik. De ott is tal\u00e1lhatsz \u00e9rdekes UX-megold\u00e1sokat.<\/li>\n<li>A UI-k\u00e9szs\u00e9gek fejleszt\u00e9s\u00e9hez kezdhetsz a fel\u00fcletek m\u00e1sol\u00e1s\u00e1val. P\u00e9ld\u00e1ul egyszer\u0171en \u00fajra megrajzolhatod a Facebook n\u00e9h\u00e1ny k\u00e9perny\u0151j\u00e9t. De ne csak gondolkod\u00e1s n\u00e9lk\u00fcl m\u00e1sold \u0151ket, hanem m\u00e9ly\u00fclj el \u00e9s elemezd, hogy mi\u00e9rt helyezkedik el egy adott elem azon a helyen.<\/li>\n<li>Ha \u00fagy \u00e9rzed, hogy a m\u00e1sol\u00e1s unalmass\u00e1 v\u00e1lt sz\u00e1modra, kezdj el \u00fajra dolgozni a fel\u00fcleteken, gondolkozz el arr\u00f3l, hogyan lehetne jav\u00edtani egy-egy funkci\u00f3n, lehet, hogy \u00e9rdemes lenne \u00e1tforgatni az elemeket, vagy m\u00e1s sz\u00f6veget \u00edrni, esetleg teljesen \u00e1tvari\u00e1lni a sz\u00edneket \u2013 \u00e9s val\u00f3s\u00edtsd meg ezt. Mindig tedd fel a k\u00e9rd\u00e9st: mi\u00e9rt? Mi\u00e9rt van itt a gomb? Mi\u00e9rt ez a sz\u00edn? Mi\u00e9rt \u00edgy t\u00f6rt\u00e9nik az interakci\u00f3? Mi\u00e9rt m\u0171k\u00f6dik ilyen a fel\u00fclet, stb. Pr\u00f3b\u00e1lj meg min\u00e9l m\u00e9lyebbre hatolni a \u201emi\u00e9rtjeiddel\u201d.<\/li>\n<li>\u00c9s az utols\u00f3 tan\u00e1cs \u2013 a folyamatos gyakorl\u00e1s. En\u00e9lk\u00fcl a k\u00e9szs\u00e9gek elhalv\u00e1nyulnak, \u00e9s annak, aki a term\u00e9kfejleszt\u00e9sbe szeretne l\u00e9pni, ez teljesen sz\u00fcks\u00e9gtelen. Gyakorolj, pr\u00f3b\u00e1lj ki \u00faj dolgokat, k\u00e9sz\u00edts saj\u00e1t fel\u00fcleteket. Akik biztosabban \u00e9rzik magukat, azoknak aj\u00e1nlom a 100 napos UI kih\u00edv\u00e1st. <noindex><a rel=\"nofollow\" href=\"https:\/\/www.dailyui.co\">www.dailyui.co<\/a><\/noindex> Elind\u00edtva ezt a kih\u00edv\u00e1st, napi szinten fog kapni egy e-mailt a nap t\u00e9m\u00e1j\u00e1r\u00f3l, amelyhez fel kell rajzolnia egy felhaszn\u00e1l\u00f3i fel\u00fcletet. P\u00e9ld\u00e1ul: \"Lev\u00e9l k\u00fcld\u00e9se,\" \"Bev\u00e1s\u00e1rl\u00f3kos\u00e1r,\" vagy ak\u00e1r \"Kalkul\u00e1tor.\" Ennek k\u00f6sz\u00f6nhet\u0151en fejlesztheti a UI tud\u00e1s\u00e1t, \u00e9s ha logikusan gondolkodik a kih\u00edv\u00e1s sor\u00e1n, akkor az UX-et is jav\u00edthatja.<\/li>\n<li>Sokat olvasni. Cikkeket \u00e9s k\u00f6nyveket kell olvasni, \u00e9s felhaszn\u00e1l\u00f3i eseteket tanulm\u00e1nyozni. A Behance nagy seg\u00edts\u00e9g lehet, ahol a tervez\u0151k gyakran le\u00edrj\u00e1k megold\u00e1saikat, \u00e9s hogy mi\u00e9rt jutottak erre vagy arra a k\u00f6vetkeztet\u00e9sre. Ez seg\u00edt fejleszteni a logikai gondolkod\u00e1st \u00e9s a kauz\u00e1lis \u00f6sszef\u00fcgg\u00e9sek fel\u00e9p\u00edt\u00e9s\u00e9t a felhaszn\u00e1l\u00f3i fel\u00fcletekben.<\/li>\n<\/ol>\n<p>\nMost n\u00e9zz\u00fck meg a leggyakoribb hib\u00e1kat a kezd\u0151k k\u00f6r\u00e9ben:<\/p>\n<ol>\n<li>Rendszertelens\u00e9g. Az interf\u00e9szmint\u00e1k n\u00e9z\u00e9s\u00e9re \u00e9s elemz\u00e9s\u00e9re heti egyszeri alkalom nem elegend\u0151. Ezt minden nap meg kell tenni.<\/li>\n<li>Rossz felhaszn\u00e1l\u00f3i fel\u00fcletek m\u00e1sol\u00e1sa. Itt meg kell jegyezni, hogy nem \u00e9rdemes mindent ut\u00e1nozni. Gyakran tal\u00e1lhatunk gyenge \u00e9s \u00e1tgondolatlan alkalmaz\u00e1sokat az \u00e1ruh\u00e1zakban. Az ilyenek m\u00e1sol\u00e1sa nem fejleszti a k\u00e9szs\u00e9geit, hanem \u00e9ppen ellenkez\u0151leg.<\/li>\n<li>A fejl\u0151d\u00e9shez sz\u00fcks\u00e9ges tan\u00e1csok figyelmen k\u00edv\u00fcl hagy\u00e1sa. A legjobb eredm\u00e9nyt csak akkor \u00e9rheti el, ha mindent egy\u00fctt v\u00e9gez.<\/li>\n<\/ol>\n<p><\/p>\n<h2>Hogyan k\u00e9sz\u00edts\u00fck el az els\u0151 term\u00e9kportf\u00f3li\u00f3t<\/h2>\n<p>\nA portf\u00f3li\u00f3 n\u00e9lk\u00fcli tervez\u0151nek nemcsak neh\u00e9z munk\u00e1t tal\u00e1lni, hanem szinte lehetetlen. De mi a teend\u0151, ha van grafikai tervez\u0151i portf\u00f3li\u00f3ja, de nincsenek term\u00e9kprojektek?<\/p>\n<p>Mit tehet az\u00e9rt, hogy l\u00e9trehozza az els\u0151 term\u00e9kportf\u00f3li\u00f3j\u00e1t:<\/p>\n<ul>\n<li>Ahogyan b\u00e1rmely m\u00e1s tervez\u00e9si t\u00edpushoz, itt is k\u00e9sz\u00edthet projekteket kital\u00e1lt \u00fcgyfelek sz\u00e1m\u00e1ra. Vagy felaj\u00e1nlhatja m\u00e1r ismert nagy term\u00e9kek \u00fajratervez\u00e9s\u00e9t, mint p\u00e9ld\u00e1ul a Facebook, Instagram, e-mail \u00e9s hasonl\u00f3k. Sz\u00e1mos p\u00e9lda van arra, hogy azok a fiatalok, akik ilyen munk\u00e1t v\u00e9geztek, aj\u00e1nlatot kaptak att\u00f3l a c\u00e9gt\u0151l, amelynek a redesignj\u00e1t k\u00e9sz\u00edtett\u00e9k.<\/li>\n<li>A portf\u00f3li\u00f3j\u00e1ba nyugodtan beillesztheti a kor\u00e1bban v\u00e9gzett kih\u00edv\u00e1s sor\u00e1n k\u00e9sz\u00fclt munk\u00e1it. De csak a legjobbakat! Ne pr\u00f3b\u00e1ljon meg 100 k\u00e9pet beilleszteni a 100 napos UI kih\u00edv\u00e1sb\u00f3l csak az\u00e9rt, mert v\u00e9gigcsin\u00e1lta. Sokkal jobb, ha n\u00e9h\u00e1ny k\u00fcl\u00f6nleges munk\u00e1t v\u00e1laszt, amelyre b\u00fcszke lehet.<\/li>\n<li>Fontos megjegyezni, hogy a portf\u00f3li\u00f3, mint egy \u00e9l\u0151 organizmus, folyamatosan evolv\u00e1lni \u00e9s fejl\u0151dni kell. Amikor r\u00e1j\u00f6ssz, hogy l\u00e9trehozt\u00e1l egy olyan projektet, amely k\u00f6nnyed\u00e9n t\u00falsz\u00e1rnyalhatja azt, ami m\u00e1r megvan, b\u00e1tran m\u00f3dos\u00edtsd! A mennyis\u00e9g helyett a min\u0151s\u00e9g sz\u00e1m\u00edt. 1-2 kiv\u00e1l\u00f3 munka k\u00f6nnyed\u00e9n helyettes\u00edtheti az 5+ k\u00f6z\u00e9pszer\u0171t.<\/li>\n<li>Ha m\u00e9gis a term\u00e9k ir\u00e1ny\u00e1ba indulsz, nemcsak sz\u00e9p k\u00e9peket kell bemutatnod, hanem azt is, hogy hogyan jutott\u00e1l el hozz\u00e1juk. P\u00e9ld\u00e1ul, ha v\u00e1lasztott\u00e1l egy bizonyos bet\u0171t\u00edpust, magyar\u00e1zd el, mi\u00e9rt azt v\u00e1lasztottad. Fejtsd ki a sz\u00edn- \u00e9s viselked\u00e9smint\u00e1k v\u00e1laszt\u00e1s\u00e1t. Mindez fontos, \u00e9s megmutatja, hogyan gondolkodt\u00e1l a munka sor\u00e1n, milyen neh\u00e9zs\u00e9gekkel szembes\u00fclt\u00e9l \u00e9s hogyan oldottad meg \u0151ket.<\/li>\n<\/ul>\n<p>\nK\u00e9sz\u00edtettem nektek egy v\u00e1logat\u00e1st n\u00e9h\u00e1ny portf\u00f3li\u00f3b\u00f3l.<\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/joelifrieri.com\">Joe Lifrieri portf\u00f3li\u00f3ja<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/lisasy.com\">Lisa Sy<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"http:\/\/www.brandonwalkin.com\">Brandon Walkin<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/surganov.com\">Szergej Surganov, diz\u00e1jner<\/a><\/noindex><\/p>\n<h2>Mi a k\u00f6vetkez\u0151 l\u00e9p\u00e9s?<\/h2>\n<p>\nA UI k\u00e9szs\u00e9geid fejleszt\u00e9se nem bonyolult. A legfontosabb, hogy ezt rendszeresen \u00e9s k\u00f6vetkezetesen tedd. Ezt k\u00f6vet\u0151en \u00e9rdemes t\u00f6bbet gondolkodni a felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyen. Mindig anal\u00edz\u00e1lni \u00e9s k\u00e9rd\u00e9seket feltenni, hogy \"mi\u00e9rt\".<\/p>\n<p>Ezen k\u00edv\u00fcl r\u00e9szt vehetsz valamilyen tanfolyamon is. A ingyenes webin\u00e1riumok l\u00e1togat\u00e1sa mindenk\u00e9ppen seg\u00edthet, de nem helyettes\u00edti a tan\u00e1rral val\u00f3 kommunik\u00e1ci\u00f3t, a h\u00e1zi feladatok elv\u00e9gz\u00e9s\u00e9t \u00e9s a tud\u00e1s rendszerez\u00e9s\u00e9t. P\u00e9ld\u00e1ul a GeekBrains-en van egy \"Term\u00e9ki diz\u00e1jn alapjai\" tanfolyam, amely tud\u00e1sanyaggal l\u00e1t el a term\u00e9kekkel val\u00f3 munk\u00e1hoz.<\/p>\n<p>J\u00f3t\u00e9kony hat\u00e1s\u00fa lehet a freelancing is. Az els\u0151 term\u00e9ki portf\u00f3li\u00f3ddal b\u00e1tran kereshetsz val\u00f3s klienseket \u00e9s v\u00e9gezhetsz val\u00f3di projekteket. Ezt k\u00f6vet\u0151en az alkalmaz\u00e1said megjelenhetnek az \u00e1ruh\u00e1zakban (ami remek aj\u00e1nl\u00e1s a portf\u00f3li\u00f3dhoz), lesznek munkahelyeid, amelyekre hivatkozhatsz, valamint val\u00f3s tapasztalatot is szerzel.<\/p>\n<p>Egy m\u00e1sik j\u00f3 gyakorlat, ha gyakornokk\u00e9nt beker\u00fclsz egy modern c\u00e9ghez, amely term\u00e9kekkel foglalkozik. Sok IT-c\u00e9g, bank \u00e9s egy\u00e9b v\u00e1llalat szeretne gyakornokokat felvenni, akiket k\u00e9s\u0151bb alkalmaz\u00e1sra is k\u00e9szen \u00e1llnak. Ez remek lehet\u0151s\u00e9g arra, hogy megmutasd magad, c\u00e9lokat t\u0171zz ki \u00e9s el\u00e9rd \u0151ket.<\/p>\n<p>Ne feledkezzen meg a konferenci\u00e1kr\u00f3l \u00e9s a meetupon. Az online t\u00e9rben folyamatosan zajlanak meet-upok a term\u00e9kdesignr\u00f3l, ahol meghallgathatja a term\u00e9ken dolgoz\u00f3 fiatalokat, \u00e9s \u00faj dolgokat tanulhat. Ha szem\u00e9lyesen l\u00e1togat el ilyen meet-upokra, lehet\u0151s\u00e9ge lesz megismerni m\u00e1s tervez\u0151 koll\u00e9g\u00e1kat \u00e9s tapasztalatokat cser\u00e9lni, ami rendk\u00edv\u00fcl hasznos lesz, mint \u00fajonc a szakm\u00e1ban.<\/p>\n<h2>Mit olvassunk: k\u00f6nyvek \u00e9s cikkek<\/h2>\n<p>\nFolyamatosan \u00faj dolgokat tanulni nagyon hasznos a diz\u00e1jnerk\u00e9nt val\u00f3 fejl\u0151d\u00e9s sor\u00e1n. <\/p>\n<p>Ez\u00e9rt \u00f6ssze\u00e1ll\u00edtottam \u00d6n\u00f6knek hasznos k\u00f6nyveket \u00e9s cikkeket, amelyek seg\u00edtenek fejleszteni magukat term\u00e9kdiz\u00e1jnerk\u00e9nt.<\/p>\n<p><b>K\u00f6nyvek:<\/b><\/p>\n<p>Rob Fitzpatrick. K\u00e9rdezd meg az any\u00e1dat<br \/>\nAlan Cooper. Interf\u00e9sz. Az interakci\u00f3s tervez\u00e9s alapjai.<\/p>\n<p><b>K\u00f6zepes<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/designpub.ru\">Design-bar<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/uxdesign.cc\">UX Collective<\/a><\/noindex><\/p>\n<p><b>M\u00e1s hasznos forr\u00e1sok<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/jvetrau.com\">J\u00fari Vetrov az interf\u00e9szekr\u0151l - Digit\u00e1lis term\u00e9kek diz\u00e1jnmenedzsmentje<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/ux.pub\">UXPUB<\/a><\/noindex><\/p>\n<p><b>Diz\u00e1jnerek portf\u00f3li\u00f3i<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/joelifrieri.com\">Joe Lifrieri portf\u00f3li\u00f3ja<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/lisasy.com\">Lisa Sy<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"http:\/\/www.brandonwalkin.com\">Brandon Walkin<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/surganov.com\">Szergej Surganov, diz\u00e1jner<\/a><\/noindex><\/p>\n<p><b>100 napos UI kih\u00edv\u00e1s<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/www.dailyui.co\">Napi UI diz\u00e1jn kih\u00edv\u00e1s, inspir\u00e1ci\u00f3 \u00e9s forr\u00e1sok<\/a><\/noindex><\/p>\n<p><b>M\u00edt\u00e9ng<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/designweekend.ru\">Diz\u00e1jn-h\u00e9tv\u00e9g\u00e9k. 2019<\/a><\/noindex><\/p>\n<p>Ha maradtak k\u00e9rd\u00e9sei a bejegyz\u00e9s elolvas\u00e1sa ut\u00e1n, b\u00e1tran \u00edrja meg \u0151ket a megjegyz\u00e9sekben.<\/p>\n<p>K\u00f6sz\u00f6n\u00f6m.<br \/>\n<br \/>Forr\u00e1s: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/alfa\/blog\/461993\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c. \u041f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c \u0432\u044b \u043d\u0430\u0439\u0434\u0451\u0442\u0435 \u043e\u0442\u0432\u0435\u0442\u044b \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b: \u041a\u0442\u043e \u0442\u0430\u043a\u043e\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438 \u0447\u0435\u043c \u043e\u043d \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f? \u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043b\u0438 \u0432\u0430\u043c \u044d\u0442\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c? \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c? \u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e? [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":27467,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-36673","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/hu\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"hu_HU\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u041a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/hu\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T19:13:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:13:05+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Hogyan v\u00e1ljon a \"szok\u00e1sos diz\u00e1jnert\" term\u00e9kdiz\u00e1jnerr\u00e9 | ProHoster","description":"Hell\u00f3! A nevem Alekszej Svirido, digit\u00e1lis term\u00e9kdiz\u00e1jner vagyok az Alfa-Bankn\u00e1l. Ma arr\u00f3l szeretn\u00e9k mes\u00e9lni, hogyan lehet a \"szok\u00e1sos diz\u00e1jnert\" term\u00e9kdiz\u00e1jner\u00e9 v\u00e1ltoztatni.","canonical_url":"https:\/\/prohoster.info\/hu\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"hu_HU","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c | ProHoster","og:description":"\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c.","og:url":"https:\/\/prohoster.info\/hu\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:13:05+00:00","article:modified_time":"2019-10-31T19:13:05+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"36673","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-22 04:21:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 17:23:04","updated":"2026-01-22 04:21:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/36673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/comments?post=36673"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/36673\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media\/27467"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media?parent=36673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/categories?post=36673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/tags?post=36673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}