– men det skjer ikke over natten.*
Å bygge et solid og skalerbart designsystem er en investering. Det krever tid, ressurser og en innsats som kanskje kan virke unødvendig når teamene trenger løsninger her og nå. Det kan være fristende å quick-fixe det lokalt i hvert enkelt produktteam. Men over tid vil kostnadene ved slike ad-hoc-løsninger blir langt høyere enn kostnaden ved å gjøre jobben skikkelig én gang.
Det har en oppstartskostnad å etablere et designsystem, men når man først har etablert et designsystem med godt dokumenterte komponenter og gjenbrukbare mønstre, vil vedlikeholdet bli enklere, onboarding av nye medarbeidere går raskere og mer sømløst, og ikke minst: design og kode kan gjenbrukes på tvers av plattformer og eventuelt merkevarer i selskapet.
La oss se på et konkret eksempel på hva utvikling av én komponent kan koste - og ha i bakhodet at dette eksempelet er veldig teoretisk, men likevel fint å sette litt kontekst på hva man faktisk kan spare ved å etablere et designsystem.
La oss si at det tar hvertfall 10 timer å lage en knappekomponent i et designsystem. Det kan høres mye ut – men det handler ikke bare om å designe hvordan knappen ser ut, visuelt. Det handler også om å tenke gjennom og definere alle mulige tilstander: hvordan oppfører den seg når du klikker på den, når den laster, når den validerer, når den er deaktivert, i ulike størrelser, på ulike skjermer, mørk og lys modus, tekstskalering og andre tilgjengelighetskrav. Alt dette må så utvikles i kode og testes og dokumenteres.
Et team som lager en knapp lokalt, vil kanskje slippe unna med mindre innsats i tiden det krever å lage denne komponenten fordi kravene til dokumentasjon, skalerbarhet og kvalitet ofte er lavere. Det kan virke mer effektivt der og da.
Men hva skjer når flere team gjør det samme?
Hvis man skalerer dette regnestykket opp uten noe som helst gjenbruk av komponenter, så vil man se tydelig hvilken gevinst et designsystem har:
Å lage én knapp i én løsning koster rundt 10 500 kr. Det kan virke mer gunstig her og nå, enn å bruke de ekstra timene det tar å bygge den i et designsystem.
Men hvis fem team lager sin egen versjon av knappen, snakker vi fort over 50 000 kroner – på å løse akkurat det samme behovet, fem forskjellige måter.
Og i verste fall, som vi ser nederst her, kan det bli enda mer ekstremt hvis 10 team lager 10 varianter hver – da har vi plutselig brukt over én million bare på knappen.
Og knappen er bare én av 40–50 kjernekomponenter som gjerne inngår i et designsystem. Ganger du dette opp, blir det tydelig hvilken gevinst som ligger i å bygge smart, én gang – og gjenbruke det.