{"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\/cs\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","title":{"rendered":"Jak se z \"b\u011b\u017en\u00e9ho design\u00e9ra\" st\u00e1t produktov\u00fdm","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Ahoj!<\/p>\n<p>Jmenuji se Alexej Svirido, jsem design\u00e9r digit\u00e1ln\u00edch produkt\u016f v Alfa-Bance. Dnes v\u00e1m chci pov\u011bd\u011bt, jak se z \"b\u011b\u017en\u00e9ho design\u00e9ra\" st\u00e1t produktov\u00fdm. Pod t\u00edmto \u010dl\u00e1nkem najdete odpov\u011bdi na n\u00e1sleduj\u00edc\u00ed ot\u00e1zky:<\/p>\n<ul>\n<li>Kdo je produktov\u00fd designer a \u010d\u00edm se zab\u00fdv\u00e1?<\/li>\n<li>Hod\u00ed se v\u00e1m tato specializace?<\/li>\n<li>Co d\u011blat, abyste se stali produktov\u00fdm designerem?<\/li>\n<li>Jak vytvo\u0159it sv\u00e9 prvn\u00ed produktov\u00e9 portfolio?<\/li>\n<\/ul>\n<p>\nA tak\u00e9 si spole\u010dn\u011b nakresl\u00edme mapu kompetenc\u00ed, abychom pochopili, kter\u00e9 z va\u0161ich dovednost\u00ed si vy\u017eaduj\u00ed rozvoj a v \u010dem u\u017e jste dost siln\u00ed. <\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/alfa\/blog\/461993\/\"><img decoding=\"async\" alt=\"Jak se z &quot;b\u011b\u017en\u00e9ho design\u00e9ra&quot; st\u00e1t produktov\u00fdm\" src=\"\/wp-content\/uploads\/2019\/07\/0bf51ac5952f23b4ee949bff160122c1.png\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><br \/>\n<i>P\u0159\u00edklad mapy kompetenc\u00ed<\/i><\/p>\n<p>Na z\u00e1v\u011br p\u0159id\u00e1m doporu\u010den\u00ed knih a \u010dl\u00e1nk\u016f na toto t\u00e9ma, kter\u00e9 v\u00e1m pomohou dostat se d\u00e1l.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nJak jsem ji\u017e zm\u00ednil, pracuji v Alfa-Bance a zab\u00fdv\u00e1m se designem digit\u00e1ln\u00edch produkt\u016f pro podnik\u00e1n\u00ed, tedy pro pr\u00e1vnick\u00e9 osoby. P\u0159edt\u00edm jsem m\u011bl r\u016fzn\u00e9 freelance projekty se z\u00e1kazn\u00edky z cel\u00e9ho sv\u011bta. Svoji kari\u00e9ru jsem za\u010d\u00ednal jako grafik v holdingov\u00e9 spole\u010dnosti Gazprom-Media, v odd\u011blen\u00ed rozhlasov\u00fdch stanic. Tam jsem se v\u011bnoval venkovn\u00ed reklamy, polygrafii, n\u00e1vrhu banner\u016f, suven\u00fdr\u016f, vytv\u00e1\u0159en\u00ed branding\u016f, identity atd. S\u00e1m jsem pro\u0161el cestou od grafick\u00e9ho designu k produktov\u00e9mu a dnes se s v\u00e1mi r\u00e1d pod\u011bl\u00edm o to, co jsem se nau\u010dil b\u011bhem tohoto p\u0159echodu.<\/p>\n<h2>Kdo je produktov\u00fd designer a co d\u011bl\u00e1?<\/h2>\n<p>\nProduktov\u00fd designer \u2014 kdo to je? Ten, kdo navrhuje ml\u00e9ko, chl\u00e9b, su\u0161enky? Nebo ten, kdo vytv\u00e1\u0159\u00ed n\u00e1bytek a interi\u00e9rov\u00e9 p\u0159edm\u011bty? Nebo Jonathan Ive, kter\u00fd ode\u0161el z Apple a vytvo\u0159il gadgety a za\u0159\u00edzen\u00ed, kter\u00e9 m\u00e1 mnoho lid\u00ed r\u00e1do?<\/p>\n<p>Je\u0161t\u011b p\u0159ed sedmi lety byly produktov\u00fdmi design\u00e9ry naz\u00fdv\u00e1ni lid\u00e9, kte\u0159\u00ed vytv\u00e1\u0159ej\u00ed n\u011bjak\u00e9 hmotn\u00e9 v\u011bci, p\u0159edm\u011bty, n\u00e1bytek, tvary. Dnes v\u0161ak byl tento pojem, podle m\u00e9ho n\u00e1zoru, definitivn\u011b a neodvolateln\u011b odebr\u00e1n zakladatel\u016fm.<\/p>\n<p>Modern\u00ed produktov\u00fd design je p\u0159\u00edb\u011bh o digit\u00e1lu, o webov\u00fdch str\u00e1nk\u00e1ch a aplikac\u00edch, o digit\u00e1ln\u00edch produktech.<\/p>\n<p>Tak\u017ee produktov\u00fd design\u00e9r je design\u00e9r, kter\u00fd nevytv\u00e1\u0159\u00ed pouze vizu\u00e1ln\u00ed \u010d\u00e1st projektu, ale tak\u00e9 p\u0159em\u00fd\u0161l\u00ed o tom, jak bude tento projekt fungovat a jak bude komunikovat s u\u017eivateli. V produktu tedy nem\u016f\u017eete jen n\u011bco kr\u00e1sn\u011b nakreslit. To mus\u00ed fungovat dob\u0159e a \u0159e\u0161it specifick\u00e9 \u00fakoly, uspokojuj\u00edc\u00ed pot\u0159eby jak u\u017eivatele, tak byznysu, a pokud mo\u017eno oboj\u00ed.<\/p>\n<p>A to je jedna z hlavn\u00edch v\u00fdzev produktov\u00e9ho designu: jak vytvo\u0159it pro u\u017eivatele p\u0159\u00edjemn\u00e9 rozhran\u00ed, kter\u00e9 bude esteticky kr\u00e1sn\u00e9 a z\u00e1rove\u0148 p\u0159inese zisk pro podnik.<\/p>\n<p>Produktov\u00fd design\u00e9r ovliv\u0148uje:<\/p>\n<ul>\n<li><b>Vizu\u00e1ln\u00ed jazyk.<\/b> Pr\u00e1v\u011b produktov\u00fd design\u00e9r rozhoduje, zda komunikovat se z\u00e1kazn\u00edkem uvoln\u011bn\u011b, p\u0159\u00edsn\u011b, nebo mo\u017en\u00e1 dokonce trochu agresivn\u011b. Produktov\u00fd design\u00e9r ur\u010duje barvy, p\u00edsma, tvary a prostorem v u\u017eivatelsk\u00e9m rozhran\u00ed.<\/li>\n<li><b>U\u017eivatelsk\u00fd z\u00e1\u017eitek UX<\/b>. Produktov\u00fd design\u00e9r rozhoduje, co se stane p\u0159i kliknut\u00ed na tla\u010d\u00edtko, odkaz nebo dokonce p\u0159i zad\u00e1v\u00e1n\u00ed textu. Co uvid\u00ed u\u017eivatel, kdy\u017e \u010dek\u00e1 na na\u010dten\u00ed, nebo kdy\u017e se n\u011bco v aplikaci pokaz\u00ed.<\/li>\n<li><b>Zna\u010dka<\/b>. Ano, ano, p\u0159i vytv\u00e1\u0159en\u00ed rozhran\u00ed design\u00e9r ovliv\u0148uje zna\u010dku a to, jak\u00fdm zp\u016fsobem k n\u00ed u\u017eivatel\u00e9 p\u0159istupuj\u00ed. Vytvo\u0159en\u00edm slo\u017eit\u00e9ho a nepohodln\u00e9ho sc\u00e9n\u00e1\u0159e interakce m\u016f\u017eeme u\u017eivatele u\u010dinit m\u00e9n\u011b loaj\u00e1ln\u00edmi k zna\u010dce, nebo ji dokonce zcela opustit. Tak\u017ee je to velmi d\u016fle\u017eit\u00e9!<\/li>\n<li><b>Metriky<\/b>. Pokud chce podnik zv\u00fd\u0161it zisk t\u00edm, \u017ee zv\u00fd\u0161\u00ed po\u010det c\u00edlen\u00fdch akc\u00ed \u2013 to je na produktov\u00e9m design\u00e9rovi (jako na jednom z odborn\u00edk\u016f, proto\u017ee nejen produktov\u00fd design\u00e9r na to m\u016f\u017ee m\u00edt vliv). Pokud je pot\u0159eba udr\u017eet u\u017eivatele na str\u00e1nce nebo ho p\u0159im\u011bt k akci \u2013 to v\u0161e se d\u00e1 dos\u00e1hnout pomoc\u00ed designu.<\/li>\n<li><b>Byznysovou strategii.<\/b> Kdy\u017e se podnik ub\u00edr\u00e1 n\u011bjak\u00fdm sm\u011brem a je si jist\u00fd n\u011bjak\u00fdm sm\u011brem, m\u016f\u017ee produktov\u00fd design pomoci zm\u011bnit strategii t\u00edm, \u017ee prok\u00e1\u017ee, \u017ee p\u0159edchoz\u00ed kroky byly chybn\u00e9 a nespr\u00e1vn\u00e9. Nap\u0159\u00edklad, pokud vezmeme p\u0159ist\u00e1vac\u00ed str\u00e1nku s podm\u00ednkovou nab\u00eddkou p\u016fj\u010dky, u\u017eivatel nejde jen za pen\u011bzi, ale jde za pen\u011bzi s konkr\u00e9tn\u00edm c\u00edlem: koup\u00ed auta, bytu, s my\u0161lenkami na dovolenou atd. A pokud jako produktov\u00fd design\u00e9r dok\u00e1\u017eete identifikovat skute\u010dnou pot\u0159ebu u\u017eivatele a prok\u00e1zat to podniku \u2013 m\u016f\u017eete ovlivnit strategii jako celek.<\/li>\n<\/ul>\n<p>\nCelkov\u011b si ujasn\u011bme, \u017ee produktov\u00fd design nen\u00ed jen o hezk\u00fdch rozhran\u00edch. Jsou to hezk\u00e1 rozhran\u00ed, kter\u00e1 funguj\u00ed a \u0159e\u0161\u00ed pot\u0159eby u\u017eivatel\u016f.<\/p>\n<h2>Pot\u0159ebuji to skute\u010dn\u011b? A komu to rozhodn\u011b nebude vyhovovat?<\/h2>\n<p>\nAbychom pochopili, pro\u010d se pot\u0159ebujeme st\u00e1t produktov\u00fdmi design\u00e9ry, poj\u010fme se pod\u00edvat na to, pro\u010d je tato profese dnes tak popul\u00e1rn\u00ed. Produktov\u00ed design\u00e9\u0159i jsou popt\u00e1v\u00e1ni v\u0161ude a st\u00e1le v\u00edce spole\u010dnost\u00ed. I p\u0159es p\u0159epln\u011bn\u00fd trh spole\u010dnosti st\u00e1le hledaj\u00ed produktov\u00e9 design\u00e9ry.<\/p>\n<p>To souvis\u00ed s uv\u011bdom\u011bn\u00edm firem, \u017ee design skute\u010dn\u011b ovliv\u0148uje produkt. Designem lze jednodu\u0161e o\u017eivit produkt, kter\u00fdm nikdo nepohrdne a kter\u00fd nepokr\u00fdv\u00e1 sv\u00e9 n\u00e1klady. Modern\u00ed spole\u010dnosti hodn\u011b investuj\u00ed do designu, sna\u017e\u00edc\u00ed se naj\u00edt ty, kte\u0159\u00ed pro n\u011b navrhnou rozhran\u00ed, kter\u00e1 p\u0159in\u00e1\u0161ej\u00ed miliony.<\/p>\n<p>Jak poznat, \u017ee se pot\u0159ebuji posunout k produktu? Grafick\u00fd design je velmi zaj\u00edmav\u00e1 a tv\u016fr\u010d\u00ed sf\u00e9ra. M\u016f\u017eete \u0159e\u0161it r\u016fzn\u00e9 \u00fakoly pomoc\u00ed mnoha n\u00e1stroj\u016f, experimentovat a vytv\u00e1\u0159et n\u011bco nov\u00e9ho. Ale \u017eivotnost projekt\u016f grafick\u00e9ho designu je dost kr\u00e1tk\u00e1 a vliv rozhodnut\u00ed na koncov\u00e9ho u\u017eivatele nen\u00ed v\u017edy rozs\u00e1hl\u00fd. Samoz\u0159ejm\u011b, existuj\u00ed velmi velk\u00e9 projekty, kter\u00e9 m\u011bn\u00ed sv\u011bty, ale \u010dast\u011bji se budete muset spokojit s men\u0161\u00edm.<\/p>\n<p>Kdy byste se m\u011bli zamyslet nad p\u0159echodem k produktov\u00e9mu designu:<\/p>\n<ol>\n<li>Kdy\u017e ch\u00e1pete, \u017ee chcete ovlivnit v\u00edce proces\u016f, ne\u017e jen kreslit hezk\u00e9 obr\u00e1zky.<\/li>\n<li>Kdy\u017e logika a rozumnost p\u0159evl\u00e1daj\u00ed ve va\u0161em designu.<\/li>\n<li>Kdy\u017e chcete pracovat nejen rukama, ale i hlavou, p\u0159em\u00fd\u0161lejte o v\u0161ech f\u00e1z\u00edch \u017eivotn\u00edho cyklu sv\u00e9ho produktu.<\/li>\n<li>Kdy\u017e se domn\u00edv\u00e1te, \u017ee v\u00e1s unavuje grafick\u00fd design a chcete se p\u0159esunout k n\u011b\u010demu nov\u00e9mu.<\/li>\n<li>Kdy\u017e v\u00e1s technologie a IT zaj\u00edmaj\u00ed v\u00edce ne\u017e polygrafie a venkovn\u00ed reklama.<\/li>\n<\/ol>\n<p>\nA komu produktov\u00fd design moc nevyhovuje:<\/p>\n<ol>\n<li>Tv\u016fr\u010d\u00edm du\u0161\u00edm, um\u011blc\u016fm, kte\u0159\u00ed se v\u011bnuj\u00ed um\u011bn\u00ed a d\u011blaj\u00ed to dob\u0159e. Nebude v\u00e1m v produktu pohodln\u011b. P\u0159esto se ale v\u017edy m\u016f\u017eete zkusit.<\/li>\n<li>Lidem, kte\u0159\u00ed pova\u017euj\u00ed kr\u00e1sn\u00e9 obr\u00e1zky za jedin\u00fd produkt designu. Nejsem si jist\u00fd, zda takov\u00ed lid\u00e9 v\u016fbec existuj\u00ed. Design v jak\u00e9mkoli sm\u011bru u\u017e dlouho prim\u00e1rn\u011b \u0159e\u0161\u00ed \u00fakoly a teprve potom p\u0159in\u00e1\u0161\u00ed kr\u00e1su.<\/li>\n<li>Jednotlivc\u016fm, kte\u0159\u00ed neum\u011bj\u00ed pracovat v t\u00fdmu. Tady je v\u0161e jasn\u00e9. Pr\u00e1ce na produktu je v\u017edy pr\u00e1ce t\u00fdmu, a pokud tuto dovednost nem\u00e1te \u2014 l\u00e9pe ji rozv\u00edjejte, pokud samoz\u0159ejm\u011b chcete d\u011blat produktov\u00fd design.<\/li>\n<\/ol>\n<p><\/p>\n<h2>Jak\u00e9 aktu\u00e1ln\u00ed dovednosti jsou obzvl\u00e1\u0161\u0165 d\u016fle\u017eit\u00e9 a co byste m\u011bli zlep\u0161it?<\/h2>\n<p>\nA te\u010f se poj\u010fme od rozhovor\u016f posunout k sestaven\u00ed va\u0161\u00ed mapy kompetenc\u00ed. Mapa kompetenc\u00ed pom\u00e1h\u00e1 jasn\u011b pochopit, v \u010dem jste siln\u00ed a co byste m\u011bli zlep\u0161it. \u010casto jsou mapy kompetenc\u00ed pou\u017e\u00edv\u00e1ny v produktov\u00fdch t\u00fdmech, aby rozum\u011bly r\u016fstov\u00fdm p\u0159\u00edle\u017eitostem designera. Spole\u010dn\u011b vytvo\u0159\u00edme va\u0161e osobn\u00ed mapy. Nejd\u0159\u00edve se pod\u00edvejme, jak\u00e9 mohou b\u00fdt.<\/p>\n<p>P\u0159\u00edklady map kompetenc\u00ed:<\/p>\n<p><img decoding=\"async\" alt=\"Jak se z &quot;b\u011b\u017en\u00e9ho design\u00e9ra&quot; st\u00e1t produktov\u00fdm\" src=\"\/wp-content\/uploads\/2019\/07\/1f911e18dab0f4821f1330851bb1ca54.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<img decoding=\"async\" alt=\"Jak se z &quot;b\u011b\u017en\u00e9ho design\u00e9ra&quot; st\u00e1t produktov\u00fdm\" src=\"\/wp-content\/uploads\/2019\/07\/f889e6382db5982dc9d0a60982910878.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nA te\u010f si vytvo\u0159\u00edme rychlou mapu kompetenc\u00ed v jak\u00e9mkoli n\u00e1stroji. Nejd\u0159\u00edve vytvo\u0159\u00edme osy a za\u010dneme nab\u00edrat kompetence, kter\u00fdmi v sou\u010dasnosti disponujete jako grafi\u010dt\u00ed design\u00e9\u0159i. Nemus\u00ed se jednat pouze o z\u00e1kladn\u00ed charakteristiky, ale i o n\u011bco slo\u017eit\u011bj\u0161\u00edho, nap\u0159\u00edklad znalost 3D nebo motion designu. Mimochodem, mapa kompetenc\u00ed m\u016f\u017ee b\u00fdt roz\u0161\u00ed\u0159en\u00e1 a zahrnovat i dal\u0161\u00ed va\u0161e dovednosti, jako nap\u0159\u00edklad znalost HTML a CSS nebo n\u011bjak\u00e9ho programovac\u00edho jazyka.<\/p>\n<ul>\n<li>Typografie<\/li>\n<li>Pr\u00e1ce s barvou<\/li>\n<li>Kompozice<\/li>\n<li>Kni\u017en\u00ed\/\u010dasopiseck\u00e1 typografie<\/li>\n<li>Ilustrace<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p>\nNyn\u00ed p\u0159em\u00fd\u0161lejme nad t\u00edm, jak\u00e9 dovednosti by m\u011bl m\u00edt produktov\u00fd design\u00e9r. M\u016f\u017eete doplnit do koment\u00e1\u0159\u016f.<\/p>\n<ul>\n<li>Empatie<\/li>\n<li>Logick\u00e9 my\u0161len\u00ed<\/li>\n<li>Animace<\/li>\n<li>Ikonografie<\/li>\n<li>Copywriting<\/li>\n<li>UX vzory<\/li>\n<li>Pr\u00e1ce s analytikou<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p>\nKa\u017edou z dovednost\u00ed lze posoudit na 10-bodov\u00e9 \u0161k\u00e1le. Existuj\u00ed r\u016fzn\u00e9 metody hodnocen\u00ed, pokus\u00edme se dovednosti posoudit sami. Aby byly tyto \u00fadaje relevantn\u011bj\u0161\u00ed, m\u016f\u017eete po\u017e\u00e1dat o hodnocen\u00ed va\u0161ich dovednost\u00ed jin\u00e9 design\u00e9ry, se kter\u00fdmi komunikujete, nebo vedouc\u00edho, kter\u00fd s v\u00e1mi pracuje.<\/p>\n<p>Nyn\u00ed, kdy\u017e m\u00e1me mapu kompetenc\u00ed, poj\u010fme si vyzna\u010dit, kter\u00e9 z va\u0161ich sou\u010dasn\u00fdch dovednost\u00ed jsou obzvl\u00e1\u0161\u0165 d\u016fle\u017eit\u00e9 a velmi v\u00e1m pomohou v produktov\u00e9m designu.<\/p>\n<p>Je tedy velmi d\u016fle\u017eit\u00e9 rozum\u011bt:<\/p>\n<ul>\n<li><b>Kompozici<\/b>. Teorie bl\u00edzkosti, prostor a interakce prvk\u016f v prostoru, kombinace mal\u00e9ho a velk\u00e9ho. Bez znalosti pravidel kompozice m\u016f\u017eete ud\u011blat hloup\u00e9 chyby, kter\u00e9 sn\u00ed\u017e\u00ed kvalitu interakce u\u017eivatel\u016f s produktem a mohou \u010dasto ovlivnit d\u016fle\u017eit\u011bj\u0161\u00ed metriky, nap\u0159\u00edklad zisk.<\/li>\n<li><b>Typografie<\/b>. Modern\u00ed rozhran\u00ed nejsou jen vizu\u00e1ln\u00ed, ale tak\u00e9 textov\u00e1. Pr\u00e1ce s textem by m\u011bla b\u00fdt precizn\u00ed, aby u\u017eivatel\u00e9 mohli plnit sv\u00e9 \u00fakoly a p\u0159e\u010d\u00edst si text na r\u016fzn\u00fdch obrazovk\u00e1ch. Je d\u016fle\u017eit\u00e9 spr\u00e1vn\u011b vyb\u00edrat a kombinovat p\u00edsma pro rozhran\u00ed.<\/li>\n<li><b>Pr\u00e1ce s barvou<\/b>. Pochopen\u00ed that, jak pracovat s barvou, je rovn\u011b\u017e d\u016fle\u017eit\u00e9, proto\u017ee nap\u0159\u00edklad p\u0159i poru\u0161en\u00ed princip\u016f kontrastu m\u016f\u017ee b\u00fdt text na n\u011bkter\u00fdch obrazovk\u00e1ch ne\u010diteln\u00fd nebo prvky mohou b\u00fdt nen\u00e1padn\u00e9. <\/li>\n<\/ul>\n<p>\nJin\u00fdmi slovy, bez z\u00e1kladn\u00edch princip\u016f a dovednost\u00ed v grafick\u00e9m designu bude v produktu obt\u00ed\u017en\u00e9 a mohou vzniknout mnoh\u00e9 absurdn\u00ed chyby.<\/p>\n<p>A nyn\u00ed k tomu, co je t\u0159eba vylep\u0161it pro pr\u00e1ci s produktem:<\/p>\n<ul>\n<li><b>Empatie<\/b>. To je pravd\u011bpodobn\u011b jedna z nejd\u016fle\u017eit\u011bj\u0161\u00edch dovednost\u00ed. Nesm\u00edte zam\u011b\u0148ovat empatii a sympatii. Empatie je schopnost vid\u011bt produkt o\u010dima u\u017eivatele. Empatie je to, jak daleko se m\u016f\u017eete od sv\u00e9ho produktu vzd\u00e1lit, chladnokrevn\u011b se na n\u011bj pod\u00edvat a jak s n\u00edm u\u017eivatel\u00e9 pracuj\u00ed. Rozvoj empatie pom\u00e1h\u00e1 design\u00e9rovi spr\u00e1vn\u011b posoudit produkt a \u0159e\u0161en\u00ed, aby pochopil, co je mo\u017en\u00e9 zlep\u0161it, a nevnucovat \u201eobl\u00edben\u00e9 \u0159e\u0161en\u00ed\u201c.<\/li>\n<li><b>Logick\u00e9 my\u0161len\u00ed<\/b>. Tuto dovednost je tak\u00e9 pot\u0159eba neust\u00e1le rozv\u00edjet a zlep\u0161ovat, proto\u017ee d\u00edky tomu m\u016f\u017eete vytv\u00e1\u0159et skute\u010dn\u011b promy\u0161len\u00e1 rozhran\u00ed s dobr\u00fdm u\u017eivatelsk\u00fdm z\u00e1\u017eitkem.<\/li>\n<li><b>UX vzory<\/b>. Modern\u00ed produkty p\u0159edstavuj\u00ed soubor ur\u010dit\u00fdch vzorc\u016f, na kter\u00e9 si u\u017eivatel\u00e9 zvykli. Nap\u0159\u00edklad u\u017e v\u00edme, \u017ee kdy\u017e otev\u0159eme fotografii na soci\u00e1ln\u00ed s\u00edti, m\u016f\u017eeme ji posunout dol\u016f, abychom ji zav\u0159eli. Nebo kdy\u017e posuneme doleva, objev\u00ed se dodate\u010dn\u00e9 mo\u017enosti nebo mo\u017enost smaz\u00e1n\u00ed. Ch\u00e1peme, \u017ee kdy\u017e dvakr\u00e1t \u0165ukneme na obr\u00e1zek, m\u016f\u017eeme ho zv\u011bt\u0161it, a tak d\u00e1le. Takov\u00fdch vzorc\u016f st\u00e1le p\u0159ib\u00fdv\u00e1 a je d\u016fle\u017eit\u00e9 porozum\u011bt tomu, jak funguj\u00ed, a nezapom\u00ednat na n\u011b. Pro p\u0159\u00edklad si p\u0159edstavte, \u017ee na va\u0161em telefonu se najednou prohodilo scrollov\u00e1n\u00ed, a m\u00edsto obvykl\u00e9ho posouv\u00e1n\u00ed zdola nahoru te\u010f scroll funguje nahoru dol\u016f. Jako u\u017eivatel\u00e9 si na nov\u00fd vzor budete muset n\u011bjakou dobu zvyknout, co\u017e vyvol\u00e1 ur\u010dit\u00e9 podr\u00e1\u017ed\u011bn\u00ed a nespokojenost.<\/li>\n<li><b>Copywriting<\/b>. Jak jsem ji\u017e zm\u00ednil, texty jsou d\u016fle\u017eit\u00e9. A d\u016fle\u017eit\u00e9 nen\u00ed jen to, jak to vypad\u00e1, ale i to, jak je to naps\u00e1no. Ide\u00e1ln\u00ed situace je, kdy\u017e v t\u00fdmu pracuje copywriter, kter\u00fd ve spolupr\u00e1ci s design\u00e9rem vypracov\u00e1v\u00e1 v\u0161echny texty. Ale \u010dasto tomu tak nen\u00ed, a design\u00e9r mus\u00ed ps\u00e1t texty s\u00e1m. A to je slo\u017eit\u00e9. Proto je tento dovednost velmi u\u017eite\u010dn\u00e9 neust\u00e1le rozv\u00edjet, zlep\u0161ovat sv\u00e9 texty a u\u010dinit je relevantn\u00edmi k produktu.<\/li>\n<li><b>Pr\u00e1ce s analytikou<\/b>. Pochopen\u00ed toho, co je analytika a pro\u010d je pot\u0159ebn\u00e1, je d\u016fle\u017eit\u00e9, proto\u017ee v\u0161echna rozhodnut\u00ed by m\u011bla b\u00fdt n\u011bjak\u00fdm zp\u016fsobem potvrzena a ov\u011b\u0159ena. To se d\u011bje pomoc\u00ed metrik. Design\u00e9r nemus\u00ed nutn\u011b rozum\u011bt tomu, jak p\u0159esn\u011b se metriky p\u0159id\u00e1vaj\u00ed, ale schopnost generovat spr\u00e1vn\u00e9 metriky a pochopit, co je jejich pomoc\u00ed ov\u011b\u0159ov\u00e1no \u2014 to je skute\u010dn\u011b d\u016fle\u017eit\u00e9.<\/li>\n<\/ul>\n<p>\nTo je pouze z\u00e1kladn\u00ed soubor, kter\u00fd je nezbytn\u00fd pro to, abyste za\u010dali vytv\u00e1\u0159et nejen hezk\u00e9, ale i u\u017eite\u010dn\u00e9 rozhran\u00ed, kter\u00e1 budou \u0159e\u0161it skute\u010dn\u00e9 \u00fakoly. Na va\u0161\u00ed map\u011b dovednost\u00ed m\u016f\u017ee b\u00fdt v\u00edce schopnost\u00ed, ale je tak\u00e9 velmi u\u017eite\u010dn\u00e9 nastavit priority, abyste nejprve rozv\u00edjeli pouze ty nejpot\u0159ebn\u011bj\u0161\u00ed dovednosti, a teprve pot\u00e9 si zdokonalovali ostatn\u00ed.<\/p>\n<h2>Jak se m\u016f\u017eete rozv\u00edjet?<\/h2>\n<p>\nJe velmi d\u016fle\u017eit\u00e9 b\u00fdt k sob\u011b up\u0159\u00edmn\u00fd a na map\u011b dovednost\u00ed si stanovit re\u00e1ln\u00e9 hodnocen\u00ed, ani\u017e byste ho p\u0159eh\u00e1n\u011bli (na to v\u00e1m doporu\u010duji p\u0159izvat kolegy design\u00e9ry nebo vedouc\u00ed). Jen tak budete moci vyty\u010dit ty dovednosti, kter\u00e9 skute\u010dn\u011b pot\u0159ebuj\u00ed rozvoj. Ale tak\u00e9 je d\u016fle\u017eit\u00e9 nezapom\u00ednat na ty dovednosti, v nich\u017e u\u017e jste dost siln\u00ed.<\/p>\n<p>Poj\u010fme si promluvit o tom, jak rozv\u00edjet stagnuj\u00edc\u00ed dovednosti a co pro to d\u011blat:<\/p>\n<ol>\n<li>Analyzujte v\u0161echny rozhran\u00ed, kter\u00e9 v\u00e1m p\u0159ijdou pod ruku. Od ka\u017edodenn\u00edch aplikac\u00ed pro dopravu a navigaci, kter\u00e9 pou\u017e\u00edv\u00e1te, a\u017e po aplikace, kter\u00e9 otev\u00edr\u00e1te dostate\u010dn\u011b z\u0159\u00eddka. Bylo by dobr\u00e9 tak\u00e9 p\u0159em\u00fd\u0161let o tom, pro\u010d otev\u00edr\u00e1te danou aplikaci z\u0159\u00eddka a co by se dalo ud\u011blat, aby se to d\u011blo \u010dast\u011bji. Tak\u00e9 stoj\u00ed za to uva\u017eovat o tom, co je v konkr\u00e9tn\u00ed aplikaci pohodln\u00e9 a co ne. A co byste zm\u011bnili?<\/li>\n<li>St\u00e1le rozv\u00edjejte svoji znalost. D\u00edky tomu budete moci generovat v\u00edce \u0159e\u0161en\u00ed a m\u00edt v\u00edce vzorc\u016f v hlav\u011b. Znalost je t\u0159eba rozv\u00edjet ka\u017ed\u00fd den a existuje mnoho zp\u016fsob\u016f: m\u016f\u017eete sledovat Pinterest, vytv\u00e1\u0159et n\u00e1st\u011bnky s obl\u00edben\u00fdmi n\u00e1pady. Stejn\u011b tak je Dribbble dobr\u00e9 pro rozvoj znalosti. Je v\u0161ak t\u0159eba poznamenat, \u017ee Dribbble je v\u00edce vizu\u00e1ln\u00ed p\u0159\u00edb\u011bh o vzhledu rozhran\u00ed, nikoli o tom, jak funguje. I tam v\u0161ak m\u016f\u017eete naj\u00edt zaj\u00edmav\u00e1 UX \u0159e\u0161en\u00ed.<\/li>\n<li>Pro rozvoj UI dovednost\u00ed m\u016f\u017eete za\u010d\u00edt t\u00edm, \u017ee budete kop\u00edrovat rozhran\u00ed. Nap\u0159\u00edklad m\u016f\u017eete vz\u00edt Facebook a jednodu\u0161e p\u0159ekreslit n\u011bkolik obrazovek. Ale ned\u011blejte to bezmy\u0161lenkovit\u011b, ale pono\u0159te se a analyzujte, pro\u010d je ten \u010di onen prvek um\u00edst\u011bn na konkr\u00e9tn\u00edm m\u00edst\u011b.<\/li>\n<li>Pokud c\u00edt\u00edte, \u017ee v\u00e1s kop\u00edrov\u00e1n\u00ed u\u017e nud\u00ed, za\u010dn\u011bte vytv\u00e1\u0159et rozhran\u00ed znovu s my\u0161lenkami na to, jak zlep\u0161it tuto \u010di onu funkci. Mo\u017en\u00e1 by st\u00e1lo za to vym\u011bnit prvky mezi sebou, napsat jin\u00fd text nebo celkov\u011b p\u0159ebarvit - a realizujte to. V\u017edy se sna\u017ete odpov\u00eddat na ot\u00e1zky: pro\u010d? Pro\u010d je tla\u010d\u00edtko zde, pro\u010d je tato barva, pro\u010d doch\u00e1z\u00ed k interakci pr\u00e1v\u011b takto, pro\u010d rozhran\u00ed funguje takto atd. Sna\u017ete se j\u00edt se sv\u00fdmi \u201epro\u010d\u201c co nejhloub\u011bji.<\/li>\n<li>A posledn\u00ed rada - to je neust\u00e1l\u00e1 praxe. Bez toho dovednosti vymiz\u00ed, a ti, kdo se rozhodli p\u0159ej\u00edt do produktu, to rozhodn\u011b nepot\u0159ebuj\u00ed. Procvi\u010dujte, zkou\u0161ejte, vytv\u00e1\u0159ejte sv\u00e1 rozhran\u00ed. Pro ty, kte\u0159\u00ed se c\u00edt\u00ed dostate\u010dn\u011b sebejist\u00ed, doporu\u010duji \u010cinnost 100 dn\u00ed UI. <noindex><a rel=\"nofollow\" href=\"https:\/\/www.dailyui.co\">www.dailyui.co<\/a><\/noindex> Za\u010d\u00e1tkem t\u00e9to v\u00fdzvy budete ka\u017ed\u00fd den dost\u00e1vat na e-mail t\u00e9ma dne, pro kter\u00e9 je t\u0159eba navrhnout u\u017eivatelsk\u00e9 rozhran\u00ed. Nap\u0159\u00edklad \u201eOdesl\u00e1n\u00ed e-mailu\u201c, nebo \u201eN\u00e1kupn\u00ed ko\u0161\u00edk\u201c, nebo dokonce \u201eKalkula\u010dka\u201c. D\u00edky tomu se m\u016f\u017eete zlep\u0161it v UI, a pokud budete p\u0159i pr\u00e1ci na v\u00fdzv\u011b logicky p\u0159em\u00fd\u0161let, m\u016f\u017eete tak\u00e9 zlep\u0161it sv\u00e9 dovednosti v UX.<\/li>\n<li>Hodn\u011b \u010dt\u011bte. \u010ct\u011bte \u010dl\u00e1nky, knihy, studujte u\u017eivatelsk\u00e9 p\u0159\u00edpady. Pomoci m\u016f\u017ee Behance, kde design\u00e9\u0159i \u010dasto popisuj\u00ed sv\u00e1 \u0159e\u0161en\u00ed a pro\u010d k ur\u010dit\u00fdm z\u00e1v\u011br\u016fm do\u0161li. To pom\u016f\u017ee rozv\u00edjet logick\u00e9 my\u0161len\u00ed a vytv\u00e1\u0159et p\u0159\u00ed\u010dinn\u00e9 souvislosti ve va\u0161ich rozhran\u00edch.<\/li>\n<\/ol>\n<p>\nA te\u010f si rozebr\u00e1me nej\u010dast\u011bj\u0161\u00ed chyby nov\u00e1\u010dk\u016f:<\/p>\n<ol>\n<li>Nerovnom\u011brnost. Prohl\u00ed\u017een\u00ed a anal\u00fdza vzor\u016f rozhran\u00ed jednou t\u00fddn\u011b nesta\u010d\u00ed. To je t\u0159eba d\u011blat ka\u017ed\u00fd den.<\/li>\n<li>Kop\u00edrov\u00e1n\u00ed \u0161patn\u00fdch rozhran\u00ed. Je t\u0159eba zd\u016fraznit, \u017ee nen\u00ed dobr\u00e9 kop\u00edrovat v\u0161e bez rozmyslu. Velmi \u010dasto m\u016f\u017eete v obchodech naj\u00edt slab\u00e9 a nepromy\u0161len\u00e9 aplikace. Kop\u00edrov\u00e1n\u00ed takov\u00fdch povede k tomu, \u017ee nebudete rozv\u00edjet dovednosti, ale naopak.<\/li>\n<li>Ignorov\u00e1n\u00ed rad pro rozvoj. Nejlep\u0161\u00edho efektu dos\u00e1hnete pouze tehdy, pokud budete d\u011blat v\u0161echno v souvislosti.<\/li>\n<\/ol>\n<p><\/p>\n<h2>Jak vytvo\u0159it sv\u00e9 prvn\u00ed produktov\u00e9 portfolio<\/h2>\n<p>\nDesigner bez portfolia m\u00e1 obt\u00ed\u017en\u00e9, a\u017e t\u00e9m\u011b\u0159 nemo\u017en\u00e9, naj\u00edt pr\u00e1ci. Ale co d\u011blat, pokud m\u00e1te portfolio grafick\u00e9ho designu, ale zcela \u017e\u00e1dn\u00e9 produktov\u00e9 projekty?<\/p>\n<p>Co m\u016f\u017eete ud\u011blat k vytvo\u0159en\u00ed sv\u00e9ho prvn\u00edho produktov\u00e9ho portfolia:<\/p>\n<ul>\n<li>Stejn\u011b jako v jak\u00e9mkoli jin\u00e9m typu designu m\u016f\u017eete vytv\u00e1\u0159et projekty pro fiktivn\u00ed klienty. Nebo navrhovat redesign ji\u017e zn\u00e1m\u00fdch velk\u00fdch produkt\u016f, jako je Facebook, Instagram, e-mail a podobn\u011b. Existuje mnoho p\u0159\u00edklad\u016f, kdy lid\u00e9, kte\u0159\u00ed tuto pr\u00e1ci zpracovali, dostali nab\u00eddku od spole\u010dnosti, pro kterou redesign d\u011blali.<\/li>\n<li>Do portfolia m\u016f\u017eete bez obav zahrnout pr\u00e1ce z v\u00fdzvy, kterou jste d\u011blali d\u0159\u00edve. Ale pouze nejlep\u0161\u00ed pr\u00e1ce! Nen\u00ed dobr\u00e9 zahrnovat 100 obr\u00e1zk\u016f z v\u00fdzvy 100 dn\u00ed UI jen proto, \u017ee jste ji pro\u0161li od za\u010d\u00e1tku do konce. Je mnohem lep\u0161\u00ed vybrat n\u011bkolik v\u00fdjime\u010dn\u00fdch prac\u00ed, na kter\u00e9 m\u016f\u017eete b\u00fdt hrd\u00ed.<\/li>\n<li>Je d\u016fle\u017eit\u00e9 si uv\u011bdomit, \u017ee portfolio, jako \u017eiv\u00fd organismus, by m\u011blo neust\u00e1le evolvovat a zlep\u0161ovat se. Kdy\u017e pochop\u00edte, \u017ee jste vytvo\u0159ili projekt, kter\u00fd snadno p\u0159ekon\u00e1 ten, kter\u00fd ji\u017e m\u00e1te, nebojte se ho zm\u011bnit! D\u016fle\u017eit\u00e9 nen\u00ed mno\u017estv\u00ed, ale kvalita. 1-2 skv\u011bl\u00e9 pr\u00e1ce mohou snadno nahradit 5+ pr\u016fm\u011brn\u00fdch.<\/li>\n<li>Pokud se rozhodnete pro produkt, m\u011bli byste nejen uk\u00e1zat kr\u00e1sn\u00e9 obr\u00e1zky, ale tak\u00e9 to, jak jste k nim do\u0161li. Nap\u0159\u00edklad, pokud jste vybrali n\u011bjak\u00e9 p\u00edsmo, vysv\u011btlete, pro\u010d bylo vybr\u00e1no pr\u00e1v\u011b to. Vysv\u011btlete sv\u016fj v\u00fdb\u011br barev a vzorc\u016f chov\u00e1n\u00ed. To v\u0161e je d\u016fle\u017eit\u00e9 a ukazuje, jak jste o tom p\u0159em\u00fd\u0161leli b\u011bhem pr\u00e1ce, jak\u00e9 obt\u00ed\u017ee jste potkali a jak jste je vy\u0159e\u0161ili.<\/li>\n<\/ul>\n<p>\nP\u0159ipravil jsem pro v\u00e1s v\u00fdb\u011br n\u011bkter\u00fdch portfoli\u00ed.<\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/joelifrieri.com\">Portfolio Joe Lifrieriho<\/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\">Serg\u011bj Surganov, design\u00e9r<\/a><\/noindex><\/p>\n<h2>Co d\u011blat d\u00e1l?<\/h2>\n<p>\nZlep\u0161ov\u00e1n\u00ed UI dovednost\u00ed nen\u00ed slo\u017eit\u00e9. Hlavn\u00ed je d\u011blat to systematicky a pravideln\u011b. D\u00e1le byste m\u011bli myslet v\u00edce na u\u017eivatelskou zku\u0161enost. V\u017edy analyzujte a pokl\u00e1dejte ot\u00e1zky \u201epro\u010d\u201c.<\/p>\n<p>M\u016f\u017eete tak\u00e9 absolvovat n\u011bjak\u00fd kurz. \u00da\u010dast na bezplatn\u00fdch webin\u00e1\u0159\u00edch v\u00e1m ur\u010dit\u011b m\u016f\u017ee pomoci, ale nic nenahrad\u00ed komunikaci s u\u010ditelem, pln\u011bn\u00ed dom\u00e1c\u00edch \u00fakol\u016f a systematizaci znalost\u00ed. Nap\u0159\u00edklad na GeekBrains je kurz \u201eZ\u00e1klady produktov\u00e9ho designu\u201c, kter\u00fd v\u00e1m poskytne znalosti pot\u0159ebn\u00e9 pro pr\u00e1ci v produktu.<\/p>\n<p>Prosp\u011bje v\u00e1m tak\u00e9 freelancing. S t\u00edm prvn\u00edm produktov\u00fdm portfoliem, kter\u00e9 jste vytvo\u0159ili, m\u016f\u017eete sebev\u011bdom\u011b hledat skute\u010dn\u00e9 klienty a realizovat ji\u017e skute\u010dn\u00e9 projekty. Pot\u00e9 se va\u0161e aplikace mohou objevit ve stor\u00edch (co\u017e je skv\u011bl\u00e1 doporu\u010den\u00ed pro va\u0161e portfolio), budete m\u00edt pracovn\u00ed webov\u00e9 str\u00e1nky, na kter\u00e9 m\u016f\u017eete d\u00e1vat odkazy, plus skute\u010dn\u00e9 pracovn\u00ed zku\u0161enosti.<\/p>\n<p>Dal\u0161\u00ed dobrou praktikou je st\u00e1t se st\u00e1\u017eistou v n\u011bjak\u00e9 modern\u00ed spole\u010dnosti, kter\u00e1 pracuje s produktem. Mnoho IT spole\u010dnost\u00ed, bank a dal\u0161\u00edch je ochotno naj\u00edmat st\u00e1\u017eisty, kter\u00e9 pak p\u0159ijmou na trval\u00fd pracovn\u00ed pom\u011br. A to je skv\u011bl\u00e1 p\u0159\u00edle\u017eitost se uk\u00e1zat, stanovit si c\u00edle a dos\u00e1hnout jich.<\/p>\n<p>Nezapom\u00ednejte na konference a meetupy. V online prost\u0159ed\u00ed se neust\u00e1le konaj\u00ed r\u016fzn\u00e9 meetupy zam\u011b\u0159en\u00e9 na produktov\u00fd design, kde m\u016f\u017eete sly\u0161et lidi pracuj\u00edc\u00ed na produktech a odn\u00e9st si n\u011bco nov\u00e9ho. Pokud nav\u0161t\u011bvujete tyto meetupy osobn\u011b, m\u00e1te mo\u017enost se setkat s kolegy z designu a vym\u011bnit si zku\u0161enosti, co\u017e je pro v\u00e1s jako nov\u00e1\u010dky v oboru nesm\u00edrn\u011b u\u017eite\u010dn\u00e9.<\/p>\n<h2>Co \u010d\u00edst: knihy a \u010dl\u00e1nky<\/h2>\n<p>\nNep\u0159etr\u017eit\u00e9 objevov\u00e1n\u00ed nov\u00fdch v\u011bc\u00ed je velmi prosp\u011b\u0161n\u00e9 p\u0159i zvy\u0161ov\u00e1n\u00ed va\u0161ich dovednost\u00ed jako design\u00e9ra. <\/p>\n<p>Proto jsem pro v\u00e1s sestavil u\u017eite\u010dn\u00e9 knihy a \u010dl\u00e1nky, kter\u00e9 v\u00e1m pomohou zlep\u0161it se jako produktov\u00ed design\u00e9\u0159i.<\/p>\n<p><b>Knihy:<\/b><\/p>\n<p>Rob Fitzpatrick. Zeptej se m\u00e1my<br \/>\nAlan Cooper. Rozhran\u00ed. Z\u00e1klady n\u00e1vrhu interakce.<\/p>\n<p><b>Medium<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/designpub.ru\">Design-\u010dajovna<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/uxdesign.cc\">UX Collective<\/a><\/noindex><\/p>\n<p><b>Dal\u0161\u00ed u\u017eite\u010dn\u00e9 zdroje<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/jvetrau.com\">Jury Vetrova o rozhran\u00edch \u2014 Design-management digit\u00e1ln\u00edch produkt\u016f<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/ux.pub\">UXPUB<\/a><\/noindex><\/p>\n<p><b>Portfolio design\u00e9r\u016f<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/joelifrieri.com\">Portfolio Joe Lifrieriho<\/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\">Serg\u011bj Surganov, design\u00e9r<\/a><\/noindex><\/p>\n<p><b>V\u00fdzva 100 dn\u00ed UI<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/www.dailyui.co\">Daily UI Design Challenge, Inspirace a Zdroje<\/a><\/noindex><\/p>\n<p><b>Meetupy<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/designweekend.ru\">Designov\u00e9 v\u00edkendy. 2019<\/a><\/noindex><\/p>\n<p>Pokud m\u00e1te po p\u0159e\u010dten\u00ed p\u0159\u00edsp\u011bvku n\u011bjak\u00e9 ot\u00e1zky, nev\u00e1hejte se zeptat v koment\u00e1\u0159\u00edch.<\/p>\n<p>D\u011bkuji.<br \/>\n<br \/>Zdroj: <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\/cs\/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=\"cs_CZ\" \/>\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\/cs\/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\udd47Jak se z 'oby\u010dejn\u00e9ho design\u00e9ra' st\u00e1t produktov\u00fdm | ProHoster","description":"Ahoj! Jmenuji se Alexej Svirido, jsem design\u00e9r digit\u00e1ln\u00edch produkt\u016f v Alfa-Bance. Dnes chci mluvit o tom, jak se z 'oby\u010dejn\u00e9ho design\u00e9ra' st\u00e1t produktov\u00fdm.","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","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\/cs\/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\/cs\/wp-json\/wp\/v2\/posts\/36673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=36673"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/36673\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/27467"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=36673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=36673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=36673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}