Obsah
- Co je to „designový systém“?
- Klíčové úvahy před implementací návrhového systému
- 01. Zvažte vyspělost produktu a společnosti
- 02. Vytvořte vizi
- 04. Stanovte hlavní konstrukční principy
- 05. Zkontrolujte technologický zásobník a proveďte inventarizaci rozhraní
- 06. Vytvořte základní tým
- Vytvoření návrhového systému
- 01. Prodejte nápad
- 02. Vyberte a dokončete pilotní projekt
- 03. Navrhněte a postavte
- 04. Spuštění a údržba
Konstrukční systémy pomáhají velkým průmyslovým hráčům standardizovat proces navrhování a zvyšovat jeho předvídatelnost. Mnoho společností se snaží převzít iniciativu při budování vlastního designového systému. Ale navzdory nejlepším úmyslům všech lidí může být veškeré úsilí, které produktový tým vynaloží na vytvoření promyšleného návrhového systému, docela snadné.
V průběhu tohoto článku definujeme, co je návrhový systém, co je třeba zvážit před vytvořením návrhového systému a jak nejlépe zavést návrhový systém ve vaší organizaci. Další skvělé zdroje najdete v našem přehledu nástrojů webového designu.
Co je to „designový systém“?
Název „design system“ může vytvářet falešný dojem o něčem, co má hodnotu pouze pro designéry. Ve skutečnosti však designový systém není něco, co by se týkalo pouze návrhářů; místo toho jde o to, jak celá organizace staví své produkty (pokud to zahrnuje web, budete potřebovat špičkový nástroj pro tvorbu webových stránek a brilantní webhosting).
Úspěšné procesy návrhu obvykle závisí na těsné vzájemné spolupráci všech týmů podílejících se na tvorbě produktu. A designový systém je o budování sdíleného jazyka, který umožňuje týmům efektivněji spolupracovat. Jedná se o kompletní sadu designových principů, pravidel a standardů spolu s sadou nástrojů (designové vzory, vizuální styly a knihovna kódů opakovaně použitelných komponent uživatelského rozhraní), které jsou k dosažení těchto principů, pravidel a standardů zapotřebí. Návrhový systém umožňuje produktovému týmu vytvořit produkt rychleji - aniž byste museli obětovat jakoukoli kvalitu - tím, že design znovu použijete (ujistěte se, že máte spolehlivé cloudové úložiště pro uložení svých aktiv).
Konečným účelem řešení problémů s implementací návrhového systému je pomoci podnikům učit se a růst. Proto by designový systém měl vždy vycházet z cílů podnikání. Ze stejného důvodu nejsou všechny návrhové systémy postaveny stejně, ale přesto většina návrhových systémů sdílí několik společných prvků:
- Principy designu - hodnoty, které zajišťují, že úsilí o design směřuje správným směrem.
- Komponenty a knihovny vzorů - to jsou stavební kameny návrhového systému.
- Průvodci designem - konkrétní pravidla, jak navrhnout konkrétní část
produkt. Mezi ně mohou patřit pokyny pro styl (typografie, barvy, řádkování atd.) A pokyny pro psaní UX (hlas a tón, jazyk, zásady psaní atd.). - Konstrukční postupy - pomáhají udržovat systém naživu a hodnotný pro produktový tým.
Klíčové úvahy před implementací návrhového systému
01. Zvažte vyspělost produktu a společnosti
Než začnete budovat návrhový systém, musíte jasně pochopit, proč jej potřebujete. Mnoho společností zavádí návrhové systémy, aby snížily svůj technický dluh a urychlily proces vývoje produktu (tím, že stráví méně času zdlouhavými, monotónními činnostmi). Ne všechny společnosti však čelí takovým problémům, protože společnosti mají různé úrovně vyspělosti designu.
Vytvoření návrhového systému od nuly je časově náročná aktivita a malé a rychle se pohybující týmy pravděpodobně návrhový systém nepotřebují, protože by je zpomalil. Spouštění od tří do pěti osob, které se stále snaží najít vhodné místo na trhu s produkty, by pravděpodobně strávilo značné množství času vytvářením systému. Když se prostředky vynakládají na budování designového systému, nevynakládají se na stavbu produktu. Proto, dokud nebude společnost v pozici, kdy se svým produktem zavedla jasný směr, investování času do vytvoření designového systému riskuje produkci velkého množství odpadu.
02. Vytvořte vizi
Návrhový systém je o lidech - jak společně pracují na dosažení společného cíle. A lidé chtějí znát odpovědi na následující otázky:
- Kam jdeme?
- Čeho chceme dosáhnout?
- Proč toho chceme dosáhnout?
To jsou základní otázky, na které musíte odpovědět, abyste si vytvořili společnou vizi. Sdílená vize bude základem pro návrhový systém, který týmům poskytne řízený způsob, jak vytvářet řešení jejich problémů s produkty.
Prohlášení o vizi definuje, čeho se váš tým, produkt nebo společnost snaží dosáhnout, a co je důležitější, proč. Sjednocuje týmy kolem jasné sady sdílených cílů a stává se Polárkou pro celou organizaci - spojuje lidi zapojené do vývoje produktů a vede je ke společnému cíli.
Pokud hledáte jednoduchý způsob, jak vytvořit vizi, zvažte popis toho, jak by měl váš produkt nebo organizace vypadat za pět let. Tímto způsobem definujete cílovou podmínku a bude mnohem snazší vytvořit strategii, která vám ji pomůže dosáhnout.
04. Stanovte hlavní konstrukční principy
Jak definujete dobrý design? Jak víte, kdy je něco připraveno k implementaci? Pokud jde o hodnocení kvality designu, designéři se často spoléhají na svůj vlastní soubor standardů. Ale následování takového přístupu může vnést do chaosu v procesu návrhu produktu, protože každý designér bude mít subjektivní nápady. Tam mohou principy designu zachránit den.
Solidní principy designu jsou základem každého fungujícího systému. Měli by zachytit podstatu toho, co pro společnost znamená dobrý design, a poskytnout praktickým doporučením produktovým týmům, jak toho dosáhnout (principy designu by měly být vždy použitelné). Principy designu fungují jako produktový tým jako standard a pomáhají jim měřit jejich práci.
Při práci na principech návrhu je třeba pamatovat na několik věcí:
- Zásady návrhu by měly odrážet povahu produktu. Například pokud jde o design rozhraní člověk-stroj pro automobily, nejdůležitější konstrukční zásadou by měl být „Bezpečnost na prvním místě“ (cílem je udržet bezpečnost řidiče a cestujících). Proto by každé rozhodnutí o návrhu mělo být měřeno z hlediska bezpečnosti.
- Principy designu by neměly znít jako pravidla. Neměli by blokovat kreativní energii. Tvůrci produktů by se neměli cítit omezeni nebo zdrženliví.
- Principy designu by měly být výsledkem otevřené diskuse. V mnoha případech není těžké přimět lidi, aby se řídili pokyny, ale spíše je těžké přimět lidi, aby se na pokynech shodli. Pokud má organizace mnoho designových týmů, je jejich zapojení do diskuse zásadní. Získáním zpětné vazby k principům návrhu můžete tyto principy přizpůsobit potřebám uživatelů.
05. Zkontrolujte technologický zásobník a proveďte inventarizaci rozhraní
Mnoho společností má tendenci stavět designový systém na vrcholu současného rozhraní, ale tento přístup není z mnoha důvodů nejlepší. Představte si, že vaše společnost dlouhodobě vyrábí produkt bez systému.
Produkt má pravděpodobně určitou úroveň nekonzistence v designu. Nekonzistence je obvykle způsobena duplikací designových prvků. Identifikace duplikace designových prvků pomáhá týmu vyhnout se scénáři, ve kterém členové týmu sestavují prvek od nuly, a po chvíli zjistit, že jeho verze již existuje.
Proto, pokud plánujete zavést návrhový systém, začněte auditem - proveďte inventarizaci rozhraní, abyste pochopili, co se používá.
Prozkoumejte existující interakce, shromážděte všechny prvky uživatelského rozhraní, které tvoří rozhraní, a zkontrolujte je. Je důležité to udělat před vytvořením skutečného návrhového systému, protože tento postup vám pomůže pochopit dvě věci:
- Kolik návrhového dluhu má vaše organizace a jaké jsou oblasti, které vyžadují větší pozornost.
- Důvody nekonzistence a změny, které musíte zavést do procesu návrhu, abyste se v budoucnu těmto problémům vyhnuli. Možná budete muset změnit proces nebo možná budete muset zavést novou technologii.
06. Vytvořte základní tým
Kdo by se měl podílet na budování designového systému? Design je týmový sport a vytvoření designového systému není výjimkou. K vybudování designového systému jsou potřebné odborné znalosti a kreativní energie poskytovaná vzájemnou spoluprací. Proto hlavní tým lidí, který ve skutečnosti vytváří systém, obvykle zahrnuje inženýry, designéry, produktové manažery a zúčastněné strany. Když začnete budovat návrhový systém, je zásadní mít malou velikost pro základní tým (šest až osm lidí), protože vám pomůže vytvořit dynamiku a něco rychle vybudovat.
Vytvoření návrhového systému
Zvažte implementaci návrhového systému jako projektu. A stejně jako každý jiný projekt, i tento by měl mít solidní proces s následujícími kroky:
- Prodejte nápad
- Dokončete pilotní projekt
- Navrhněte a postavte
- Spuštění a údržba
01. Prodejte nápad
Prodej myšlenky designového systému je prvním a nejdůležitějším krokem při zavádění designového systému. Obvykle je těžké prodat návrhové systémy kvůli kompromisům - jak členové managementu, tak produktový tým chápou, že prostředky vynaložené na vybudování návrhového systému se nevynakládají na přepravní funkce. Je tedy přirozené očekávat určitý návrat. Chcete-li prodat návrhový systém, musíte udělat dvě věci:
Získejte buy-in od zúčastněných stran
Návrhový systém se nerozběhne, pokud ho lidé, kteří rozhodnou o financování, neschválí. Je mnohem snazší získat buy-in od vedoucích pracovníků, když ukážete, že systém řeší skutečné obchodní problémy. Určete klíčové body bolesti v podnikání (oblasti, kde společnost přichází o peníze) a ukažte, jak může návrhový systém zachránit den. Napište strategii s jasným návrhem a předejte ji klíčovým lidem, kteří rozhodují.
Doporučuje se vytvořit prezentaci (nebo sérii prezentací), abyste přesvědčili zúčastněné strany, aby investovaly do tohoto projektu. Prezentaci můžete zabalit do podoby příběhu. Vyprávěním příběhů o úspěchu získáte větší šanci zapojit zúčastněné strany.
Získejte podporu od svých uživatelů
Získání buy-inu od zúčastněných stran je jen polovina úspěchu. Musíte získat podporu od svých potenciálních uživatelů. Nejprve musíte identifikovat své cílové publikum. Kdo bude používat váš návrhový systém a jak ho bude používat? Zde je několik běžných skupin uživatelů:
- Produktové týmy (tj. Návrháři, vývojáři)
- Třetí strany (tj. Prodejci)
- Obchodní (tj. Marketingové, prodejní, právní)
Budete muset identifikovat body bolesti různých skupin uživatelů a ukázat hodnotu, kterou jim systém přinese. Každá skupina uživatelů má jiné spouštěcí faktory nákupu - důvody, proč by chtěli použít návrhový systém. Například pro vývojáře může být spouštěčem větší konzistence v metodách implementace nebo utrácení méně času za refaktorování kódu.
02. Vyberte a dokončete pilotní projekt
Jakmile vytvoříte základní koncept svého návrhového systému, je důležité jej ověřit. Nejlepší způsob, jak ověřit koncept, je otestovat jej na pilotním projektu.
Vyberte ukázkový skutečný produkt a vytvořte návrhový systém, který poskytuje skutečné řešení. Projekt, který vyberete, by měl být použit jako základ pro váš budoucí návrhový systém, takže budete moci vyzkoušet, zda systém pro vaši organizaci funguje.
Zde je sada kritérií, která můžete použít k určení potenciální účinnosti pilota:
- Projekt by měl mít potenciál pro společné komponenty a vzory. Mělo by obsahovat komponenty a vzory, které lze znovu použít v jiných produktech.
- Mělo by mít dobrou technickou proveditelnost a nemělo by být těžké zavést všechny požadované změny.
- Projekt by měl být realizovatelný za rozumnou dobu (ideálně za pár týdnů) a neměl by vyžadovat zapojení mnoha lidí z různých oddělení (zachování nezávislosti je zásadní).
- Projekt by měl mít marketingový potenciál. Projekt by měl inspirovat ostatní týmy k zavedení návrhových systémů do jejich návrhového procesu.
03. Navrhněte a postavte
Vytvořte opakovaně použitelné komponenty
Jednou chybou, kterou znovu a znovu vidím, je, že týmy vytvářejí komponenty, které jsou příliš zaměřené na případ jednorázového použití. Výsledkem je, že se systém stává příliš nepružným a jeho uživatelé musí vytvářet své vlastní komponenty pokaždé, když potřebují pokrýt konkrétní scénář.
Zkuste vyvinout komponenty, které nejsou vázány na jediný případ použití, ale mohou
být znovu použity ve více kontextech. Aby mohly být komponenty opakovaně použitelné a škálovatelné, musí mít následující vlastnosti:
- Modulární: modulární komponenty jsou samostatné - nemají žádné závislosti.
- Skládací: je možné kombinovat komponenty a vytvářet nové komponenty.
- Přizpůsobitelné: je možné upravit a rozšířit komponenty, aby fungovaly v různých kontextech.
Pokaždé, když členové týmu chtějí představit novou komponentu, musí zvážit, jak to bude fungovat na různých platformách, pro které navrhují. V ideálním případě by každá součást, kterou navrhnou, měla fungovat na všech platformách.
Zobrazit hodnotu prostřednictvím prostředí karantény
Je dobře známo, že nejlepší způsob, jak lidé vidí hodnotu, je zažít ji. Vytvořte tedy prostředí sandboxu pro členy produktového týmu, aby mohli prototypovat produkty pomocí vašeho návrhového systému.
04. Spuštění a údržba
Některé produktové týmy věří, že jakmile je vytvořen návrhový systém, je práce hotová. Není pravda. Designový systém je produkt a je zásadní jej spravovat jako produkt místo projektu - designový systém vyžaduje průběžnou údržbu a vylepšení podle potřeby.
Podporujte přijetí vašeho návrhového systému
Stejně jako jakýkoli jiný produkt i designový systém potřebuje aktivní uživatele. Můžete vytvořit nejlepší designový systém na světě, ale pokud jej ve své organizaci aktivně nepropagujete, celá snaha tím výrazně utrpí. Proto od prvního vydání vašeho systému musíte tvrdě pracovat, abyste podpořili jeho přijetí:
- Vytvořte komunitu příznivců. Sestavte skupinu evangelistů pod vedením autoritativních vlivných osob nebo designérů, kteří budou propagovat a prodávat nápady týkající se vašeho návrhového systému. Evangelisté by se měli účastnit aktivit, jako jsou workshopy a setkání, jejichž cílem je zvýšit povědomí o existenci systému a vzdělávat lidi, jak jej používat.
- Představte aktualizace. Čekací doba na aktualizace hraje klíčovou roli při přijetí návrhového systému. Procvičujte si pravidelná přírůstková vydání, spíše než velká odhalení, a vždy zajistěte, abyste zasílali aktualizace se seznamem změn.
Analyzujte, jak lidé používají návrhový systém
Konstrukční systémy rostou a klesají podle toho, jak snadno se používají. Pokud jste právě začali integrovat návrhový systém do návrhového procesu vaší organizace, proveďte řadu rozhovorů s uživateli, abyste pochopili, jak jej lidé používají. Tímto způsobem můžete určit běžné problémy, se kterými se vaše cílové publikum může potýkat.
U systémů, které budou nějakou dobu začleněny do procesu návrhu, je nezbytné měřit čas potřebný k udržení systému v aktuálním stavu. Pokud bude obtížné udržovat aktualizovaný návrhový systém, bude rychle zastaralý.
Vyzkoušejte svá designová rozhodnutí
Bez ohledu na to, jak dobře předvídáte věci, může být těžké předpovědět, jak konkrétní změna ovlivní uživatelský komfort. Proto je důležité potvrdit svá rozhodnutí.
Zde jsou tři typy testování, které vám pomohou:
- Testování použitelnosti
- Vizuální regresní testování, které vám pomůže zachytit nechtěné vizuální změny stylů komponent
- Ruční a automatizované testování přístupnosti, které zajišťuje dostupnost vašich komponent
Zavést správu verzí
Návrhové systémy by měly mít verze, protože správa verzí výrazně usnadňuje sledování změn. S verzemi verzí mohou uživatelé odkazovat na konkrétní verzi jako závislost. Mají také kontrolu nad tím, kdy a jak budou zpracovány upgrady na nové verze.
Existují dva typy verzí:
- Správa verzí celého systému. Zde vše v systému patří jednomu číslu verze. Jako uživatelé řešíme verzování pro celý systém, když aktualizujeme náš mobilní operační systém - když aktualizujeme iOS, aktualizujeme celý software.
- Správa verzí podle modulů. To zahrnuje mít číslo verze pro každou komponentu nebo styl v rámci návrhového systému. Ve srovnání s verzemi celého systému poskytuje verzování podle modulu větší flexibilitu - uživatelé si mohou zvolit upgrade pouze těch prvků, které potřebují.
Vytvoření návrhového systému není jednorázová aktivita; je to vlastně iterativní. Lidé podílející se na vytváření designového systému o něm musí uvažovat jako o živém organismu spojujícím celou organizaci. Úspěšný návrhový systém se stává součástí DNA organizace a pomáhá vytvářet konzistentní uživatelské zkušenosti.
Tento obsah se původně objevil v netmagu.
