🥇Hogyan váljon a "szokásos dizájnert" termékdizájnerré

Helló!

A nevem Alekszej Svirido, digitális termékek tervezője vagyok az Alfa Banknál. Ma arról fogok beszélni, hogyan lehet egy "hétköznapi tervezőből" terméktervezővé válni. A következő kérdésekre talál választ a cikkben:

Ki az a terméktervező és mivel foglalkozik?
Megfelel Önnek ez a szakma?
Mit kell tennie, hogy terméktervezővé váljon?
Hogyan készíthet első termékportfóliót?

Ezen kívül együtt elkészítjük a kompetenciák térképét, hogy megértsük, mely készségeit érdemes fejleszteni, és miben van már elég erős.

Kompetenciák térképének példája

Bónuszként ajánlani fogok könyveket és cikkeket a témában, amelyek segítenek Önnek fejlődni.

Ahogy említettem, az Alfa Banknál dolgozom, ahol digitális termékek tervezésével foglalkozom vállalatok számára, azaz jogi személyeknek. Korábban különböző szabadúszó projekteken dolgoztam megrendelőkkel a világ minden tájáról. A grafikai tervezéssel kezdtem pályafutásomat a Gazprom-Média holdingnál, a rádióállomások részlegében. Ott kültéri reklámokkal, nyomtatott anyagokkal, bannerek tervezésével, ajándéktárgyak készítésével, branding és arculattervezéssel foglalkoztam stb. Én önállóan jártam végig az utat a grafikai tervezéstől a terméktervezésig, és ma örömmel osztom meg Önnel, amit ezen az átmeneten tanultam.

Ki az a terméktervező és mit csinál?

Terméktervező — ki is ő? Az, aki tejet, kenyeret vagy kekszet tervez? Vagy az, aki bútorokat és lakberendezési tárgyakat készít? Esetleg Joni Ive, aki elhagyta az Apple-t és olyan népszerű kütyüket és eszközöket tervezett, amiket sokan szeretnek?

Még körülbelül 7 évvel ezelőtt a terméktervezőket úgy nevezték, mint akik valamilyen anyagi dolgokat, tárgyakat, bútorokat, formákat hoznak létre. Ma viszont véleményem szerint ezt a meghatározást végleg elvették az alapítóktól.

A modern terméktervezés a digitális világról szól, weboldalakról és alkalmazásokról, digitális termékekről.

Tehát a terméktervező olyan tervező, aki nem csupán a projekt vizuális részét rajzolja, hanem azt is figyelembe veszi, hogyan fog ez a projekt működni és kölcsönhatásba lépni a felhasználókkal. Vagyis egy termék nem csak egyszerűen szép legyen. Ennek jól kell működnie, és meg kell oldania bizonyos feladatokat, kielégítve a felhasználó és az üzlet igényeit, lehetőleg egyszerre mindkettőt.

Ez az egyik legnagyobb kihívása a terméktervezésnek: hogyan készítsünk egy felhasználóbarát interfészt, ami vizuálisan vonzó, és pénzt hoz a cégnek.

A terméktervező befolyásolja a:

Vizuális nyelv. A terméktervező dönti el, hogy a klienssel laza, szigorú vagy esetleg kissé agresszív módon kommunikáljon? A terméktervező határozza meg a színeket, betűtípusokat, formákat és terek elrendezését az interfészen.
Felhasználói élmény UX. A terméktervező eldönti, hogy mi történik, ha megnyomnak egy gombot, linket vagy egyszerűen beírják a szöveget. Mit fog látni a felhasználó a betöltés várakozása alatt, vagy amikor valami elromlik az alkalmazásban.
Márka. Igen, a tervező, amikor interfészeket rajzol, befolyásolja a márkát és a felhasználók hozzáállását ehhez a márkához. Egy bonyolult és kényelmetlen interakciós forgatókönyv létrehozásával csökkenthetjük a felhasználók lojalitását a márkához, vagy akár el is tántoríthatjuk őket. Ezért rendkívül fontos!
Metrikák. Ha a vállalkozás növelni szeretné a profitját a célzott tevékenységek számának növelésével – akkor ez a terméktervezőre tartozik (mint az egyik szakember, mert nem csak a terméktervező befolyásolhatja ezt). Ha a felhasználót az oldalon szeretnénk tartani vagy cselekvésre ösztönözni – mindez a design segítségével elérhető.
Üzleti stratégia. Amikor a vállalkozás egy bizonyos irányba halad és biztos valamiben, a terméktervezés segíthet megváltoztatni a stratégiát, bebizonyítva, hogy az előző lépések hibásak és tévesek voltak. Például, ha egy hitelfelvételi ajánlattal rendelkező landing page-t nézünk, a kliens nem csak a pénzért megy oda, hanem konkrét céllal megy: autó, lakás vásárlása, nyaralásra gondolva stb. És ha mint terméktervező képes vagy felfedezni a kliens valódi szükségletét és ezt bizonyítani a vállalkozásnak – akkor képes vagy befolyásolni a stratégiát egészében.

