🥇Jak se z 'obyčejného designéra' stát produktovým

Ahoj!

Jmenuji se Alexej Svirido, jsem designér digitálních produktů v Alfa-Bance. Dnes vám chci povědět, jak se z "běžného designéra" stát produktovým. Pod tímto článkem najdete odpovědi na následující otázky:

Kdo je produktový designer a čím se zabývá?
Hodí se vám tato specializace?
Co dělat, abyste se stali produktovým designerem?
Jak vytvořit své první produktové portfolio?

A také si společně nakreslíme mapu kompetencí, abychom pochopili, které z vašich dovedností si vyžadují rozvoj a v čem už jste dost silní.

Příklad mapy kompetencí

Na závěr přidám doporučení knih a článků na toto téma, které vám pomohou dostat se dál.

Jak jsem již zmínil, pracuji v Alfa-Bance a zabývám se designem digitálních produktů pro podnikání, tedy pro právnické osoby. Předtím jsem měl různé freelance projekty se zákazníky z celého světa. Svoji kariéru jsem začínal jako grafik v holdingové společnosti Gazprom-Media, v oddělení rozhlasových stanic. Tam jsem se věnoval venkovní reklamy, polygrafii, návrhu bannerů, suvenýrů, vytváření brandingů, identity atd. Sám jsem prošel cestou od grafického designu k produktovému a dnes se s vámi rád podělím o to, co jsem se naučil během tohoto přechodu.

Kdo je produktový designer a co dělá?

Produktový designer — kdo to je? Ten, kdo navrhuje mléko, chléb, sušenky? Nebo ten, kdo vytváří nábytek a interiérové předměty? Nebo Jonathan Ive, který odešel z Apple a vytvořil gadgety a zařízení, které má mnoho lidí rádo?

Ještě před sedmi lety byly produktovými designéry nazýváni lidé, kteří vytvářejí nějaké hmotné věci, předměty, nábytek, tvary. Dnes však byl tento pojem, podle mého názoru, definitivně a neodvolatelně odebrán zakladatelům.

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

Takže produktový designér je designér, který nevytváří pouze vizuální část projektu, ale také přemýšlí o tom, jak bude tento projekt fungovat a jak bude komunikovat s uživateli. V produktu tedy nemůžete jen něco krásně nakreslit. To musí fungovat dobře a řešit specifické úkoly, uspokojující potřeby jak uživatele, tak byznysu, a pokud možno obojí.

A to je jedna z hlavních výzev produktového designu: jak vytvořit pro uživatele příjemné rozhraní, které bude esteticky krásné a zároveň přinese zisk pro podnik.

Produktový designér ovlivňuje:

Vizuální jazyk. Právě produktový designér rozhoduje, zda komunikovat se zákazníkem uvolněně, přísně, nebo možná dokonce trochu agresivně. Produktový designér určuje barvy, písma, tvary a prostorem v uživatelském rozhraní.
Uživatelský zážitek UX. Produktový designér rozhoduje, co se stane při kliknutí na tlačítko, odkaz nebo dokonce při zadávání textu. Co uvidí uživatel, když čeká na načtení, nebo když se něco v aplikaci pokazí.
Značka. Ano, ano, při vytváření rozhraní designér ovlivňuje značku a to, jakým způsobem k ní uživatelé přistupují. Vytvořením složitého a nepohodlného scénáře interakce můžeme uživatele učinit méně loajálními k značce, nebo ji dokonce zcela opustit. Takže je to velmi důležité!
Metriky. Pokud chce podnik zvýšit zisk tím, že zvýší počet cílených akcí – to je na produktovém designérovi (jako na jednom z odborníků, protože nejen produktový designér na to může mít vliv). Pokud je potřeba udržet uživatele na stránce nebo ho přimět k akci – to vše se dá dosáhnout pomocí designu.
Byznysovou strategii. Když se podnik ubírá nějakým směrem a je si jistý nějakým směrem, může produktový design pomoci změnit strategii tím, že prokáže, že předchozí kroky byly chybné a nesprávné. Například, pokud vezmeme přistávací stránku s podmínkovou nabídkou půjčky, uživatel nejde jen za penězi, ale jde za penězi s konkrétním cílem: koupí auta, bytu, s myšlenkami na dovolenou atd. A pokud jako produktový designér dokážete identifikovat skutečnou potřebu uživatele a prokázat to podniku – můžete ovlivnit strategii jako celek.

