🥇Jak se dostat z „obyčejného designéra“ k produktovému designérovi

Ahoj!

Jmenuji se Alexey Svirido a jsem návrhář digitálních produktů v Alfa-Bank. Dnes chci mluvit o tom, jak se stát produktovým designérem z „běžného designéra“. Pod střihem najdete odpovědi na následující otázky:

Kdo je produktový designér a co dělá?
Je tato specialita pro vás ta pravá?
Co musíte udělat, abyste se stali produktovým designérem?
Jak vytvořit své první produktové portfolio?

A společně s vámi nakreslíme mapu kompetencí, abychom pochopili, které z vašich dovedností stojí za to napumpovat a ve kterých už jste dostatečně silní.

Příklad mapy kompetencí

Bonusem bude doporučení knih a článků na dané téma, které vám pomohou o úroveň výš.

Jak jsem již zmínil, pracuji v Alfa-Bank a navrhuji digitální produkty pro podnikání, tedy pro právnické osoby. Předtím jsem měl různé projekty na volné noze s klienty po celém světě. A svou cestu s grafickým designem jsem začal v Gazprom-Media Holding, v divizi rozhlasových stanic. Tam jsem se zabýval venkovní reklamou, tiskem, bannerovým designem, suvenýry, brandingem, identitou atd. Od grafického designu jsem přešel samostatně k produktovému designu a dnes se s vámi rád podělím o to, co jsem se při tomto přechodu naučil.

Kdo je produktový designér a co dělá?

Kdo je produktový designér? Někdo, kdo navrhuje mléko, chléb, sušenky? Nebo někdo, kdo vyrábí nábytek a interiérové předměty? Nebo Jony Ive, který opustil Apple a vytvořil gadgety a zařízení, která mnozí milovali?

Ještě před 7 lety se produktovým designérům říkalo kluci, kteří vytvářejí nějaké hmotné věci, předměty, nábytek, formy. Dnes byla tato definice zakladatelům odebrána podle mého názoru definitivně a nenávratně.

Moderní produktový design je příběh o digitálu, o webových stránkách a aplikacích, o digitálním produktu.

Produktový designér je tedy designér, který nejen kreslí vizuální část projektu, ale také přemýšlí o tom, jak bude tento projekt fungovat a jak bude komunikovat s uživateli. To znamená, že do produktu nemůžete jen tak něco krásně nakreslit. Mělo by to krásně fungovat a řešit určité problémy, pokrývat potřeby uživatele, firmy a nejlépe obojího zároveň.

A to je jedna z hlavních výzev produktového designu: jak vytvořit uživatelsky přívětivé rozhraní, které je vizuálně krásné a přináší firmě peníze.

Produktový designér ovlivňuje:

vizuální jazyk. Je to produktový designér, kdo se rozhoduje, zda bude s klientem komunikovat uvolněně, striktně nebo možná i trochu agresivně? Návrhář produktu je definován barvami, fonty, tvary a mezerami v rozhraní.
Uživatelská zkušenost UX. Produktový designér rozhodne, co se stane, když kliknete na tlačítko, odkaz nebo jednoduše zadáte text. Co klient uvidí při čekání na stažení, nebo když se něco v aplikaci rozbije.
Značka. Ano, ano, kreslením rozhraní designér ovlivňuje značku a to, jaký vztah mají uživatelé k této značce. Vytvořením složitého a nepohodlného scénáře interakce můžeme donutit uživatele, aby byli ke značce méně loajální, nebo ji dokonce úplně opustit. Tak tohle je velmi důležité!
Metriky. Pokud chce podnik zvýšit zisky zvýšením počtu cílených akcí, je to produktový designér (jako jeden ze specialistů, protože nejen produktový designér to může ovlivnit). Pokud potřebujete uživatele udržet na stránce nebo ho povzbudit k akci, to vše lze udělat pomocí designu.
Obchodní strategie. Když se podnik ubírá určitým směrem a je si něčím jistý, návrh produktu může pomoci změnit strategii tím, že dokáže, že předchozí kroky byly špatné a špatné. Pokud například vezmeme v úvahu vstupní stránku s podmíněnou nabídkou půjčky, klient tam nejde jen pro peníze, ale jde tam pro peníze s konkrétním cílem: koupit si auto, byt, přemýšlet o dovolené atd. A pokud jako produktový designér dokážete identifikovat skutečnou potřebu klienta a dokázat ji obchodu – jste schopni ovlivnit strategii jako celek.

Stručně řečeno, zopakujme, že produktový design není jen o krásných rozhraních. Jsou to krásná rozhraní, která fungují a řeší uživatelské problémy.

Opravdu to potřebuji? A kdo přesně se nehodí?

Abyste pochopili, proč se musíte stát produktovým designérem, podívejme se, proč je dnes tato profese tak populární. Produktové designéry hledá všude a stále více společností. Navzdory přeplněnému trhu společnosti nadále hledají produktové designéry.

To souvisí s tím, že si firma uvědomuje, že design skutečně ovlivňuje produkt. S designem jednoduše zvednete z kolen produkt, který nikdo nepoužívá a který nepokryje jeho náklady. A moderní společnosti velmi aktivně investují do designu a snaží se najít ty, kteří jim nakreslí rozhraní, která přinášejí miliony.

Jak pochopit, že se musím vyvinout v produkt? Grafický design je velmi zajímavý a kreativní obor. Pomocí mnoha nástrojů můžete řešit různé problémy, experimentovat, vytvářet něco nového. Životnost projektů grafického designu je však poměrně krátká a rozsah dopadu řešení na koncového uživatele není vždy velký. Samozřejmě existují velmi velké projekty, které mění světy, ale nejčastěji se budete muset spokojit s méně.

Kdy byste měli uvažovat o přechodu na produktový design?

Když pochopíte, že chcete ovlivnit více procesů, než jen kreslit krásné obrázky.
Když ve vašem návrhu převládá logika a rozum.
Když chcete pracovat nejen rukama, ale i hlavou, přemýšlet o všech fázích životního cyklu vašeho produktu.
Když si myslíte, že už vás nebaví dělat grafický design a chcete přejít na něco nového.
Když vás technologie a IT zajímají více než tisk a venkovní reklama.

Pro koho se ale produktový design příliš nehodí:

Kreativní lidé, umělci, kteří dělají umění a dělají ho dobře. V produktu se budete cítit nepříjemně. Vždy to však můžete zkusit.
Lidé, kteří považují krásné obrázky za jediný produkt designu. Nejsem si jistý, jestli nějaké existují. Design v jakémkoli směru po dlouhou dobu především řeší problémy a pak přináší krásu.
Jednotlivci, kteří nevědí, jak pracovat v týmu. Tady je vše jasné. Práce na produktu je vždy práce týmu, a pokud tuto dovednost nemáte, je samozřejmě lepší ji rozvíjet, pokud chcete dělat produktový design.

Jaké současné dovednosti jsou obzvláště důležité a co upgradovat?

Nyní přejdeme od mluvení a sestavme si svou mapu kompetencí. Mapa kompetencí vám pomůže jasně pochopit, v čem jste dobří a co potřebujete upgradovat. Mapy kompetencí se často používají v produktových týmech k pochopení bodů růstu návrháře. Vystavíme vaše osobní karty. Nejprve se podívejme, jaké mohou být.

Příklady mapy kompetencí:

A nyní si s vámi vytvoříme rychlou mapu kompetencí v libovolném nástroji. Nejprve si vytvořte osy a začněte si načrtávat kompetence, které jako grafici aktuálně máte. Mohou to být nejen základní charakteristiky, ale i něco složitějšího, například znalost 3D nebo motion designu. Mimochodem mapu kompetencí lze rozšířit a zahrnout do ní vaše další dovednosti, jako je znalost html a css, znalost nějakého programovacího jazyka.

Typografie
Práce s barvou
Složení
Uspořádání knihy/časopisu
Ilustrace
...

Nyní se zamysleme nad tím, jaké dovednosti by měl mít produktový designér. Můžete přidat v komentářích.

Empatie
Logické myšlení
animace
Ikonografie
copywriting
UX vzory
Práce s analytikou
...

Každá z dovedností může být hodnocena na 10bodové škále. Možnosti hodnocení jsou různé, zkusíme dovednosti posoudit sami. Aby byla tato data relevantnější, můžete požádat ostatní designéry, se kterými komunikujete, nebo manažera, který s vámi spolupracuje, aby zhodnotili vaše dovednosti.

Nyní, když máme mapu kompetencí, pojďme se podívat na to, které z vašich současných dovedností jsou obzvláště důležité a hodně vám pomohou v produktovém designu.

Je tedy velmi důležité porozumět:

Písně. Teorie blízkosti, prostoru a interakce prvků v prostoru, kombinace malého a velkého. Bez znalosti pravidel složení můžete dělat hloupé chyby, které snižují kvalitu interakce uživatele s produktem a často mohou ovlivnit některé důležitější metriky, jako je zisk.
Typografie. Moderní rozhraní nejsou pouze vizuální, ale také textová. A práce s textem musí být kompetentní, aby uživatelé mohli řešit své problémy, mohli číst text na různých obrazovkách. Je důležité správně vybrat a kombinovat písma pro rozhraní.
Práce s barvou. Pochopení práce s barvou je také důležité, protože například při porušení principů kontrastu na některých obrazovkách může být text nečitelný, nebo nemusí být vidět prvky.

Jinými slovy, bez základních principů a dovedností v grafickém designu bude produkt obtížný a lze se dopustit mnoha směšných chyb.

A nyní k tomu, co je třeba čerpat, aby bylo možné s produktem pracovat:

Empatie. To je možná jedna z hlavních dovedností. Nepleťte si empatii se soucitem. Empatie je schopnost dívat se na produkt očima uživatele. Empatie je to, jak daleko můžete ustoupit od svého produktu, chladně se na něj dívat a jak s ním uživatelé interagují. Rozvoj empatie v sobě samém pomáhá designérovi střízlivě zhodnotit produkt a řešení, aby pochopil, co lze zlepšit, spíše než prosazovat „oblíbené řešení“.
Logické myšlení. I tuto dovednost je potřeba pumpovat a neustále zdokonalovat, protože díky ní budete moci vytvářet opravdu promyšlená rozhraní s dobrou uživatelskou zkušeností.
UX vzory. Moderní produkty jsou souborem určitých vzorů, na které jsou uživatelé již zvyklí. Například už víme, že když otevřete fotku na sociální síti, můžete ji zavřít přejetím dolů. Nebo při přejetí doleva budeme mít další možnosti nebo smazat. Chápeme, že dvojitým klepnutím na obrázek jej lze zvětšit a podobně. Takových vzorců je stále více a je důležité pochopit, jak fungují a neporušit je. Představte si například, že posouvání je na vašem telefonu najednou obrácené a místo obvyklého přejíždění zdola nahoru nyní posouvání funguje zdola nahoru. Vy jako uživatelé si budete muset na nový vzor nějakou dobu zvykat, což způsobí určité podráždění a odpor.
copywriting. Jak jsem již řekl, texty jsou důležité. A důležité je nejen to, jak to vypadá, ale také jak je to napsané. Ideální příběh je, když v týmu pracuje copywriter, který spolu s designérem zpracovává všechny texty. Ale často tomu tak není a texty potřebuje napsat sám designér. A je to těžké. To je důvod, proč by tato dovednost měla být neustále čerpána, zlepšovat své texty a přidávat je relevantní pro produkt.
Práce s analytikou. Pochopení toho, co je analytika a proč ji potřebujete, je důležité, protože všechna rozhodnutí musí být nějakým způsobem ověřena a ověřena. To se děje pomocí metrik. Není nutné, aby návrhář přesně chápal, jak se metriky nastavují, ale umět generovat správné metriky a rozumět tomu, co se s jejich pomocí kontroluje, je opravdu důležité.

