Vytvoření jazyka systému návrhu

Zdá se, že se jedná o současné buzzové slovo v designovém průmyslu a každý chce jeden. Ale jak přesně může mít produkt výhodu v tom, že má živoucí dýchací designový jazyk? Pokusím se rozbít základní věci, abyste pochopili, proč je to zapotřebí.

Vytvoření základního jazyka spojuje naše filozofie a metodiky v rámci naší platformy.

Tak proč potřebujeme designový jazyk?

Existují dva způsoby, jak se na ni dívat, z interní a externí perspektivy.

Vnitřní

Vytváří holistickou perspektivu, abychom zajistili, že se všichni držíme stejných metodologií a vzorů jako tým. Každý člen týmu by měl být v souladu s konceptem, který prosazujeme, a měl by být schopen odkazovat na zásady návrhu proti jakémukoli projektu, na kterém právě pracuje. Hlavním cílem designového jazyka je vytvářet zaměření a jasnost pro návrháře. Designový jazyk je jako každý jazyk. Pokud dojde k nejasnostem, způsobí to poruchu komunikace.

Externí

Vytvoření soudržného designového jazyka vytváří harmonii v rámci platformy. Pro diváky, standardizované barvy, interakce a vzory vytvářejí pocit znalosti a bezpečnosti. Dobře plánovaný a dobře provedený designový jazyk je klíčem k spokojenému zážitku. Pokud například vstoupíte do Starbucks na Islandu, rozpoznáte spoustu podobného dotyku s vaším místním Starbucksem po silnici. Znalost přináší uživateli pocit pohodlí a bezpečnosti.

Zavedení konstrukčních omezení na jednotlivé prvky v rámci platformy vytváří konzistenci na vyšší úrovni.

Úspěšný návrhový jazyk:

Zaměření: Umožněte projektantovi jasně se zaměřit na projekt, který je po ruce, a spíše na to, aby byl odkloněn jiným rozptýlením.
Jasnost: Umožněte projektantovi jasně přemýšlet o našich konstrukčních přesvědčeních, stejně jako o konstrukčních omezeních, která jsou platná v celé platformě.
Důvěra: umožněte návrháři mít úplnou důvěru v to, co navrhuje, a že je v souladu s ostatními v týmu.
Konzistence: Vytvářejte konzistenci v rámci produktu, což zase vytvoří bezpečné a známé zkušenosti v celé platformě.
Efektivita: vytvářet porozumění napříč týmy, což znamená, že méně časově náročné se soustředí na méně důležité detaily.

V zásadě, pokud jsou vaši návrháři zaměřeni a rozumí designovému jazyku, poskytne jim důvěru, což podnikům pomůže na vyšší úrovni, neboť vytvoří konzistenci a efektivitu.

Budování základů

Principy návrhu

S pevnými principy návrhu, které celý tým přispěl, zajišťuje, že všichni dodržujeme stejné metodiky a vzory jako tým. Každý člen týmu by měl být v souladu s konceptem, který prosazujeme, a měl by být schopen odkazovat na zásady návrhu proti jakémukoli projektu, na kterém právě pracuje.

Tón hlasu

Je důležité, abychom vytvořili konzistentní hlas pro náš produkt. Každý návrhář (nebo kdo je zapojen) by si měl být vědom toho, jaký přístup potřebuje při psaní obsahu. Konzistentní obsah je velkou částí vytváření konzistentní uživatelské zkušenosti a všichni návrháři by se měli snažit odpovídajícím způsobem sladit veškerý obsah.

Jak spolupracujeme jako tým? Je důležité, aby všichni táhli stejným směrem a všichni souhlasí s tím, že zvolené hodnoty jsou důležité pro vytvoření šťastného pracovního prostředí.

Existuje samozřejmě mnohem více prvků, které můžete vytvořit, abyste vytvořili základní základnu pro vaši designovou identitu. To je jen špička ledovce. Každá společnost je odlišná, takže se můžete na ní rozšiřovat, stejně jako máte pocit, že je správné vysvětlit metodiky svého přístupu.

Vizuální identita

Vytvoření vizuální identity není něco, co bude vytvořeno přes noc. Trvá to čas. Někdy je tak jasné, jako den, co je potřeba, jindy to zabere čas na to, aby stavební bloky padly na místo. Jakmile je na místě, je důležité, aby byly základy zachyceny a dokumentovány na vysoké úrovni. Různé použití barvy, typografie a stylu ikonografie je klíčem k vytvoření konzistence napříč platformou.

Barvy: Jaká je barevná paleta použitá na platformě? Vysvětlete, kde a proč používáme určité barvy.
Typografie: Jaký typ písma se používá na plošině? Shrnuje pravidla týkající se vážení, velikosti, vertikálního vyrovnání atd.?
Ikonografie: Jaký je obecný styl ikon? Vysvětlí to racionální, proč máme specifické styly pro různé rodiny ikon.
Mřížka / rozvržení: Jaký systém mřížky se používá na platformě? Vysvětlete použití mřížky a idealizmus na vysoké úrovni našich rozvržení.
Interakce: Co lidé očekávají při interakci s našimi stránkami? Uveďte přehled našich standardních interakcí.
Animace: Jak přistupujeme k animacím? Vysvětlete důvody pro animace na platformě a naše omezení týkající se jejich používání.
Zdroje návrhu: Centrální bod pro snadné stahování aktiv pro externí partnery. Barevné vzorníky, loga, sady ikon apod.