Celkově si ujasněme, že produktový design není jen o hezkých rozhraních. Jsou to hezká rozhraní, která fungují a řeší potřeby uživatelů.

Potřebuji to skutečně? A komu to rozhodně nebude vyhovovat?

Abychom pochopili, proč se potřebujeme stát produktovými designéry, pojďme se podívat na to, proč je tato profese dnes tak populární. Produktoví designéři jsou poptáváni všude a stále více společností. I přes přeplněný trh společnosti stále hledají produktové designéry.

To souvisí s uvědoměním firem, že design skutečně ovlivňuje produkt. Designem lze jednoduše oživit produkt, kterým nikdo nepohrdne a který nepokrývá své náklady. Moderní společnosti hodně investují do designu, snažící se najít ty, kteří pro ně navrhnou rozhraní, která přinášejí miliony.

Jak poznat, že se potřebuji posunout k produktu? Grafický design je velmi zajímavá a tvůrčí sféra. Můžete řešit různé úkoly pomocí mnoha nástrojů, experimentovat a vytvářet něco nového. Ale životnost projektů grafického designu je dost krátká a vliv rozhodnutí na koncového uživatele není vždy rozsáhlý. Samozřejmě, existují velmi velké projekty, které mění světy, ale častěji se budete muset spokojit s menším.

Kdy byste se měli zamyslet nad přechodem k produktovému designu:

Když chápete, že chcete ovlivnit více procesů, než jen kreslit hezké obrázky.
Když logika a rozumnost převládají ve vašem designu.
Když chcete pracovat nejen rukama, ale i hlavou, přemýšlejte o všech fázích životního cyklu svého produktu.
Když se domníváte, že vás unavuje grafický design a chcete se přesunout k něčemu novému.
Když vás technologie a IT zajímají více než polygrafie a venkovní reklama.

A komu produktový design moc nevyhovuje:

Tvůrčím duším, umělcům, kteří se věnují umění a dělají to dobře. Nebude vám v produktu pohodlně. Přesto se ale vždy můžete zkusit.
Lidem, kteří považují krásné obrázky za jediný produkt designu. Nejsem si jistý, zda takoví lidé vůbec existují. Design v jakémkoli směru už dlouho primárně řeší úkoly a teprve potom přináší krásu.
Jednotlivcům, kteří neumějí 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 — lépe ji rozvíjejte, pokud samozřejmě chcete dělat produktový design.

Jaké aktuální dovednosti jsou obzvlášť důležité a co byste měli zlepšit?

A teď se pojďme od rozhovorů posunout k sestavení vaší mapy kompetencí. Mapa kompetencí pomáhá jasně pochopit, v čem jste silní a co byste měli zlepšit. Často jsou mapy kompetencí používány v produktových týmech, aby rozuměly růstovým příležitostem designera. Společně vytvoříme vaše osobní mapy. Nejdříve se podívejme, jaké mohou být.

Příklady map kompetencí:

A teď si vytvoříme rychlou mapu kompetencí v jakémkoli nástroji. Nejdříve vytvoříme osy a začneme nabírat kompetence, kterými v současnosti disponujete jako grafičtí designéři. Nemusí se jednat pouze o základní charakteristiky, ale i o něco složitějšího, například znalost 3D nebo motion designu. Mimochodem, mapa kompetencí může být rozšířená a zahrnovat i další vaše dovednosti, jako například znalost HTML a CSS nebo nějakého programovacího jazyka.

Typografie
Práce s barvou
Kompozice
Knižní/časopisecká typografie
Ilustrace
…

Nyní přemýšlejme nad tím, jaké dovednosti by měl mít produktový designér. Můžete doplnit do komentářů.

Empatie
Logické myšlení
Animace
Ikonografie
Copywriting
UX vzory
Práce s analytikou
…

Každou z dovedností lze posoudit na 10-bodové škále. Existují různé metody hodnocení, pokusíme se dovednosti posoudit sami. Aby byly tyto údaje relevantnější, můžete požádat o hodnocení vašich dovedností jiné designéry, se kterými komunikujete, nebo vedoucího, který s vámi pracuje.

Nyní, když máme mapu kompetencí, pojďme si vyznačit, které z vašich současných dovedností jsou obzvlášť důležité a velmi vám pomohou v produktovém designu.

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

Kompozici. Teorie blízkosti, prostor a interakce prvků v prostoru, kombinace malého a velkého. Bez znalosti pravidel kompozice můžete udělat hloupé chyby, které sníží kvalitu interakce uživatelů s produktem a mohou často ovlivnit důležitější metriky, například zisk.
Typografie. Moderní rozhraní nejsou jen vizuální, ale také textová. Práce s textem by měla být precizní, aby uživatelé mohli plnit své úkoly a přečíst si text na různých obrazovkách. Je důležité správně vybírat a kombinovat písma pro rozhraní.
Práce s barvou. Pochopení that, jak pracovat s barvou, je rovněž důležité, protože například při porušení principů kontrastu může být text na některých obrazovkách nečitelný nebo prvky mohou být nenápadné.

Jinými slovy, bez základních principů a dovedností v grafickém designu bude v produktu obtížné a mohou vzniknout mnohé absurdní chyby.

A nyní k tomu, co je třeba vylepšit pro práci s produktem:

Empatie. To je pravděpodobně jedna z nejdůležitějších dovedností. Nesmíte zaměňovat empatii a sympatii. Empatie je schopnost vidět produkt očima uživatele. Empatie je to, jak daleko se můžete od svého produktu vzdálit, chladnokrevně se na něj podívat a jak s ním uživatelé pracují. Rozvoj empatie pomáhá designérovi správně posoudit produkt a řešení, aby pochopil, co je možné zlepšit, a nevnucovat „oblíbené řešení“.
Logické myšlení. Tuto dovednost je také potřeba neustále rozvíjet a zlepšovat, protože díky tomu můžete vytvářet skutečně promyšlená rozhraní s dobrým uživatelským zážitkem.
UX vzory. Moderní produkty představují soubor určitých vzorců, na které si uživatelé zvykli. Například už víme, že když otevřeme fotografii na sociální síti, můžeme ji posunout dolů, abychom ji zavřeli. Nebo když posuneme doleva, objeví se dodatečné možnosti nebo možnost smazání. Chápeme, že když dvakrát ťukneme na obrázek, můžeme ho zvětšit, a tak dále. Takových vzorců stále přibývá a je důležité porozumět tomu, jak fungují, a nezapomínat na ně. Pro příklad si představte, že na vašem telefonu se najednou prohodilo scrollování, a místo obvyklého posouvání zdola nahoru teď scroll funguje nahoru dolů. Jako uživatelé si na nový vzor budete muset nějakou dobu zvyknout, což vyvolá určité podráždění a nespokojenost.
Copywriting. Jak jsem již zmínil, texty jsou důležité. A důležité není jen to, jak to vypadá, ale i to, jak je to napsáno. Ideální situace je, když v týmu pracuje copywriter, který ve spolupráci s designérem vypracovává všechny texty. Ale často tomu tak není, a designér musí psát texty sám. A to je složité. Proto je tento dovednost velmi užitečné neustále rozvíjet, zlepšovat své texty a učinit je relevantními k produktu.
Práce s analytikou. Pochopení toho, co je analytika a proč je potřebná, je důležité, protože všechna rozhodnutí by měla být nějakým způsobem potvrzena a ověřena. To se děje pomocí metrik. Designér nemusí nutně rozumět tomu, jak přesně se metriky přidávají, ale schopnost generovat správné metriky a pochopit, co je jejich pomocí ověřováno — to je skutečně důležité.

To je pouze základní soubor, který je nezbytný pro to, abyste začali vytvářet nejen hezké, ale i užitečné rozhraní, která budou řešit skutečné úkoly. Na vaší mapě dovedností může být více schopností, ale je také velmi užitečné nastavit priority, abyste nejprve rozvíjeli pouze ty nejpotřebnější dovednosti, a teprve poté si zdokonalovali ostatní.

Jak se můžete rozvíjet?

Je velmi důležité být k sobě upřímný a na mapě dovedností si stanovit reálné hodnocení, aniž byste ho přeháněli (na to vám doporučuji přizvat kolegy designéry nebo vedoucí). Jen tak budete moci vytyčit ty dovednosti, které skutečně potřebují rozvoj. Ale také je důležité nezapomínat na ty dovednosti, v nichž už jste dost silní.

Pojďme si promluvit o tom, jak rozvíjet stagnující dovednosti a co pro to dělat:

Analyzujte všechny rozhraní, které vám přijdou pod ruku. Od každodenních aplikací pro dopravu a navigaci, které používáte, až po aplikace, které otevíráte dostatečně zřídka. Bylo by dobré také přemýšlet o tom, proč otevíráte danou aplikaci zřídka a co by se dalo udělat, aby se to dělo častěji. Také stojí za to uvažovat o tom, co je v konkrétní aplikaci pohodlné a co ne. A co byste změnili?
Stále rozvíjejte svoji znalost. Díky tomu budete moci generovat více řešení a mít více vzorců v hlavě. Znalost je třeba rozvíjet každý den a existuje mnoho způsobů: můžete sledovat Pinterest, vytvářet nástěnky s oblíbenými nápady. Stejně tak je Dribbble dobré pro rozvoj znalosti. Je však třeba poznamenat, že Dribbble je více vizuální příběh o vzhledu rozhraní, nikoli o tom, jak funguje. I tam však můžete najít zajímavá UX řešení.
Pro rozvoj UI dovedností můžete začít tím, že budete kopírovat rozhraní. Například můžete vzít Facebook a jednoduše překreslit několik obrazovek. Ale nedělejte to bezmyšlenkovitě, ale ponořte se a analyzujte, proč je ten či onen prvek umístěn na konkrétním místě.
Pokud cítíte, že vás kopírování už nudí, začněte vytvářet rozhraní znovu s myšlenkami na to, jak zlepšit tuto či onu funkci. Možná by stálo za to vyměnit prvky mezi sebou, napsat jiný text nebo celkově přebarvit - a realizujte to. Vždy se snažte odpovídat na otázky: proč? Proč je tlačítko zde, proč je tato barva, proč dochází k interakci právě takto, proč rozhraní funguje takto atd. Snažte se jít se svými „proč“ co nejhlouběji.
A poslední rada - to je neustálá praxe. Bez toho dovednosti vymizí, a ti, kdo se rozhodli přejít do produktu, to rozhodně nepotřebují. Procvičujte, zkoušejte, vytvářejte svá rozhraní. Pro ty, kteří se cítí dostatečně sebejistí, doporučuji Činnost 100 dní UI. www.dailyui.co Začátkem této výzvy budete každý den dostávat na e-mail téma dne, pro které je třeba navrhnout uživatelské rozhraní. Například „Odeslání e-mailu“, nebo „Nákupní košík“, nebo dokonce „Kalkulačka“. Díky tomu se můžete zlepšit v UI, a pokud budete při práci na výzvě logicky přemýšlet, můžete také zlepšit své dovednosti v UX.
Hodně čtěte. Čtěte články, knihy, studujte uživatelské případy. Pomoci může Behance, kde designéři často popisují svá řešení a proč k určitým závěrům došli. To pomůže rozvíjet logické myšlení a vytvářet příčinné souvislosti ve vašich rozhraních.

A teď si rozebráme nejčastější chyby nováčků:

