A presentation at School project in in Prague, Czechia by Ondřej Konečný
Investice do design systému
Aktuální problémy Nekonzistentní uživatelská zkušenost Pomalý time-to-market Vymýšlíme jak řešit problémy, které jsou už jednou vyřešené (a řešíme je jinými způsoby) Náročný onboarding pro vývojáře (neexistuje nikde místo, jak se rychle zorientovat) Implementace stejných komponent mnoha způsoby Velká zátěž pro designera - komunikace kvůli implementaci na mnoha místech
Příklad
Je toho spousta
Návrh řešení
Sdílení informací a kódu Design tokeny (barvy, typografie, spacing) Knihovnu komponent (Figma + kódová implementace v Reactu) Dokumentaci a guidelines
Automatizace
“A bloated and inefficient system means that even the smallest changes are timeconsuming and fiddly to make. […] By improving individual components, the whole system becomes more robust and easier to maintain.”
Jak bychom to mohli měřit (ročně)? Redukovat čas na návrh nové obrazovky z 8 hodin na 5 Rychlejší onboarding - z 8 týdnů na 3 týdny Adopce design systému 0 % na 75 % Čtenost dokumentace Redukce dotazů ohledně rozhraní Průměrný počet bugů na UI z aktuálních 25 na 10 Postojové metriky jako je uživatelská spokojenost Behaviorální metriky jako např. frekvence používání (Figma analytics, Supernova page views)
Odhad nákladů 1 designér (0,5 FTE) - dodělávat to co nestíhám, zamezit design dept 1 front-end developer (0,5 FTE) pro .NET Blazor pro React / TypeScript ecosystem Licence na Supernovu (3 edit seats, 100 $ měsíčně) Redukce mé kapacity k přípravě práce a komunikace Celková odhad nákladů je: ~ XXX XXX Kč
ROI
https://www.youtube.com/watch?v=v8i1qeCv2IQ
Úspora času = Peníze Úspora času designéra Úspora času vývojářů (cca 25 vývojářů) Rychlejší testování od QA Celková roční úspora: ~ XXX XXX XXX Kč
Unlock
Schválení budgetu Design system je dlouhodobá investice, žádám proto o podporu nejen pro iniciální fázi projektu, ale o dlouhodobé udržování. Žádám o schválení budgetu XXX XXX Kč na iniciální fázi projektu. Design systém nám přinese: Rychlejší dodávky produktů na trh Konzistentní brand napříč produkty Úsporu XXX milionu Kč ročně Spokojenější designéry a vývojáře
for free. You
can too.