Toto je pouze základní sada, která je nezbytná k tomu, abyste mohli začít vytvářet nejen krásná, ale také užitečná rozhraní, která vyřeší skutečné problémy. Na mapě dovedností můžete mít více dovedností, ale také je velmi užitečné nastavit si prioritu tak, abyste nejprve pumpovali jen ty nejnutnější dovednosti a poté vylepšili zbytek.

Jak si můžete stáhnout?

Je velmi důležité být k sobě upřímný a zanést do mapy kompetencí skutečné hodnocení, aniž byste to přeceňovali (pro to vám doporučuji zapojit kolegy designéry nebo manažery). Jedině tak můžete zvýraznit ty dovednosti, které opravdu potřebují pumpovat. Je ale také důležité nespouštět ty dovednosti, ve kterých už jste dostatečně silní.

Pojďme si promluvit o tom, jak napumpovat pokleslé dovednosti a co pro to udělat:

Analyzujte všechna rozhraní, která vidíte. Od každodenních přepravních a navigačních aplikací, které používáte, až po aplikace, které otevíráte jen zřídka. Bylo by fajn se více zamyslet nad tím, proč tu či onu aplikaci otevíráte zřídka a co dělat, aby se to stávalo častěji. Také stojí za to mluvit o tom, co je v konkrétní aplikaci vhodné a co ne. A co bys změnil?
Neustále přečerpávejte pozorování. Díky tomu budete moci generovat více řešení, budete mít v hlavě více vzorů. Sledování se vyplatí každý den a existuje mnoho způsobů, jak pumpovat: můžete sledovat Pinterest, vytvářet nástěnky s nápady, které se vám líbí. Stejný dribling je dobrý pro rozvoj pozorování. I když stojí za zmínku, že dribling je spíše vizuální příběh o tom, jak rozhraní vypadá, a ne o tom, jak funguje. Ale i tam můžete najít zajímavá UX řešení.
Chcete-li zlepšit své dovednosti uživatelského rozhraní, můžete začít kopírováním rozhraní. Můžete si například vzít stejný facebook a jen překreslit pár obrazovek. Nepřekreslujte je ale bezmyšlenkovitě, ale ponořte se a rozeberte, proč se ten či onen prvek nachází na konkrétním místě.
Pokud chápete, že kopírování je pro vás nudné, začněte předělávat rozhraní, přemýšlejte o tom, jak můžete zlepšit tu či onu funkci, možná by stálo za to vyměnit prvky nebo napsat jiný text, nebo dokonce vše přebarvit – a implementovat to. Vždy se snažte odpovědět na otázku: proč? Proč je zde tlačítko, proč je tam barva, proč je interakce taková, jaká je, proč rozhraní funguje tak, jak funguje atd. Pokuste se jít se svými důvody tak hluboko, jak jen můžete.
A poslední radou je neustálé cvičení. Bez toho dovednosti vyblednou a ti, kteří se rozhodnou přejít do produktu, to vůbec nepotřebují. Cvičte, zkoušejte, vytvářejte si vlastní rozhraní. Pro ty, kteří se cítí dostatečně sebevědomě, mohu doporučit 100 Days UI Challenge. www.dailyui.com Spuštěním této výzvy vám každý den přijde poštou téma dne, ke kterému je potřeba nakreslit rozhraní. Například „Odeslání dopisu nebo nákupního košíku nebo dokonce kalkulačky. Díky tomu se budete moci zlepšovat v UI a když budete při práci na výzvě myslet logicky, zvládnete zlepšit i UX.
Hodně čti. Čtěte články, knihy, studujte uživatelské případy. Zde může pomoci Behance, kde designéři často popisují svá rozhodnutí a proč došli ke konkrétnímu závěru. To pomůže napumpovat logické myšlení a vybudovat vztahy příčina-následek ve vašich rozhraních.

A nyní se podívejme na nejčastější začátečnické chyby:

Nepravidelnost. Prohlížet a analyzovat vzory rozhraní jednou týdně nestačí. To se musí dělat každý den.
Kopírování špatných rozhraní. Zde je třeba poznamenat, že byste neměli kopírovat vše za sebou. Velmi často v obchodech najdete slabé a nedomyšlené aplikace. Kopírování takového povede k tomu, že nebudete pumpovat dovednosti, ale naopak.
Ignorování tipů pro čerpání. Nejlepší efekt bude, jen když budete dělat vše společně.

Jak vytvořit své první produktové portfolio

Pro designéra bez portfolia je hledání zaměstnání nejen obtížné, ale téměř nemožné. Ale co když máte portfolio grafického designu, ale žádné produktové projekty?

Co můžete udělat pro vytvoření svého prvního produktového portfolia:

Stejně jako u jakéhokoli jiného typu designu můžete navrhnout projekty pro fiktivní klienty. Nebo nabídnout redesign již známých velkých produktů, jako je Facebook, Instagram, mail a podobně. Je spousta příkladů, kdy kluci, kteří takové dílo navrhovali, dostali nabídku od firmy, pro kterou redesign dělali.
Práce z výzvy, kterou jste dělali dříve, můžete bezpečně vložit do svého portfolia. Ale jen ty nejlepší! Nezveřejňujte 100 obrázků z výzvy 100 Days UI jen proto, že jste ji dokončili od začátku do konce. Mnohem lepší je vybrat si pár speciálních děl, na které můžete být hrdí.
Stojí za to připomenout, že portfolio se stejně jako živý organismus musí neustále vyvíjet a zlepšovat. Když si uvědomíte, že jste vytvořili projekt, který může snadno zastínit ten, který již máte, klidně to změňte! Není důležitá kvantita, ale kvalita. 1-2 vynikající díla mohou snadno nahradit 5+ středních.
Pokud k produktu přejdete, měli byste nejen ukázat krásné obrázky, ale také to, jak jste k nim přišli. Pokud jste si například vybrali písmo, vysvětlete, proč bylo zvoleno. Vysvětlete svůj výběr barev a vzorců chování. To vše je důležité a ukazuje, jak jste v procesu práce přemýšleli, s jakými obtížemi jste se setkali a jak jste je vyřešili.

Sestavil jsem pro vás několik portfolií.

Portfolio Joe Lifrieri
Lisa Sy
Brandon Walker
Sergej Surganov, designér

Co dělat dál?

Aktualizace dovedností uživatelského rozhraní je snadná. Hlavní je dělat to systematicky a pravidelně. Dalším krokem je více přemýšlet o uživatelské zkušenosti. Vždy analyzujte a ptejte se na otázky „proč“.

Navíc můžete absolvovat jakýkoli kurz. Účast na bezplatných webových seminářích vám rozhodně může pomoci, ale nenahrazuje to rozhovor s učitelem, domácí úkoly a systematizaci znalostí. GeekBrains má například kurz Product Design Fundamentals, který vám poskytne znalosti potřebné k práci na produktu.

Prospěje vám i freelancing. S tímto prvním produktovým portfoliem, které jste vytvořili, můžete bezpečně hledat skutečné klienty a přijímat skutečné projekty. Poté se vaše aplikace mohou objevit v obchodech (což je skvělé doporučení ve vašem portfoliu), budete mít funkční weby, na které můžete odkazovat, plus skutečné pracovní zkušenosti.

Další dobrou praxí je sehnat si stážistu v nějaké moderní firmě, která s produktem pracuje. Mnoho IT společností, bank a dalších je připraveno najmout stážisty, kteří jsou pak připraveni být přijati. A to je skvělá šance ukázat se, stanovit si cíle a dosáhnout jich.

Nezapomeňte na konference a setkání. V online prostředí se neustále konají jakési srazy produktového designu, kde si můžete poslechnout kluky pracující na produktu, poznamenat si něco nového. Pokud se takových setkání účastníte osobně, pak je tu možnost setkat se s designérskými kolegy a sdílet zkušenosti, což se vám jako nováčkům v profesi bude nesmírně hodit.