Nerovnoměrnost. Prohlížení a analýza vzorů rozhraní jednou týdně nestačí. To je třeba dělat každý den.
Kopírování špatných rozhraní. Je třeba zdůraznit, že není dobré kopírovat vše bez rozmyslu. Velmi často můžete v obchodech najít slabé a nepromyšlené aplikace. Kopírování takových povede k tomu, že nebudete rozvíjet dovednosti, ale naopak.
Ignorování rad pro rozvoj. Nejlepšího efektu dosáhnete pouze tehdy, pokud budete dělat všechno v souvislosti.

Jak vytvořit své první produktové portfolio

Designer bez portfolia má obtížné, až téměř nemožné, najít práci. Ale co dělat, pokud máte portfolio grafického designu, ale zcela žádné produktové projekty?

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

Stejně jako v jakémkoli jiném typu designu můžete vytvářet projekty pro fiktivní klienty. Nebo navrhovat redesign již známých velkých produktů, jako je Facebook, Instagram, e-mail a podobně. Existuje mnoho příkladů, kdy lidé, kteří tuto práci zpracovali, dostali nabídku od společnosti, pro kterou redesign dělali.
Do portfolia můžete bez obav zahrnout práce z výzvy, kterou jste dělali dříve. Ale pouze nejlepší práce! Není dobré zahrnovat 100 obrázků z výzvy 100 dní UI jen proto, že jste ji prošli od začátku do konce. Je mnohem lepší vybrat několik výjimečných prací, na které můžete být hrdí.
Je důležité si uvědomit, že portfolio, jako živý organismus, by mělo neustále evolvovat a zlepšovat se. Když pochopíte, že jste vytvořili projekt, který snadno překoná ten, který již máte, nebojte se ho změnit! Důležité není množství, ale kvalita. 1-2 skvělé práce mohou snadno nahradit 5+ průměrných.
Pokud se rozhodnete pro produkt, měli byste nejen ukázat krásné obrázky, ale také to, jak jste k nim došli. Například, pokud jste vybrali nějaké písmo, vysvětlete, proč bylo vybráno právě to. Vysvětlete svůj výběr barev a vzorců chování. To vše je důležité a ukazuje, jak jste o tom přemýšleli během práce, jaké obtíže jste potkali a jak jste je vyřešili.

Připravil jsem pro vás výběr některých portfolií.

Portfolio Joe Lifrieriho
Lisa Sy
Brandon Walkin
Sergěj Surganov, designér

Co dělat dál?

Zlepšování UI dovedností není složité. Hlavní je dělat to systematicky a pravidelně. Dále byste měli myslet více na uživatelskou zkušenost. Vždy analyzujte a pokládejte otázky „proč“.

Můžete také absolvovat nějaký kurz. Účast na bezplatných webinářích vám určitě může pomoci, ale nic nenahradí komunikaci s učitelem, plnění domácích úkolů a systematizaci znalostí. Například na GeekBrains je kurz „Základy produktového designu“, který vám poskytne znalosti potřebné pro práci v produktu.

Prospěje vám také freelancing. S tím prvním produktovým portfoliem, které jste vytvořili, můžete sebevědomě hledat skutečné klienty a realizovat již skutečné projekty. Poté se vaše aplikace mohou objevit ve storích (což je skvělá doporučení pro vaše portfolio), budete mít pracovní webové stránky, na které můžete dávat odkazy, plus skutečné pracovní zkušenosti.

Další dobrou praktikou je stát se stážistou v nějaké moderní společnosti, která pracuje s produktem. Mnoho IT společností, bank a dalších je ochotno najímat stážisty, které pak přijmou na trvalý pracovní poměr. A to je skvělá příležitost se ukázat, stanovit si cíle a dosáhnout jich.

Nezapomínejte na konference a meetupy. V online prostředí se neustále konají různé meetupy zaměřené na produktový design, kde můžete slyšet lidi pracující na produktech a odnést si něco nového. Pokud navštěvujete tyto meetupy osobně, máte možnost se setkat s kolegy z designu a vyměnit si zkušenosti, což je pro vás jako nováčky v oboru nesmírně užitečné.