Tehát összefoglalva, a terméktervezés nem csupán a gyönyörű interfészekről szól. Ezek gyönyörű interfészek, amelyek működnek és megoldják a felhasználók problémáit.

Valóban szükségem van erre? És kinek nem fog megfelelni pontosan?

Ahhoz, hogy megértsük, miért van szüksége termékdesignerekre, nézzük meg, miért ilyen népszerű ez a szakma manapság. A termékdesignereket mindenhol keresik, és egyre több cég foglalkozik velük. Annak ellenére, hogy a piac telített, a cégek továbbra is termékdesignereket keresnek.

Ez összefügg azzal, hogy a vállalatok tudatára ébredtek, hogy a design tényleg befolyásolja a terméket. A design segítségével egy korábban nem használt, költségeit nem fedező terméket is sikerült funkcióval ellátni. A modern cégek nagyon aktívan fektetnek be a designba, próbálva megtalálni azokat, akik olyan felületeket terveznek, amelyek milliókat hoznak.

Hogyan értsük meg, hogy a termékfejlesztés felé kellene fejlődnöm? A grafikai design egy nagyon érdekes és kreatív terület. Különböző feladatokat oldhatunk meg számos eszközzel, kísérletezhetünk, új dolgokat hozhatunk létre. De a grafikai tervezés projektjeinek élettartama meglehetősen rövid, és a döntések hatása a végfelhasználóra nem mindig jelentős. Természetesen léteznek nagy projektek, amelyek megváltoztatják a világot, de a legtöbb esetben kisebbekkel kell megelégedni.

Mikor érdemes elgondolkodnod a termékdesignra való váltáson:

Amikor rájössz, hogy szeretnél több folyamatra hatással lenni, mint egyszerűen szép képek rajzolása.
Amikor a logika és az ésszerűség dominál a designban.
Amikor nemcsak kézi munkát szeretnél végezni, hanem gondolkodni is szeretnél a termék élettartamának minden szakaszán.
Amikor úgy érzed, hogy meguntad a grafikai tervezést, és szeretnél valami újra váltani.
Amikor a technológia és az IT nagyobb érdeklődést vált ki nálad, mint a nyomdaipar és a kültéri reklám.

Akiknek a termékdesign nem igazán való:

Kreatív természetű emberek, művészek, akik jól végzik a művészetet. Önnek kényelmetlen lesz a termékdesign területén. De azért érdemes lehet kipróbálni.
Olyan emberek, akik a szép képeket a design egyetlen termékének tartják. Nem tudom, hogy igazán léteznek-e ilyenek. A design bármely irányban már régóta elsődlegesen feladatokat old meg, és csak másodsorban hoz szépséget.
A magánvállalkozók számára, akik nem tudnak csapatban dolgozni. Itt minden világos. A termékfejlesztés mindig csapatmunka, és ha nincs meg ez a képességed, érdemes lenne fejleszteni, ha persze szeretnél termékdesignnal foglalkozni.

Milyen aktuális készségek különösen fontosak és mit érdemes fejleszteni?

