SAK 9-2023: Felles designsystem

[fsveinsb]

Designsystemet - produktbeskrivelse

I forbindelse med moderniseringen av Altinn utvikles det et designsystem med gjenbrukbare UI-komponenter og mønstre.

Designsystemet er en verktøykasse med grunnleggende UI-komponenter, retningslinjer og god praksis som skal bidra til effektiv produktutvikling og helhetlige brukeropplevelser.

I stedet for at hver UI-komponent lages om og om igjen i hvert enkelt produktteam, lager vi dem sentralt i designsystemet, så vi har et sted å vedlikeholde dem. Da kan vi sikre bedre kvalitet ved at tilgjengelighetskrav og testing er ivaretatt.

Designsystemet er i bruk i flere av Digdirs løsninger, inkludert i Altinn studio og dermed av cirka 70 ulike virksomheter. Gjennom Altinn-samarbeidet er komponentene laget for å løse mange ulike behov og bruksscenarioer, ikke bare våre egne.

Flere virksomheter har tatt Designsystemet i bruk, også i egne løsninger utover det de lager i Altinn, for å slippe å utvikle de samme komponentene selv. Over 40 virksomheter har tatt kontakt for bruk og samarbeid om designsystemet. Noen har også bidratt inn gjennom åpen kildekode og ønsker ytterligere samarbeid om videre utvikling. Vi har per i dag ikke kapasitet til å følge opp alle som ønsker å påvirke det.

Designsystemet er åpen kildekode som kan tas i bruk av alle som lager digitale tjenester i den grad de selv ønsker, offentlige og private aktører. Enten ved å bare bruke retningslinjer og god praksis, eller ved å bruke designelementer, kode og komponenter i egne løsninger. Alle kan – og oppfordres til – å bidra inn med forbedringer. Når flere bidrar gir det mer verdi til Altinn og tjenester som lages der. Det kommer våre tjenesteeiere til gode. Vi har et åpent community rundt dette, gjennom Github og Slack der flere bidrar og hjelper hverandre.

Samarbeid:

• Det er et tett samarbeid med Altinn Studio, ukentlige arbeidsmøter med designere fra Altinn Studio/Apps.
• Tett samarbeid med Brønnøysundregistrene.
• Månedlig demo som er åpen for alle interessenter, der vi viser vi det som har blitt gjort i designsystemet siden sist, og tar imot tilbakemeldinger, innspill og behov.
• Det er satt opp en åpen Slack der vi deler releaser, diskuterer design og utvikling av komponenter.  Dette samarbeidsforumet (med 300+) brukes også til å dele tekniske erfaringer om designsystemer på tvers av organisasjoner.
• Det er satt opp faste møtepunkt hver tredje uke med Brreg, Nav, Skatteetaten og Oslo kommune for å etablere felles mønstre. Dette arbeidet gir oss verdifullt underlag til tjenestene som lages i Altinn da de skal brukes av flere tjenesteiere.

Bruk

Byggeklosser fra designsystemet er i bruk i blant annet

• Altinn Studio og i tjenestene som lages der
• https://eid.difi.no/
• Felles datakatalog
• Ressursregisteret
• Digdir.no
• Uutilsynet.no
• Profilveilederen
• Hjelpesidene til fellesløsninger
• Tilgjengelighetserklæringen
• Samarbeidsportalen
• Prosjektveiviseren
• https://ledsagerbevis.no (Løsning fra KS Digitale Fellestjenester)
• Løsninger fra Statsforvalteren
• Løsninger fra Mattilsynet
• Løsninger fra Brreg
• Løsninger fra Udir

Ressursbehov

Hva må til for at dagens produkt skal klare å holde hjulene i gang?

• Minimum en Tech Lead og en frontend-utvikler.
• Designsystem-teamet har i dag ikke kapasitet til å kvalitetssikre bruk av systemet i Altinns løsninger samt utarbeide artikler som viser til hvordan designsystemet skal brukes. Vi må ha kapasitet til å kunne være både et "plattform-team" og et "enabling team" som kan hjelpe folk til å bruke designsystemet på riktig måte, følge opp og kvalitetssikre. Se også tiltak #83
• Vi har per i dag ikke kapasitet til å følge opp alle som ønsker å påvirke Designsystemet utenfra. (Ref 40+ forespørsler om samarbeid).

Det er behov for:

• Frontend-utvikler (Tobias fra FEL går ut av teamet i mai.) Vi er helt avhengig av å ha en frontend-utvikler i teamet i tillegg til Tech lead for å ha fremgang.
• Tech Lead er i dag ekstern konsulent, ut 2024. Vi må sikre en god overlapp her og vurdere om denne stillingen bør utlyses som en intern ansettelse.
• Koordinator for Mønster-samarbeidet med Nav, Skatt, Brreg, Politiet, KS.
• Ytterligere kompetanse på universell utforming
• Ytterligere kompetanse på UI-design

Dokumentasjon

Se dokumentasjon av designsystemet for mer informasjon.

Roadmap

Se roadmap for overordnede leveranser.

---

Mulighet for videre utbredelse

Designsystemet som lages i moderniseringen av Altinn støtter ulike identiteter. Derav er det også potensial for at designsystemet videre utbreddes til et offentlig designsystem som kan benyttes i helt andre løsninger også.

Det er et godt utgangspunkt for et felles designsystem i det offentlige fordi:

• Det er utviklet av flere fra starten av gjennom Altinn-samarbeidet. Det er dermed lagt for å løse mange ulike behov og brukssenarioer, ikke bare våre egne.
• Det er ikke skreddersydd for èn merkevare.
• Når fellesløsningene i Norge tar det i bruk, vil mange tjenester automatisk bruke designsystemet.

Grunner til at designsystemet bør breddes ut

• Det offentlige vil kunne utnytte ressursene bedre på tvers og slutte å løse de samme behovene hver for seg.
• Offentlige tjenester vil oppleves mer samordnet, helhetlige og gjenkjennelige på tvers. Dermed kan vi oppnå økt digital deltagelse.
• At vi får en raskere og mer samordnet digitalisering av samfunnet på en kostnadseffektiv måte.
• Vi kan løfte frem de små. Når de etatene og kommunene som ligger lengst bak kan ta i bruk ferdige byggeklosser som ivaretar tilgjengelighetskrav, kommer de raskere i gang med å løse sine oppdrag.

Et designsystem som et fellesgode bidrar til mer gjenkjennelige tjenester på tvers, som igjen vil gjøre det enklere for alle å få til digitale løsninger på egen hånd, og dermed økt digital deltagelse (Se rapporten Brukervennlighet på tvers, Digdir, 2023, og Handlingsplanen tiltak 26.). Ulike avsenderidentiteter kan ivaretas selv om vi bruker samme designsystem.

Digdirs mandat

I tildelingsbrevet står det at offentlige tjenester skal oppleves samordnet, og i strategien «Digital hele livet» står det at «Offentlige digitale tjenester skal ha et brukervennlig og gjenkjennbart design på tvers av ulike etater.»

KDD skriver i tilbakemeldingen på BIOS-rapporten at de oppfordrer Digdir til å se på muligheter for å etablere et felles designsystem (for Norge). De skriver også at de «mener at det videre arbeidet med brukskvalitet bør videreføres som en del av det samordningsansvaret for digitalisering i offentlig sektor som ligger i Digdirs mandat. »

Handlingsplanen for «Økt inkludering i et digitalt samfunn», sier at vi skal tilby «gjenkjennelige moduler» og «utvikle retningslinjer for design av sammenhengende tjenester for mer like og gjenkjennelige interaksjonsmønstre».

Det ble fremmet i SKATE av BRREG i 2020 at nasjonalt designsystem burde utforskes som et tiltak som kan redusere kostnader på tvers av etater. Konklusjon i SKATE AU var at dette var et positivt initiativ og Digdir ble oppfordret til å følge opp saken.

Foreløpig mål og føringer

• Målet så langt er å utforske mulighetsrommet og se hvordan interessen for dette er, samt se på muligheter for samarbeid.
• Skate skal brukes til å forankre oppfølgingsarbeidet på en god måte i sektorene.

Dersom det skal bli et nasjonalt designsystem trenger vi

• Ordnede finansieringsrammer for et tverretatlig produktteam
• Et komponentbibliotekt som ikke er låst til en teknologi (React)
• Agnostiske komponenter som ikke har noen teknologiske bindinger
• En plan for når en nasjonal identitet skal benyttes og når egne avsenderidentiteter skal benyttes.

Ressursbehov

Hva må til for at vi skal klare å evne å utforske felles designsystem i det offentlige?

• Interessekoordinator / Samarbeidskoordinator
• Samfunnsøkonomisk analyse
• Ytterligere innsikt ift. avsenderidentiteter.

[fsveinsb]

Setter deg som eier av dette porteføljetiltaket inntil det er avklart hvem som skal jobbe videre med dette :-)