Dizajnové systémy: všetko, čo potrebujete vedieť

Strana 1 z 2: Dizajnové systémy: Všetko, čo potrebujete vedieť

Každý, kto pracuje v digitálnom dizajne, už určite počul výraz „dizajnové systémy“; možno si nie ste istí, čo to znamená. V takom prípade sme tu, aby sme pomohli.

V tomto článku presne definujeme, čo je návrhový systém, dôvody jeho použitia, spôsob jeho vytvorenia a nástroje, ktoré sa vám budú hodiť. Na strane 2 nájdete hlboký ponor do histórie webu a zistíte, odkiaľ pochádzajú dizajnérske systémy.

Čo je to návrhový systém?

Dizajnový systém je jediný zdroj pravdy, ktorý dizajnéri a vývojári spoločne vytvárajú, referencujú a rozvíjajú. Je to matica pravidiel pozostávajúca z knižnice symbolov - písma, ikony, farby, tvary, mriežky, animácie, tón hlasu a ďalšie -, ktoré majú rôzne významy určené ich funkciou a hierarchickým významom.



Je to v podstate živý organizmus zložený z prvkov, ktoré sa vyvíjajú od splnenia už existujúcich požiadaviek k novo definovaným, pretože produkt rastie v zložitosti. Tieto prvky sú preložené do vývojových komponentov, ktoré je možné vyzdvihnúť a okamžite použiť v živom prostredí.

Kto definuje návrhový systém?

Dizajnéri a vývojári úzko spolupracujú s agilným prístupom k stanoveniu pravidiel návrhového systému. Dizajnéri definujú všetky aspekty vizuálnej komunikácie - používateľské rozhranie, branding a používateľskú skúsenosť - pri spolupráci s vývojármi transformujú tieto vlastnosti na kódované komponenty ich dôsledným opakovaním, až kým nebudú technicky a štylisticky fungovať sebestačne.

Prečo mať dizajnový systém?

Aj keď je návrhový systém základnou požiadavkou pre všetky digitálne produkty v mierke, jeho jadrom sú princípy, ktoré sa uplatňujú pri akejkoľvek dizajnérskej práci. Najdôležitejším aspektom je zavedenie súboru pravidiel, ktoré pri opakovanom opakovaní dôsledne vracajú rovnaké princípy.

Rovnakym sposobom responzívny webdizajn sa považuje za modulárny prístup v zmysle toho, ako sa bloky obsahu správajú na webovej stránke v rôznych výrezoch, systém návrhu sleduje atómový prístup tým, že sa zameriava na každý konkrétny prvok, ktorý definuje vlastnosti komponentu.

Účelom nastavenia systému je mať knižnicu vyskúšaných a otestovaných komponentov, ktoré je možné konzistentne opakovane používať a dá sa od nich očakávať, že budú vždy fungovať pri všetkých dimenziách produktu - štýle, značke, správaní, funkcii a dodaní. Najväčšou výhodou dizajnového systému je schopnosť efektívne prototypovať a symbioticky iterovať dizajn aj kód na ceste k vysoko kvalitnému produktu.

Ako vyviniem systém návrhu?

Poďme sa teraz pozrieť na kroky, ktoré by ste mohli podniknúť pri zostavení návrhového systému pre projekt digitálneho produktu.

01. Vytvorte jasnú víziu produktu

Najskôr musíte mať jasnú predstavu o produkte, ktorý vyvíjate. Tu je potrebné zvážiť niekoľko základných otázok:

Čo to robí?

  • Aký je účel vášho produktu?
  • Aké sú požiadavky na tento výrobok?
  • Aký druh funkcie bude produkt potrebovať, aby mohol fungovať?

Pre koho to je?

7 štetcov série Winsor a Newton
  • Kto je publikom pre tento produkt?
  • Máte nejaké otázky, ktoré by mohli ovplyvniť spôsob prijatia produktu?
  • Prečo bude používateľ interagovať s týmto produktom? Čím je jedinečný?
  • Je používateľ oboznámený s podobnými výrobkami?
  • Reaguje produkt na zistenú potrebu alebo vytvára nový?
  • Rieši to prístupnosť?

