Ahoj všichni, jmenuji se Matvey Pravosudov, senior produktový designér ve VKontakte. Dříve jsme sdíleli náš systém VKUI a popsali jsme přístup k návrhu aplikace pro iPad.
Dnes vám povím o naší interní znalostní bázi – jak a proč byla vytvořena, o procesu sběru materiálů a zkušenostech s používáním. Jako obvykle je na konci článku bonus – odkaz na veřejnou verzi Canon.
Před rokem bylo v konstrukčním oddělení deset designérů, dnes je nás 28. Rozvíjíme se rychle a je obtížnější předávat znalosti takovým tempem. Nedávno mělo za měsíc vyjít pět nových návrhářů – bez aplikace „Canon“ by adaptační proces vyžadoval spoustu úsilí a zdrojů. Proto chci apelovat na vedoucí designérských týmů – nepřepínejte, bude to pro vás zajímavé!
Všechno to začalo připojením
V březnu 2020 šel tým VKontakte na dálku. Oddělení designu se začalo přizpůsobovat: začali maximálně využívat Figmu, přenesli týdenní ukázku designu na online a zvýšili počet hovorů, aby neztratili živou komunikaci.
V létě jsme plánovali přijměte stážistu do designového týmu a do týmu elektronického obchodování, ke kterému se paralelně připojil designér. Poprvé jsme museli zapojit designéry online. V kanceláři bylo všechno jednodušší – postavili jsme notebook, dostali jsme přístup, podívali se na soubory, šli jsme na čaj a začali jsme úkol řešit. Všechny otázky byly vyřešeny okamžitě – stačilo vyjet na židli. U práce na dálku je vše komplikovanější. Existují dva velké problémy:
1. Mnoho znalostí žije v hlavách různých návrhářů. Toto je takzvaný faktor sběrnice – je nepravděpodobné, že mentor bude schopen okamžitě odpovědět na všechny otázky začátečníka. V kanceláři sedí designéři ve stejné místnosti, takže odpověď se rychle najde.
2. Nástup byl vždy chaotický. Mentorové neměli jasný plán toho, co začátečník a oni sami museli udělat – problémy byly vyřešeny hned, jak přišly.
V té době už měl náš Dropbox Paper několik dokumentů s pokyny pro práci ve Figmě od Mishy a Vanyi. Pasha také obsahoval článek s vážným názvem „Předpisy pro začátečníky“. Navrhl jsem, abychom jej přepsali – přidali informace o přístupu a nástrojích, seznámili se s týmem a pracovním tokem.
V tomto článku jsme úspěšně přijali stážistu a designéra. Text samozřejmě neobsahoval všechny odpovědi na otázky, které vyvstaly, takže během registrace jsme shromáždili zpětnou vazbu a vylepšili dokument. Všechny materiály byly spojeny do knihovny návrhů, takže zaměstnanci mají jediný vstupní bod k článkům a průvodcům. Takto začala společnost Canon.
Skriptování a struktura
Pokračovali jsme ve zdokonalování znalostní knihovny snížit faktor sběrnice a usnadnit začátečníkům přizpůsobení. Shromáždili jsme zpětnou vazbu od nových zaměstnanců i od stávajících designérů – ti postupně přidávali informace do článků nebo měnili stávající doky.
Postupem času jsme přišli s mnoha tutoriály, které lze snadno zmást. Několik průvodců, procesů, dokumentů, pokynů – horor. Ukázalo se, že všechny materiály byly užitečné, ale jejich použití bylo obtížné.
Dívali jsme se na „Canon“ jako na produkt, který bude mít uživatele (designéry) se svými skripty, a identifikovali dva nejoblíbenější :
- 👨🎓 Jsem začátečník a chci pochopit, o co jde. Potřebujeme minimum informací, abychom se seznámili s kontextem a zahájili první úkol.
- 🤔 Mám konkrétní požadavek: jak vytvořit ikonu, objednat ilustraci, provádět výzkum? Možná člověk nikdy nevytvořil animaci a my máme jasného průvodce, jak tento problém vyřešit.
Vzhledem k tomu, že se tyto dva scénáře vyskytují častěji než jiné, přesunuli jsme sekce co nejvyšší. Nejprve je tu pár článků pro začátečníky, pak naše oblíbené „Jak?“ – obsahuje krátké, ale stručné odpovědi na otázku „jak udělat X“. Všechny další dodatečné pokyny jsou dále v seznamu a nerozptylují.
Kromě registrace a průvodců také systematizujeme osvědčené postupy různých týmů, například:
- zavolejte manažery a designéry, aby si vyměnili novinky;
- „neproduktivní“ den – když kluci nepracují s produktovými týmy a zabývají se dalšími úkoly;
- brainstorms;
- mentoring.
Jedná se o efektivní výměnu zkušeností mezi týmy, která udržuje celkovou úroveň procesů a výsledků.
Jak se zlepšujeme
Někdy se v procesech a nástrojích něco změní. Například před několika měsíci sami návrháři uvolnili a připravili ikony pro vývojáře pro každou platformu. Nyní jsme blízko skutečnosti, že musíme v SVG uvolnit pouze jednu ikonu. Proces se změnil a aktualizovali jsme dokument s ikonami.
Abychom tyto nuance neztratili ze zřetele, žádáme lidi, aby zanechali komentáře v jakýchkoli dokumentech, kde vidí chyby a nepřesnosti. V nepotravinových dnech tyto komentáře zpracovávám a opravuji.
Nejčestnější lidé jsou to tito noví designéři během jejich zkušebního období.
Nejpoctivějšími lidmi jsou ve zkušební době noví designéři. Mohou vám snadno říct o nepochopitelných okamžicích, všimnout si, že komponenty fungují podivně, a zeptat se, proč dáváme ikonám tak podrobné názvy. Po registraci sbíráme zpětnou vazbu a vylepšujeme dokumenty pro nováčky.
V jiných společnostech jsem sledoval další skvělou věc – jeden dokument pro mentora a začátečníka s jasnými úkoly po celé zkušební období se všemi důležitými odkazy . Tuto myšlenku jsme implementovali doma – líbila se začátečníkům i HRC
„Canon“ je kolektivní dílo, které spojuje znalosti různých designérů. Do knihovny může přispět kdokoli. Nedávno nám Andrey udělal dárek – shromáždil celou část o animaci a přispěl jí do společnosti Canon. Je to poprvé, co se to stalo, a doufám, že ne poslední.
Co to pro nás udělalo
„Canon“ se stal nedílnou součástí registrace, což zjednodušuje mnoho každodenních okamžiků. V dnešní době k nám téměř nikdo nepřichází s otázkami v doku.
Hlavním výsledkem je, že začátečníci se rychle ponoří do práce. Toto je pro nás velmi důležitá metrika – čím méně času na palubě zabere, tím více energie zbývá na úkoly. To udrží podnět a zájem o práci od prvních dnů ve společnosti.
Dalším důležitým bodem pro vedoucí je, že čas mentorů je využíván efektivněji. Nyní sdělují významy a principy najednou na konkrétních úkolech, neunaví vás rutinní otázky. Koneckonců, je těžké se cítit jako skvělý specialista, pokud musíte neustále říkat, kde jsou písma uložena.
Podívejte se na vlastní oči
Dost slov! Zde je veřejná verze aplikace Canon. Je to samozřejmě trochu zkráceno – nemůžeme ukázat celou vnitřní část. Chcete-li zobrazit všechny články a sekce, přijďte s námi spolupracovat 😉
Co hledat
Podívejte se na „Zásady designu produktu“ . Toto je DNA našeho přístupu k designu a jakési propojení mezi designéry a produkty, které pomáhá vytvářet vysoce kvalitní rozhraní. Přečtěte si články v části „Jak?“ , viz „Osvědčené postupy“ . A pojďme se podělit o naše zkušenosti – podělte se o své přístupy a životní hacky v komentářích!
Jak pro vás může být Canon užitečný
Prošli jsme obtížemi, které jsme čelit mnoha designovým týmům, když začnou růst nebo se přestěhují do vzdáleného místa. Naše znalostní báze je místem, kde jsou řešení těchto problémů podrobná. Použijte to!
