La oss si at du nå har fått det godt forankret at dere skal komme i gang med et designsystem hos kunden. Men hvor starter du egentlig, og hvordan unngår man å gape over for mye?

Tenk på designsystemet som et produkt

Et designsystem er ikke et prosjekt med en sluttdato, men et levende produkt som må vedlikeholdes og videreutvikles over tid på samme måte som et hvilket som helst produkt et team jobber med. Forskjellen er at produktet er laget for interne brukere – designere og utviklere – men kravene til kvalitet, funksjonalitet og brukeropplevelse gjelder like fullt.

For at designsystemet skal skape verdi over tid, må det behandles som ethvert annet digitalt produkt.

Start i det små — tenk MVP

Det er lett å la seg rive med når man ser andre designsystemer som har et nærmest uendelig antall komponenter som dekker alle mulige behov, men når en skal starte arbeidet med et designsystem så er det beste å starte i det små. Tenk MVP og start med det minste, og det som dekker de mest grunnleggende behovene.

Målet er ikke et komplett system fra første stund, men et godt utgangspunkt som kan vokse over tid. Prioriter det som skaper verdi raskt.

Hva er det første og mest elementære et designsystem bør inneholde?

Første steg i å bygge et designsystem er å definere målet og omfanget basert på organisasjonens behov. Kartlegg følgende:

Alle designsystemer er unike, og det finnes ingen universell oppskrift. Derfor er det viktig å starte med å tegne opp målbildet: hvordan skal sluttresultatet se ut, og hvilke behov må dekkes for å komme dit? Med dette som utgangspunkt kan man bygge bakover og ta informerte valg underveis.

Et godt startpunkt er det visuelle formspråket – merkevarens personlighet og uttrykk. Dette legger grunnlaget for både tokens, komponenter og bruksmønstre. Dersom du starter helt fra bunnen, bør du først tydeliggjøre selskapets verdier, visjon, posisjon og tone of voice før du definerer fargepalett, typografi, komponenter og grafiske elementer.

Har organisasjonen allerede en etablert identitet, bør man vurdere i hvilken grad den kan overføres til digitale flater. I mange tilfeller kan man med noen justeringer bygge komponenter som ivaretar både merkevaren og brukeropplevelsen.

Sørg også for å lage grunnleggende styling – som farger, typografi og spacing – som enkelt kan appliseres på komponenter, og begynn å kartlegge hvilke behov designerne og utviklerne faktisk har. Det gir et konkret grunnlag for hvilke komponenter som bør prioriteres i første versjon.

Steg 1: Ta valg!

Du må starte med det vanskeligste: å ta valg. Og det er ganske mange valg du må ta før du kan starte den faktiske byggingen av et designsystem: