Hvad er et design system?

Et design system er samling af genbrugelige elementer eller principper. Jeg vil anskueliggøre det her i indlægget. Dette indlæg er specielt henvendt til design af et website eller en webshop, men omskriv det lidt og systemet vil også egne sig til fx trykt  POS-materiale.
tim henning design system token
Token
tim henning design system element
Element
tim henning design system pattern
Pattern
tim henning design system template
Template

Lad mig gennemgå de fire steps for dig.

Token


Forskellige tokens (tegn eller symboler) lad os kalde dem enheder. Det kan være farve, ikoner, typografi, former etc., disse er grundstammen i vores design.


Element


Et element kunne være en tekst boks, en knap eller lignende. Hvis vi tager udgangspunkt i en knap, så vil den indeholde følgende ‘tokens’ farve, typografi og et ikon.

Pattern

Et mønster, der indeholder både token og element. Dette kan fx være en CTA boks på din hjemmeside eller webshop.

Template

Samler man token, element og pattern, så får man en template (skabelon), der kan bruges igen og igen på hjemmesiden.

Hvad kan man så bruge et design system til?

  • Et design system kan bruges på tværs af platforme som fx iOS, Android og andre digitale kanaler.

  • Rettelser tager kortere tid at eksekvere.

  • Det er hurtigere at integrere indhold, så UX designeren hurtigt kan bedømme sitet.

  • Hele marketing gruppen kan hurtigt danne sig et indtryk af sitet i forhold til insights.

  • Et design system mindsker kaos.

  • Det er nemt at overdrage en opgave.

Har du brug for en ny hjemmeside eller en webshop. Så tag kontakt og lad os drøfte muligheder.

Ny hjemmeside eller webshop?