Første versjon av Designsystemet er klar!

V1 er resultatet av en lang og lærerik reise gjennom to år. Underveis har vi gjort store endringer, og midt i prosessen har vi blitt et mer tverretatlig team, der Digdir, Mattilsynet, Udir og Brønnøysundregistrene har jobbet tett sammen om utviklingen. Sammen har vi snudd retning, tilpasset oss nye innsikter og jobbet oss frem til det som nå blir den første versjonen av Designsystemet.

Hva innebærer V1?

På et tidspunkt låste vi versjon 0.63, i forbindelse med større endringer som skulle gjøres i den underliggende tokenstrukturen. Etter dette har vi rullet ut flere "Release Candidates" for V1, og har nå endt opp på det som blir den første versjonen av Designsystemet.

Versjon 1.0.0 inneholder flere forbedringer og nye funksjoner:

• Forbedret tilgjengelighet: Alle komponenter er utviklet med fokus på universell utforming, og vi har gjort grundige vurderinger for å sikre at de er tilgjengelige. Vi legger oss tett opp til native HTML der det er mulig, slik at komponentene fungerer intuitivt med skjermlesere, tastaturnavigasjon og andre hjelpeteknologier uten ekstra tilpasninger.
• Mer fleksible designtokens: Vi har innført en mer robust token-struktur som gjør det enklere å tilpasse farger, typografi og dimensjoner til ulike behov.
• Bedre integrasjon uten React: For å sikre bredere anvendelse har vi gjort komponentene lettere å bruke i forskjellige teknologiske rammeverk.
• Nye og forbedrede komponenter: Basert på tilbakemeldinger fra brukere, har vi forbedret flere komponenter for å øke brukervennligheten og sikre et helhetlig komponent-API.
• Bedre dokumentasjon: Vi har oppdatert dokumentasjonen for å gjøre det enklere for utviklere og designere å komme i gang og forstå hvordan de kan utnytte systemet best mulig.

Hva betyr dette for deg som bruker?

Lanseringen av V1 betyr at du nå har tilgang til et mer modent og stabilt designsystem som gir deg:

• Enklere implementering i dine løsninger.
• En stabil versjon med færre større endringer, noe som gir økt forutsigbarhet.
• En gjennomarbeidet token-struktur som gir større fleksibilitet og kontroll. Og som sikrer at det er de samme verdiene vi jobber med i design og kode. Mange har ikke denne koblingen mellom design og kode i dag, det kan de nå få!
• Enklere tilpasning av Designsystemets komponenter til egen profil og preferanser. --> Sett opp ditt eget tema.
• Økt tilgjengelighet på tvers av digitale tjenester.
• Mulighet for å bidra og samarbeide med et økende fellesskap av designere og utviklere.

Overgangen fra beta til V1

For de som allerede har tatt i bruk beta-versjonen av Designsystemet i React, har vi utarbeidet en veiledning for å hjelpe deg med å oppdatere fra v0.63 til v1.0.0 på en smidig måte.

--> Migration-guide

Vær oppmerksom på at dersom du har gjort manuelle overstyringer i dine løsninger, må du selv sørge for at disse oversettes til den nye versjonen av design tokens.

Veien videre

Selv om vi nå lanserer V1, er det fortsatt områder vi utforsker videre. Det vil for eksempel komme oppdateringer fremover som finjusterer fargebalansen og brukeropplevelsen i mørk modus. Vi vil fortsette å samle inn tilbakemeldinger, utbedre dokumentasjonen, forbedre funksjonalitet og legge til nye komponenter basert på de grunnleggende behovene som går igjen på tvers. Vi kommer også til å tilby Web Components for noen av komponentene etter hvert slik at de kan brukes med både Svelte, Vue, Angular, og andre teknologier.

Vi kommer til å fortsette med åpne månedlige demoer som vi har hatt de siste to årene. Vi ser det har vært veldig verdifullt å jobbe åpent fra starten. Det har gjort at vi har fått tilbakemeldinger tidlig og kunne tilpasset oss reelle behov. Den åpne tilnærmingen har gitt oss verdifull innsikt fra et bredt spekter av testere og brukere, og vi opplever at jo flere som bidrar, desto sterkere blir grunnlaget og kvaliteten. Selv om V1 lanseres, fortsetter vi å lære kontinuerlig og vil forvalte systemet basert på innsikt og data, slik at det alltid er i utvikling og tilpasset de faktiske behovene.

Målet er at Designsystemet skal være et godt fundament du kan bygge videre oppå, med din egen profil, egne preferanser og utvidet funksjonalitet som et lag på toppen.

Designsystemet er i bruk av mange allerede, blant annet av Altinn Studio, der 70 ulike etater utvikler sine tjenester. Bruker du Altinn studio til å utvikle tjenester, bruker du automatisk komponenter fra Designsystemet.

Flere offentlige virksomheter har også tatt Designsystemet i bruk i egne tjenester.

Har du innspill eller ønsker du å bidra? Send oss en epost eller bli med i fellesskapet på Slack. Gi oss gjerne en lyd om du har brukt eller vurderer å bruke Designsystemet.

Vi gleder oss til å se hvordan Designsystemet videre kan effektivisere produktutvikling og bidra til å skape mer brukervennlige digitale løsninger for alle!