Když jsme dříve slyšeli slovo „design“, okamžitě jsme si představili tvůrce oděvů, interiérů a krajiny. Dnes jsou asociace úplně jiné – webový designér, ilustrátor, UI/UX, grafik, komunikační designér. Abyste přesně pochopili, kým se chcete stát, musíte nejprve zjistit, kdo co dělá. Zkusme to společně s Anyou Matveevou, přední návrhářkou UI/UX v MobileUp a kurátorkou oddělení designu mobilních aplikací GeekBrains.
Jakí jsou IT designéři?
návrhář komunikace
Je to ten, kdo je zodpovědný za hlas značky a její rozvoj. Takový designér pravděpodobně pracuje spíše v produktu než v agentuře. Nezabývá se tolik tvorbou nové značky (nejpravděpodobnější je, že když přijde do práce, už má knihu o značce), ale tím, jak bude tento produkt komunikovat s uživateli: prostřednictvím loga, webových stránek, vstupních stránek, bannerů firemní identity konferencí a akcí, design stojanů na události, účet Instagram, ilustrace – všechny součásti vizuálního jazyka.
Grafický designér
Toto je příběh spíše o brandingu, plakátech, obaly alb, zboží. Ale jednorázově: to znamená, že grafik vezme objednávku a zadá objednávku. Nežije s touto značkou, nedoprovází ji. Pokaždé, když má nový zajímavý příběh.
Návrhář her
Hry jsou úplně jiný svět. V něm jsou návrháři také rozděleni do kategorií, ale na základě toho, s čím přesně musí pracovat. V této oblasti existují návrháři postav a umístění, animátoři, návrháři herních zážitků.
Pokud vytváříme aplikace, které se často používají na cestách, protože je v nich něco důležitého, na co je třeba se podívat nebo zkontrolováno naléhavě, herní designéři pak vyvinou aplikace, které od nás vyžadují maximální pozornost. Je vzácné, když můžeme jít do práce (abychom do nikoho nenarazili nebo nepotopili), vypít kávu a hrát si jednou rukou.
Je to prostě nemožné – hrát si pohodlně doma, sedět v metru, stát v řadě, když nás nic nerozptyluje, ale snadno se můžeme podívat do bankovní aplikace nebo mapy metra na cestách. Proto je zde UX (uživatelská zkušenost – navrhování zkušeností lidské interakce s aplikací) úplně jiná.
Motion Designer
Jde o pohyb a animaci. A možná o 3D. Pohybový designér vytváří skvělá videa, která posouvají značku na další úroveň. Mohou to být úvodní obrazovky (například pro obrazovku v kanceláři nebo pro velkou konferenci), mohou to být prvky webových stránek, reklamní kampaň, video o značce a jejích produktech pro zákazníky a nové zaměstnance. Všechno, pro co máte dostatek představivosti.
Návrhář webu
Všechno je zde jednoduché – jde o webové stránky společnosti a vstupní stránky. A možná je to téma pro samostatný článek.
UI/UX
UI je uživatelské rozhraní a UX je zážitek (existuje také CX, jedná se o zákaznickou zkušenost). Ukázalo se, že návrhář UI/UX dělá nejen návrh, který vidíme, ale také navrhuje interakci, tj. Umisťuje tlačítka tam, kde bude pohodlnější a srozumitelnější je používat.
Takový designér pracuje se složitými systémy, kde je nejprve nutné vypořádat se s obchodním úkolem a potřebami uživatelů a poté nakreslit rozvržení. UI/UX označuje web i mobilní aplikace, ale budeme o nich hovořit samostatně.
Návrhář mobilních aplikací
Jedná se o stejného návrháře UI/UX, který nejprve navrhne uživatelské prostředí a poté samotné rozhraní, ale kdo zná příručky pro Android a iOS. A to je velmi důležitý bod. Musíte vědět, na jaké vzory jsou uživatelé zvyklí, aby bylo možné správně umístit tlačítko Zpět nebo vytvořit známé vyskakovací okno, aby prvky byly pro uživatele pohodlné a aby ho neznervózňovaly. Protože to nechápe, ale stáhne si pohodlnější aplikaci (koneckonců, téměř každý má analogii a konkurenci). A neměli bychom přijít o uživatele. Pojďme si ale promluvit o práci mobilního designéra podrobněji.
Jak je práce mobilního designéra postavena
Zvažte možnost, kdy zákazník přijde s nápadem a bez aplikace (nikoli revize, rebranding, ale vytvoření projektu od nuly) projít všemi, všemi, všemi fázemi.
1. Výzkum a tvorba hypotéz
Nejprve musíte pochopit, co chce podnik a co uživatel – a spřátelit se s jeho přáními. K tomu začneme rozhovorem se zákazníkem a ponořením se do specifik jeho projektu (v této práci nám obvykle pomáhá profesionální analytik). Pak hledáme potenciální uživatele a provádíme s nimi rozhovory.
Nyní máme všechna data k vytváření a stanovení priorit hypotéz, psaní příběhů pracovních míst a vytváření CJM (Customer Journey Map). To znamená, že víme přesně, kde začneme navrhovat a jaká bude první verze produktu (nebo MVP – minimální životaschopný produkt).
2. Wyframing
To je, když kreslíte obrazovky, ale ne příliš podrobné. Nejsou žádné ikony, jsou tam kruhy; žádné obrázky, obdélníky. Úkolem je rychle sestavit hlavní obrazovky do prototypu klikatelného (tj. Klikatelného) prototypu a zkontrolovat, zda je vše na svém místě a vše je jasné. Takové „prázdné“ již mohou ukázat kolegové (tomu se říká „koridorové testování“) a zákazníkovi (být s ním na stejné vlnové délce a byl si vědom toho, co se s jeho produktem děje).
< h4>3. Koncept designu
Jedná se již o vzhled a koncept interakce – o rozhraní a vizuální jazyk, o způsoby komunikace s uživatelem, o tón komunikace (přátelský nebo oficiální), o gamifikace (najednou musíme uživatele povzbudit a přijít s odměnami).
Je důležité vzít v úvahu všechny typy interakce mezi aplikací a uživatelem, od mikroanimací při rolování až po push oznámení (my vidět je mimo aplikaci, ale mohou se stát jedním z důvodů nenávisti a podráždění uživatele).
Jak se to dělá? Bereme klíčové obrazovky nebo malé scénáře, které nejlépe odrážejí naši myšlenku a pracujeme na tom, jak to bude vypadat v hotové aplikaci.
4. Podřízení se vývoji
K přenosu designu do vývoje musí být rozložení v pořádku, obrazovky musí být očíslovány a uspořádány podle skriptů. Rovněž by měl být vytvořen návrhový systém (nebo UI-Kit), kde jsou všechny prvky zobrazeny ve všech stavech (například tlačítko v normálním stavu, při najetí myší, klepnutí, neaktivní tlačítko). Export musí být nakonfigurován, aby si vývojář mohl stáhnout libovolnou ikonu v požadovaném formátu.
Co potřebujete vědět, abyste mohli být mobilním designérem
Samozřejmě potřebujete základnu a nástroje, začněme druhou. Potřebujete ovládnout Figmu. To lze provést přímo na webových stránkách služby (pouze všechny materiály jsou v angličtině), nebo můžete najít tréninková videa na YouTube. Je důležité se naučit nejen nakreslit všechny tvary a přizpůsobit text, ale také jak používat styly, komponenty, rámečky a automatické rozložení (ano, mnoho neznámých slov).
A v pořadí Chcete-li kreslit ikony a připravovat vektorovou grafiku, budete se muset zabývat programem Adobe Illustrator a přípravou bitmapových obrázků – pomocí aplikace Adobe Photoshop. Také si budete muset prostudovat příručky Google (Material Design) a Apple (Human Interface Guidelines).
Nezapomeňte na obecnou znalostní základnu designu, kterou každý potřebuje. Toto lze uzavřít knihami:
Johannes Itten Umění barvy
< p> Johannes Itten „Umění formy“
Jan Tschichold „Nová typografie“
Alexandra Korolkova „Živá typografie“
Olga Golubeva „Základy kompozice“
Yuri Gordon „O jazyku kompozice“
Josef Müller-Brockmann „Modulární systémy v grafickém designu. Průvodce pro grafické umělce, typografy a výstavní designéry »
Readymag Škola. Mřížka
Readymag Škola. Typografie
Gorbunov Bureau Typografie a rozvržení
Také:
Video přednášky z škola designu Yandex
Komunitní web Úlohy, které je třeba udělat
Je naprosto nezbytné pečlivě prostudovat a analyzovat všechny aplikace, které používáte. Označte, co se vám líbí, co je pohodlné a co byste opravili, sledujte nejoblíbenější aplikace v obchodech, přihlaste se k odběru skvělých studií a nechte se inspirovat jejich prací.
Proces učení však nebude bez praxe úplný a maximálně produktivní. Nyní existuje obrovský výběr různých kurzů, které můžete absolvovat z pohodlí domova (včetně naší Fakulty designu mobilních aplikací, kterou jsme dělali společně s Geekbrains). Bude skvělé, pokud máte svého vlastního mentora nebo stáž u skutečného týmu zabývajícího se mobilními aplikacemi.
