Nástroje & Platformy

Figma

Nástroj pro návrh UI a prototypování webů/aplikací

(nástroj pro návrh rozhraní)

Co je Figma

Figma je nástroj pro návrh uživatelských rozhraní a prototypů. Vzniká v ní podoba webu nebo aplikace dřív, než někdo napíše první řádek kódu. Běží v prohlížeči, takže se k návrhu dostanete přes odkaz a nic neinstalujete.

Proč se do ní jako marketér vůbec dívám

Moje role je čtenářská a připomínková, ne kreslicí. Studio nebo freelance designér pošle odkaz, já v návrhu proklikám cestu od reklamy k odeslané objednávce a píšu komentáře přímo do plátna, k prvku, kterého se týkají. Tím padá nejotravnější část spolupráce: dohadování v e-mailu nad screenshotem s červenou šipkou.

Na co se v návrhu ptám

Většinou na věci, které dodavatel neřeší, protože je nemá kde vidět. Kde na mobilu končí první obrazovka a jestli je nad tou hranicí hlavní sdělení. Jestli formulář opravdu potřebuje sedm polí. Jak vypadá stránka po odeslání. A jestli tlačítko vypadá jako tlačítko, což je samostatná disciplína popsaná u designu CTA tlačítka.

Co si z hotového souboru odnesu

Z návrhu jde exportovat podklady: ikony, obrázky, přesné kódy barev a velikosti písma. Beru si je do reklamních kreativ, aby banner nevypadal jinak než stránka, na kterou vede. Když se vizuál po prokliku promění, návštěvník na okamžik zaváhá a to zaváhání pak vidíte v datech jako odchod.

Co ve Figmě nedělám

Bannery do kampaní. Technicky by to šlo, prakticky si tím jen zkomplikujete život. Na příspěvek na Instagram sáhnu po Canvě, do Figmy chodím kvůli návrhu webu. Stejně tak si hlídám, aby si klient nespletl prototyp s hotovou věcí: proklikat se dá, ale nic se doopravdy neodesílá.

Když klient objednává nový web, chci vidět návrh ve Figmě dřív, než se začne programovat. Projdu si ho očima kampaní: kam dopadne člověk z reklamy, jestli na stránce najde cenu a telefon, jestli se dá formulář zkrátit. Připomínka v návrhu stojí odpoledne, stejná připomínka nad hotovým webem znamená fakturaci navíc a odklad startu kampaní.

Časté otázky

Musím umět Figmu ovládat, když si web nechávám dělat?

Ne. Na roli připomínkujícího stačí otevřít odkaz, pohybovat se po plátně a napsat komentář. Kreslit v ní nemusíte nic, od toho máte dodavatele.

Můžu si ve Figmě vyrobit bannery do reklam?

Vyrobit ano, doporučit ne. Na reklamní formáty je rychlejší nástroj se šablonami a přednastavenými rozměry. Figma se vyplatí až tam, kde návrhy vznikají v systému a mají se dodržet do pixelu.

K čemu je proklikatelný prototyp, když web ještě neexistuje?

Ukáže, jestli cesta k objednávce dává smysl, dřív než ji někdo naprogramuje. Odhalí chybějící krok nebo matoucí pojmenování v okamžiku, kdy oprava nestojí nic.