Kde to bude žiť?

  • Je tento produkt webová stránka? Webová aplikácia? Aplikácia? Niečo iné?
  • Je to agnostické zariadenie?

Malo by to priniesť rovnaké skúsenosti naprieč platformami alebo sa zamerať na konkrétne mikrozážitky v konkrétnych kontextoch?

Účelom návrhového systému je znížiť zložitosť vývoja pri riešení známych problémov, ako aj pri identifikácii nových počas fázy koncepcie. Je dôležité definovať mapovanie produktu na začiatku procesu, pretože to pomôže rozpoznať možné zdržania, ktorým sa dá vo fáze prototypu zabrániť.

02. Vypracujte svoj plán útoku

Po druhé, budete musieť posúdiť najlepší prístup. Ak pracujete na novom produkte, pravdepodobne začnete s MVP (minimálny životaschopný produkt), kde sa bude pozornosť venovať overovaniu funkčnosti a získavaniu spätnej väzby od používateľov. V týchto prípadoch má zmysel použiť existujúce sady používateľského rozhrania zo zavedených platforiem, ako sú napr Materiálne používateľské rozhranie spoločnosti Google alebo Súprava používateľského rozhrania spoločnosti Apple .

Materiálne používateľské rozhranie spoločnosti Google

Materiálové používateľské rozhranie spoločnosti Google mení vývoj produktov vďaka dôkladnému grafickému prieskumu a otvorenému zdrojovému kódu

Ak ste za fázou MVP alebo vytvárate úplne od začiatku systém návrhu, vaše mapovanie produktu - ktoré by malo obsahovať kľúčové aspekty, ako je informačná architektúra, mapa webu a cesty používateľov - vás bude informovať, ktoré základné funkcie je potrebné vyriešiť ako prvé.

Ak je napríklad váš produkt aplikáciou elektronického obchodu, aké prvky musíte mať počas celej cesty používateľa, aby ste mohli uskutočniť nákup - od domovskej stránky až po stránku produktu, platbu a potvrdenie objednávky? Je to vertikálna alebo horizontálna navigácia? Ako vyzerajú výzvy na akciu (CTA): sú to ikony, iba text, majú farebné pozadie? Aké pomery obrázkov uvažujete: portrét, štvorec, krajina?

Adresovaním vlastností každého prvku pomocou hierarchickej funkcionality budete môcť položiť pevné základy pre postupné vydania používateľského rozhrania, čím sa vytvorí konzistentne spoľahlivý systém.

03. Vyberte si správne náradie

Po tretie, vývoj produktu by mal byť vždy inkluzívnym procesom, ktorý závisí od všetkých zúčastnených strán: dizajnérov, vývojárov, vlastníkov produktov, klientov a používateľov. Spoločne títo jedinci vytvárajú ekosystém, testovaciu plochu, ktorá bude formovať systém návrhu počas celej cesty k dodaniu konečného produktu.

Pretože pokrok je potrebné zdieľať a niekedy na ňom pracovať v reálnom čase, je dôležité zvoliť nástroje, ktoré najlepšie vyhovujú vášmu pracovnému postupu. Našťastie sme dosť rozmaznaní, pokiaľ ide o výber návrhové a prototypové nástroje .

Vývoj systému dizajnu je prístup založený na spolupráci, ktorý sa opiera o zásady tímovej práce a transparentnosti. Je to záväzok medzi tímami, ktoré sú ochotné robiť chyby a učiť sa od nich, objavovať nové spôsoby, ako robiť veci, inovovať spoločne a všetko v jednom, len dostať kop za dobre vykonanú prácu, pretože produkt funguje a prekračuje očakávania. Čo je najlepší pocit na svete.

Ďalšia strana: história dizajnových systémov

  • 1
  • dva

Aktuálna stránka: Dizajnové systémy: Všetko, čo potrebujete vedieť

Ďalšia strana História dizajnových systémov