Další kroky

Pravděpodobně si plně uvědomujete, jak důležitý je designový jazyk ve vaší platformě, ale říkáte si, "kde mám začít?". Tento článek je velmi vysoký. Vytvoření designového jazyka jde daleko, daleko hlubší než to, co jsem zjistil výše. Vytvoření průvodce stylu a následně vývoj knihovny komponent je vývojem konstrukčního systému.

Takže zde je proces, který jsem dělal dohromady, který vám pomůže zaměřit se přesně na to, co je zapotřebí, abyste získali míč:

Proveďte audit zásob UI

Předtím, než začnete něco, je nejlepší zjistit, jak nekonzistentní je aktuální stavba. To funguje dvěma způsoby. Pomáhá identifikovat důvod, proč to děláte, abyste zjistili, jak je všechno nekonzistentní, ale mělo by vám pomoci získat podporu podnikání, proč právě vytváříte návrhový systém; vytvořit konzistenci napříč platformou. Brad Frost má dohromady skvělý článek kolem toho, jak jdete o auditu uživatelského rozhraní.

Příklad auditu UI

Upřednostněte prvky uživatelského rozhraní

Jsem si jist, že každý návrhářský tým má různé priority, pokud jde o to, co považuje za zásadní pro vytvoření konzistence, ale obecně jsou zde některé prvky, které jsou zásadní pro vytváření základů. Líbí se vám barvy, typografie a ikonografie, je skvělé místo pro začátek. Úzce spolupracujte s projekčním a vývojovým týmem, abyste vytvořili seznam priorit založený na vašem auditu uživatelského rozhraní, který by měl v dohledné budoucnosti vést vaši cestovní mapu.

Nalezl jsem používání a Trello jako způsob, jak udržovat seznam priorit aktuálně, je skvělý způsob práce. Umožňuje: a) vytvořit si seznam a nastavit položky podle priority priority, tj. Co nejdříve řešíte a b) umožňuje přesně sledovat, jak dalece jste s každou komponentou.

Příklad desky Trello dokumentující přechod komponenty v cyklu

Zahajte diskusi s týmem návrhářů

Takže nyní, když jste přesně určili, co se chystáte vypořádat s prioritním seznamem, je čas se posadit s projekčním týmem, abyste získali veškeré nápady a názory kolem prvních potřebných komponent. Existují různé přístupy který vlastní návrh systému projektů , ale pro tento příklad se chystám vzít na vědomí, že existuje jediný návrhář, který má na starosti projekt.

To znamená, že je na vás, abyste diskutovali o všech aspektech komponent s designéry, kteří budou včas používat návrhový jazyk. To je nesmírně důležité, aby návrháři měli pocit, jako by měli vstup do toho, co se vytváří.

Dokumentujte všechny instance

Je čas začít rozhodovat. Dokumentujte, co vytváříte, a ujistěte se, že zajišťujete všechny potřebné instance. Je důležité, aby to, co vytváříte, nebylo subjektivní. Musíte mít důvod k tomu, proč děláte tato rozhodnutí, protože vám umožní vysvětlit vaše rozhodnutí konstruktérskému týmu.

Příklad použití barev.

Zjistěte, zda to funguje

Dalším krokem je vyzkoušet vaše rozhodnutí. Rozhodování na papíře je velmi snadné, ale když je uvedete do praxe, mohlo by se ukázat, že některé rozhodnutí prostě nefungují. Vyzkoušejte některé příklady nového stylu pomocí aktuálních návrhů.

Zamkněte to

Jakmile jste spokojeni s výsledkem a vy máte buy-in od všech stran, je čas zamknout a vychovávat zbytek týmu, jak a proč tyto prvky mají být použity. Je důležité si uvědomit, že ačkoli uzamknete styling, pokud máte pocit, že určité prvky nefungují, můžete je změnit, pokud je to nutné.

Přejděte na další prvek

Jakmile jste vychovávali tým a jste spokojeni s vědomím, že projektanti respektují vaše rozhodnutí, je čas přejít na další skupinu prvků. Záleží jen na vás, kolik prvků budete mít současně, ale nikdy byste neměli příliš kousat. Bude vás jen odvádět od skutečného zaměření na menší detaily. Moje výchozí přednost by byla: barvy, typografie, ikony, vstupní pole, tabulky, seznamy.

Jakmile jsou všichni obeznámeni s tím, co je nový styl, je důležité, aby všichni návrháři a vývojáři prováděli styly správně.

Týdenní check-iny jsou nezbytné pro sledování výběru stylů, aby se zajistilo, že každý pracuje na stejných rozhodnutích. Používání produktů, jako je Řemeslo Invision opravdu pomáhá přinést konzistenci při pohybu vpřed.

Jak hodnotit úspěch

Jazyk návrhu není úspěchem, dokud společnost nepoužije a nenalezne hodnotu.

Příklady návrhových jazyků

Také zde je případová studie, kterou jsem vytvořil pro nedávnou revizi návrhu, kterou jsem se zabývala: https://www.behance.net/gallery/34224289/Ryanair-Design-Centre

Největší existenční hrozba pro každý systém je zanedbávání

Alex Schleifer, viceprezident společnosti Airbnb

[- Tento článek byl původně publikováno na médiu . -]

webový design produktivitu návrhu designový jazyk designový systém návrhový systémový jazyk jak vytvořit návrhový jazyk

Vytvoření jazyka systémového designu