
Material Design je voľne dostupný dizajn systém z dielne Google, pomocou ktorého vznikajú používateľsky vyladené produkty. Zdroj: https://m3.material.io/
Čo je dizajn systém v praxi a ako ovplyvňuje UX?
Dizajn systémy v sebe zahŕňajú tri úrovne:
- princípy (farby, typografia, tonalita, štýl prvkov),
- komponenty (predpripravené vizuálne prvky, niektoré s už naprogramovaným správaním),
- a dokumentáciu (detailné informácie o komponentoch aj o tom, ako ich správne i nesprávne používať).
Ich prepojením vzniká sada, pomocou ktorej sa vytvára používateľské rozhranie (UI – user interface) alebo iná, vizuálna časť produktu. V rámci neho osoba interaguje so systémom. Napríklad návštevník webu, používateľ aplikácie alebo pokojne aj obyvateľ mesta využívajúci hromadnú dopravu.
Na základe interakcie s produktom nadobúda návštevník webu (alebo cestujúci v metre) určité dojmy, inak povedané používateľskú skúsenosť (UX – user experience). Tá môže byť pozitívna (na webe ľahko vyrieši svoj problém alebo dopyt, jeho cesta metrom je bezproblémová a pod.) alebo negatívna, kde je predpokladom napríklad odchod ku konkurencii alebo využitie inej formy dopravy.
5 dôvodov, prečo mať dizajn systém
Existuje niekoľko možností, v akom rozsahu dizajn systém vytvárať alebo prispôsobiť takzvaný otvorený dizajn systém (voľne dostupný systém, v rámci ktorého si prispôsobíte štýl, typografiu a pod.). V ui42 máme za sebou úspešnú tvorbu komplet nových dizajn systémov (klient Asseco), rozšírenie existujúcich alebo implementáciu externých dizajn systémov v kombinácii s vytváraním nových prvkov na mieru (klient Essential Data). Aké benefity našim klientom prinášajú?
Dizajn systém vytvára konzistentnosť
Vďaka dizajn systému pôsobí produkt, značka či spoločnosť jednotne. A to aj naprieč rôznymi kanálmi (viď príklad vyššie). Zákazník sa tak dokáže jednoduchšie stotožniť so známymi prvkami a vnímať brand práve vďaka rozpoznávaniu prvkov. Konzistentnosť v rôznych prostrediach (web, aplikácia a pod.) pomáha zákazníkovi zorientovať sa a pohybovať sa v známom prostredí intuitívne, čo prispieva k lepšej zákazníckej skúsenosti.

Znásobte konverzný pomer na e-shope vďaka AI (Andrej Kajan, ui42)
Efektívnejšie procesy vďaka dizajn systému
S dizajn systémom sa veľké množstvo procesov rieši efektívnejšie. Príkladom je tvorba webstránky, propagačných tlačovín, nadizajnovanie kamennej predajne a podobne. Ak sa napríklad každý vizuál opiera o rovnaký základ, kde je presne definovaný každý prvok, šetrí to obvyklý čas venovaný grafickým návrhom. Obdobne je to aj v online. Prvok, ktorý má presne zadefinované parametre a dokonca aj správanie sa či vzájomné vzťahy, odbremeňuje dizajnéra webstránky, ktorý by inak riešil návrh od piky. Vzniká tak priestor pre iné dôležité úlohy a zvyšuje sa produktivita.
Jednoduchšia aktualizácia
S bodom vyššie súvisí aj to, ako efektívne sa riešia zmeny alebo aktualizácie v jednotlivých prostrediach, platformách alebo vizuáloch. Ak fungujú v rámci dizajn systému a sú implementované správne, postačí zmena na jednom mieste, ktorá sa prejaví všade, kde je potrebné.
Dizajn systém rastie spolu s vami
Dizajn systém nie je uzatvorený. Ak potrebuje značka alebo produkt rásť, prirodzene vznikajú nové prvky, ktoré vytvárajú stále väčšiu množinu. Nové časti, funkcionalita alebo komponenty, ktoré vychádzajú z rovnakého základu, sa dokonca jednoduchšie implementujú a taktiež vnímajú v smere od zákazníka.
Vďaka dizajn systému je spolupráca jednoduchšia
Na tvorbe prostredí, či už digitálnych alebo fyzických, sa podieľa veľké množstvo vývojárov, odborníkov a taktiež tých, ktorí s nimi napokon pracujú. Ak prostredie vzniká na základe dizajn systému, o ktorom vedia všetci zúčastnení, výsledkom je efektívnejšia spolupráca (napríklad medzi webdizajnérom, programátorom, marketérom či dokonca aj externými pracovníkmi) bez zbytočnej straty času a zvýšených nákladov.
Výhody dizajn systému sú neodškriepiteľné. Ak chcete aj vy pracovať efektívnejšie, vystupovať konzistentne a zlepšiť zákaznícku skúsenosť, ktorá vedie k väčšiemu počtu nákupov a objednávok, začnite správne už od začiatku – kvalitným dizajn systémom.