Most pedig lépjünk túl a beszélgetésen, és készítsük el a kompetenciák térképedet. A kompetenciák térképe segít egyértelműen megérteni, miben vagy erős, és min kellene javítanod. Gyakran használják a kompetencia térképeket termékcsapatokban, hogy megértsék a tervező fejlődési pontjait. Készítünk neked személyes térképeket. Először nézzük meg, milyen lehetőségek vannak.

Kompetencia térképek példái:

Most pedig készítsünk el egy gyors kompetenciák térképet bármely eszközben. Először alakítsuk ki a tengelyeket és kezdjük el felsorolni azokat a kompetenciákat, amelyekkel jelenleg rendelkezel mint grafikus tervező. Ezek lehetnek nemcsak alapvető jellemzők, hanem valami bonyolultabb is, például 3D- vagy mozgásdesign ismerete. Egyébként a kompetencia térkép kiterjedtebb is lehet, és más készségeidet is tartalmazhatja, mint például az HTML és CSS ismerete, vagy egy programozási nyelv ismerete.

Tipográfia
Színkezelés
Kompozíció
Könyv- / folyóiratörzés
Ábra
…

Most pedig gondoljuk át, hogy milyen készségekkel kell rendelkeznie egy terméktervezőnek. Kérlek, egészítsd ki a megjegyzésekben.

Empátia
Logikai gondolkodás
Animáció
Ikonográfia
Szövegírás
UX-patternök
Elemzési munka
…

Minden készséget 10-es skálán lehet értékelni. Különböző értékelési lehetőségek léteznek, mi megpróbáljuk magunk megítélni a készségeinket. Annak érdekében, hogy ezek az adatok lényegesebbek legyenek, kérd meg más tervezőket, akikkel kapcsolatban állsz, vagy a vezetődet, aki veled dolgozik, hogy értékelje a készségeidet.

Most, hogy van egy kompetenciák térképed, jelöljük meg, hogy a jelenlegi készségeid közül melyek a különösen fontosak és nagyban segítik a termékdesignban.

Tehát nagyon fontos jártasnak lenni:

Kompozíció. A közelség elmélete, a tér és az elemek kölcsönhatása a térben, a kicsi és a nagy egyesítése. A kompozíció szabályainak ismerete nélkül ostoba hibákat követhetünk el, amelyek csökkenthetik a felhasználók termékkel való interakciójának minőségét, és gyakran befolyásolhatják a fontosabb mutatókat, például a profitot.
Tipográfia. A modern felhasználói felületek nemcsak vizuálisak, hanem szövegek is. A szöveggel való munka szakszerű kell legyen, hogy a felhasználók megoldhassák feladataikat, és különböző képernyőkön is el tudják olvasni a szöveget. Fontos a megfelelő betűtípusok kiválasztása és kombinálása a felülethez.
Színkezelés. Fontos megérteni, hogyan kell bánni a színekkel, mert például a kontraszt elvei megszegése esetén egyes képernyőkön a szöveg olvashatatlanná válhat, vagy az elemek észrevétlenek lehetnek.

Más szavakkal, alapvető grafikai tervezési elvek és készségek nélkül nehézségekbe ütközhet a termék fejlesztése, és sok nevetséges hibát elkövethetünk.

Most pedig nézzük, mit kell erősíteni a termékkel való munkához:

Empátia. Ez talán az egyik legfontosabb készség. Ne keverjük össze az empátiát és a szimpátiát. Az empátia képessége, hogy a terméket a felhasználó szemszögéből nézzük. Az empátia az a mérték, ahogyan távol tudunk állni a saját termékünktől, higgadtan ránézni és figyelni, hogyan dolgoznak vele a felhasználók. Az empátia fejlesztése segít a tervezőnek reálisan értékelni a terméket és a megoldásokat, hogy megértse, mit lehet javítani, és ne erőltessen rá „kedvenc megoldásokat”.
Logikai gondolkodás. Ezt a készséget is fejleszteni kell és folyamatosan tökéletesíteni, mert ennek köszönhetően igazán átgondolt felületeket hozhatunk létre, jó felhasználói élménnyel.
UX-patternök. 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.
Szövegírás. 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’s complicated. That’s why this skill should be constantly improved, enhancing your texts and making them relevant to the product.
Elemzési munka. 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.

