Branding
Design system
Design system je knižnica hotových prvkov rozhrania spolu s pravidlami ich použitia, aby web a aplikácia vyzerali a fungovali rovnako. Od brand manuálu sa líši tým, že sa nepozerá, ale používa: sú v ňom komponenty, ktoré vývojár priamo vloží.
Čo to znamená v praxi
Obsahuje tlačidlá, formuláre, karty, upozornenia a stavy, v ktorých sa môžu nachádzať, plus definované odstupy, veľkosti písma a farby ako premenné. Existuje dvakrát: ako knižnica v návrhovom nástroji pre dizajnéra a ako komponenty v kóde pre vývojára. Keď tie dve časti nesedia, systém prestáva fungovať a stáva sa z neho galéria. Prvá verzia pre bežný firemný web vznikne za dva až tri týždne.
Prečo sa oplatí až od istej veľkosti: na päťstránkovom webe je to zbytočná réžia. Keď má firma web, e-shop, zákaznícku zónu a mobilnú aplikáciu, začne sa oplácať, lebo nová stránka vznikne skladaním namiesto navrhovania. Zmena hlavnej farby je potom úprava na jednom mieste namiesto štyroch projektov. Rovnako sa zrýchli nástup nového dodávateľa, ktorý nemusí hádať, ako má vyzerať tlačidlo.
Ako sa k nemu dostať: nezačína sa od nuly, ale inventúrou. Vyexportujte si všetky tlačidlá a formuláre, ktoré na weboch máte. Zvyčajne ich je dvadsať a dva sa naozaj líšia. Zvyšok sa zjednotí a to je základ systému. Potom sa doplnia pravidlá pre stavy, na ktoré sa zabúda: čo vidí človek pri chybe, pri načítavaní a keď je zoznam prázdny.
Kde sa to kazí: systém postavený dopredu na všetko, čo by firma raz mohla potrebovať. Vznikne knižnica sto komponentov, z ktorých sa používa pätnásť, a nikto ju neudržiava. Druhá chyba je systém bez vlastníka. Keď zaň nikto nezodpovedá, po pol roku si každý projekt spraví vlastnú výnimku a ste tam, kde ste boli.
U nás sa nový komponent pridáva až vtedy, keď ho treba tretíkrát. Dvakrát je náhoda, tretíkrát je vzor. Skúste si to dnes: pozrite sa na svoj web a spočítajte, koľko rôznych tlačidiel na ňom máte.