Hvordan komme i gang og lykkes med et designsystem?

Et designsystem er et verktøy for å skape kontinuitet, effektivitet og bedre brukeropplevelser på tvers av digitale løsninger. Det sikrer en helhetlig visuell identitet og en enhetlig brukeropplevelse. Men hvordan kommer du i gang, og hva skal til for å lykkes

Martin Hauge

Trykk på taggene for å lese mer om hvor og hvordan vi benytter samme fag og teknologi


Et designsystem består vanligvis av en samling designprinsipper, UI-komponenter, fargepaletter, typografi, ikoner og kodebiblioteker, sammen med retningslinjer for hvordan disse skal anvendes. Et godt designsystem gjør at brukerne raskt forstår hvordan de skal navigere og benytte seg av nye løsninger, da de bygger på etablerte interaksjonsmønstre. I tillegg legger et designsystem til rette for sømløst samarbeid mellom designere og utviklere, noe som øker effektiviteten og reduserer behovet for manuelle tilpasninger. 

Her er 10 konkrete tips for deg som skal i gang: 

 1. Definer formålet og målene 
Før dere starter, avklar hvorfor dere trenger et designsystem og hvilke problemer det skal løse. Skal det bidra til økt effektivitet, bedre samarbeid eller forbedret designkvalitet? 
Når dere skal etablere et designsystem, finnes det tre hovedtilnærminger: 

  • Ta i bruk et eksisterende designsystem: Bruke et ferdig utviklet system som kan implementeres direkte. 

  • Tilpasse et eksisterende designsystem: Ta utgangspunkt i et eksisterende system og modifisere det etter egne behov. 

  • Bygge et eget designsystem fra bunnen av: Utvikle et unikt system helt fra grunnen, noe som gir full kontroll, men krever mer tid og ressurser. 

 
2. Få med ledelsen og nøkkelpersoner tidlig 
For å sikre forankring er det viktig å få støtte fra både designere, utviklere og ledelsen. Vis hvilke gevinster et designsystem kan gi – både økonomisk og kvalitetsmessig. 
 
3. Start smått og bygg gradvis 
Det kan være overveldende å bygge et fullverdig designsystem fra dag en. Start med det viktigste, for eksempel et UI-bibliotek med grunnleggende komponenter, og bygg videre over tid. 
 
4. Kartlegg eksisterende design og kode 
Mange har allerede en form for system i bruk. Gå gjennom eksisterende designspråk, komponenter og kode for å identifisere hva som kan gjenbrukes. 
 
5. Samarbeid på tvers av team 
Et designsystem er ikke et prosjekt for bare designere – det krever tett samarbeid mellom designere, utviklere, innholdsprodusenter og andre relevante team.

Vanlige utfordringer og hvordan møte dem

Selv om designsystemer gir mange fordeler, følger det også utfordringer. Ved å forstå disse på forhånd, er dere bedre rustet til å lykkes: 

  • Kontinuerlig vedlikehold: Et designsystem trenger kontinuerlig oppfølging og ressurser for å holde seg relevant og unngå stagnasjon. 

  • Langsiktige gevinster: Effekten viser seg ofte først over tid. Vær tydelig på verdien overfor ledelsen, spesielt når systemet konkurrerer med andre prioriterte oppgaver. 

  • Kulturendring og ressursfordeling: Et designsystem krever kulturelle endringer og tydelige rolleavklaringer. Bruk engasjerte støttespillere som kan bidra til å tilgjengeliggjøre systemet og sørge for god ressursutnyttelse. 

Med en stegvis tilnærming og fokus på samarbeid og brukervennlighet kan dere bygge et designsystem som gir verdi for organisasjonen og brukerne. Lykke til! 

6. Gjør det enkelt å bruke 
Et designsystem som er vanskelig å forstå eller implementere blir ikke brukt. Det må være enkelt for brukerne å finne det de trenger til enhver tid. Lag god dokumentasjon, intuitive retningslinjer og praktiske eksempler på bruk, slik at alle som jobber med systemet kan navigere og bruke det effektivt. 
 
7. Bruk riktige verktøy 
Verktøy som Figma, Storybook, ZeroHeight og Notion kan hjelpe dere med å strukturere og kommunisere designsystemet effektivt. 
 
8. Etabler eierskap og vedlikeholdsrutiner 
Hvem har ansvaret for å vedlikeholde og videreutvikle systemet? Definer klare roller og prosesser for endringer, vedlikehold og veiledning. 
 
9. Kommuniser verdien 
Et designsystem blir først verdifullt når det blir brukt. Demonstrer hvordan det skaper praktisk verdi gjennom eksempler, workshops og nyhetsbrev. 
 
10. Evaluer og forbedre kontinuerlig 
Et designsystem er en levende organisme. Samle inn tilbakemeldinger, mål effekten og juster underveis for å sikre at det forblir relevant og nyttig. 

Kontakt oss!

Kjersti Bliksås Winsnes
Avdelingsleder
Astrid Løvøy Siem
Avdelingsleder

Les flere historier og prosjekter!