This 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.

How can you improve?

It'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’s also important not to neglect the skills in which you are already quite strong.

Beszéljünk arról, hogyan fejleszthetjük a gyengélkedő készségeinket, és hogy mit tehetünk ezért:

Elemzd az összes olyan felhasználói felületet, amelyet észreveszel. Kezdve a mindennapi közlekedési és navigációs alkalmazásoktól, amelyeket használsz, egészen az olyan alkalmazásokig, amelyeket elég ritkán nyitsz meg. Jó lenne azon is elgondolkodni, hogy miért nyitsz meg egy adott alkalmazást ritkán, és mit tehetnél azért, hogy ez gyakrabban megtörténjen. Érdemes azt is megbeszélni, hogy mi az, ami kényelmes egy adott alkalmazásban, és mi az, ami nem annyira. Mit változtatnál?
Folyamatosan fejleszd a képfelismerő képességedet. Ennek köszönhetően több megoldást tudsz generálni, és több mintázat lesz a fejedben. A képfelismerést napi szinten érdemes fejleszteni, és számos módszer létezik: nézheted a Pinterestet, készíthetsz táblákat a tetsző ötletekkel. A Dribbble is jó a képfelismerés fejlesztésére. Igaz, érdemes megjegyezni, hogy a Dribbble inkább vizuális történet, arról, hogyan néz ki egy felhasználói felület, nem pedig arról, hogyan működik. De ott is találhatsz érdekes UX-megoldásokat.
A UI-készségek fejlesztéséhez kezdhetsz a felületek másolásával. Például egyszerűen újra megrajzolhatod a Facebook néhány képernyőjét. De ne csak gondolkodás nélkül másold őket, hanem mélyülj el és elemezd, hogy miért helyezkedik el egy adott elem azon a helyen.
Ha úgy érzed, hogy a másolás unalmassá vált számodra, kezdj el újra dolgozni a felületeken, gondolkozz el arról, hogyan lehetne javítani egy-egy funkción, lehet, hogy érdemes lenne átforgatni az elemeket, vagy más szöveget írni, esetleg teljesen átvariálni a színeket – és valósítsd meg ezt. Mindig tedd fel a kérdést: miért? Miért van itt a gomb? Miért ez a szín? Miért így történik az interakció? Miért működik ilyen a felület, stb. Próbálj meg minél mélyebbre hatolni a „miértjeiddel”.
És az utolsó tanács – a folyamatos gyakorlás. Enélkül a készségek elhalványulnak, és annak, aki a termékfejlesztésbe szeretne lépni, ez teljesen szükségtelen. Gyakorolj, próbálj ki új dolgokat, készíts saját felületeket. Akik biztosabban érzik magukat, azoknak ajánlom a 100 napos UI kihívást. www.dailyui.co Elindítva ezt a kihívást, napi szinten fog kapni egy e-mailt a nap témájáról, amelyhez fel kell rajzolnia egy felhasználói felületet. Például: "Levél küldése," "Bevásárlókosár," vagy akár "Kalkulátor." Ennek köszönhetően fejlesztheti a UI tudását, és ha logikusan gondolkodik a kihívás során, akkor az UX-et is javíthatja.
Sokat olvasni. Cikkeket és könyveket kell olvasni, és felhasználói eseteket tanulmányozni. A Behance nagy segítség lehet, ahol a tervezők gyakran leírják megoldásaikat, és hogy miért jutottak erre vagy arra a következtetésre. Ez segít fejleszteni a logikai gondolkodást és a kauzális összefüggések felépítését a felhasználói felületekben.

Most nézzük meg a leggyakoribb hibákat a kezdők körében:

Rendszertelenség. Az interfészminták nézésére és elemzésére heti egyszeri alkalom nem elegendő. Ezt minden nap meg kell tenni.
Rossz felhasználói felületek másolása. Itt meg kell jegyezni, hogy nem érdemes mindent utánozni. Gyakran találhatunk gyenge és átgondolatlan alkalmazásokat az áruházakban. Az ilyenek másolása nem fejleszti a készségeit, hanem éppen ellenkezőleg.
A fejlődéshez szükséges tanácsok figyelmen kívül hagyása. A legjobb eredményt csak akkor érheti el, ha mindent együtt végez.

Hogyan készítsük el az első termékportfóliót

A portfólió nélküli tervezőnek nemcsak nehéz munkát találni, hanem szinte lehetetlen. De mi a teendő, ha van grafikai tervezői portfóliója, de nincsenek termékprojektek?

Mit tehet azért, hogy létrehozza az első termékportfólióját:

Ahogyan bármely más tervezési típushoz, itt is készíthet projekteket kitalált ügyfelek számára. Vagy felajánlhatja már ismert nagy termékek újratervezését, mint például a Facebook, Instagram, e-mail és hasonlók. Számos példa van arra, hogy azok a fiatalok, akik ilyen munkát végeztek, ajánlatot kaptak attól a cégtől, amelynek a redesignját készítették.
A portfóliójába nyugodtan beillesztheti a korábban végzett kihívás során készült munkáit. De csak a legjobbakat! Ne próbáljon meg 100 képet beilleszteni a 100 napos UI kihívásból csak azért, mert végigcsinálta. Sokkal jobb, ha néhány különleges munkát választ, amelyre büszke lehet.
Fontos megjegyezni, hogy a portfólió, mint egy élő organizmus, folyamatosan evolválni és fejlődni kell. Amikor rájössz, hogy létrehoztál egy olyan projektet, amely könnyedén túlszárnyalhatja azt, ami már megvan, bátran módosítsd! A mennyiség helyett a minőség számít. 1-2 kiváló munka könnyedén helyettesítheti az 5+ középszerűt.
Ha mégis a termék irányába indulsz, nemcsak szép képeket kell bemutatnod, hanem azt is, hogy hogyan jutottál el hozzájuk. Például, ha választottál egy bizonyos betűtípust, magyarázd el, miért azt választottad. Fejtsd ki a szín- és viselkedésminták választását. Mindez fontos, és megmutatja, hogyan gondolkodtál a munka során, milyen nehézségekkel szembesültél és hogyan oldottad meg őket.

Készítettem nektek egy válogatást néhány portfólióból.

Joe Lifrieri portfóliója
Lisa Sy
Brandon Walkin
Szergej Surganov, dizájner

Mi a következő lépés?

A UI készségeid fejlesztése nem bonyolult. A legfontosabb, hogy ezt rendszeresen és következetesen tedd. Ezt követően érdemes többet gondolkodni a felhasználói élményen. Mindig analízálni és kérdéseket feltenni, hogy "miért".

Ezen kívül részt vehetsz valamilyen tanfolyamon is. A ingyenes webináriumok látogatása mindenképpen segíthet, de nem helyettesíti a tanárral való kommunikációt, a házi feladatok elvégzését és a tudás rendszerezését. Például a GeekBrains-en van egy "Terméki dizájn alapjai" tanfolyam, amely tudásanyaggal lát el a termékekkel való munkához.

Jótékony hatású lehet a freelancing is. Az első terméki portfólióddal bátran kereshetsz valós klienseket és végezhetsz valódi projekteket. Ezt követően az alkalmazásaid megjelenhetnek az áruházakban (ami remek ajánlás a portfóliódhoz), lesznek munkahelyeid, amelyekre hivatkozhatsz, valamint valós tapasztalatot is szerzel.

Egy másik jó gyakorlat, ha gyakornokként bekerülsz egy modern céghez, amely termékekkel foglalkozik. Sok IT-cég, bank és egyéb vállalat szeretne gyakornokokat felvenni, akiket később alkalmazásra is készen állnak. Ez remek lehetőség arra, hogy megmutasd magad, célokat tűzz ki és elérd őket.

Ne feledkezzen meg a konferenciákról és a meetupon. Az online térben folyamatosan zajlanak meet-upok a termékdesignról, ahol meghallgathatja a terméken dolgozó fiatalokat, és új dolgokat tanulhat. Ha személyesen látogat el ilyen meet-upokra, lehetősége lesz megismerni más tervező kollégákat és tapasztalatokat cserélni, ami rendkívül hasznos lesz, mint újonc a szakmában.