Hopp til innhold

Visjon

Jøkul er vår kollektive læring, dokumentert og satt i system. Designsystemet gir oss felles normer for hvordan vi bygger digitale produkter og tjenester.

Introduksjon

Vi har etablert prinsipper for hvordan vi utformer våre UI (brukergrensesnitt) og ønsker at disse følges. Noen av disse prinsippene finner du på denne siden.

Jøkul består av slik kollektiv læring som påvirker hvordan vi lager digitale løsninger best mulig. Denne læringen dokumenteres som komponenter, retningslinjer og prinsipper. Siden miljøet læringen ble gjort i endrer seg ofte, må våre prinsipper også tilpasses eventuell ny læring. Vi oppfordrer derfor til at disse prinsippene også oppdateres om du lærer noe nytt og nyttig for andre.

Tetthet

Profilen til Fremtind kan oppleves som luftig og plasskrevende. Dette er bevisst og en viktig del av det visuelle inntrykket vi ønsker å gi brukere av våre tjenester. Det gir dem bl.a. bedre oversikt, klarer handlingsfokus og et penere UI.

Det finnes allikevel situasjoner hvor dette prinsippet skaper utfordringer for brukere som ønsker større visuell tetthet, så de f.eks. slipper å scrolle eller klikke seg frem til informasjon eller funksjonalitet de trenger raskt. De har også ofte store skjermer med plass til avanserte interaksjoner og store mengder med informasjon.

Komponentene i Jøkul skal ikke påvirke eller ta stilling til layouten de plasseres i. Det gjør at man kan komponere visuelle løsninger slik at man oppnår akkurat den handlings- og informasjonstettheten man trenger. Det er også laget varianter av komponenter som er tilpasset slike behov. Disse er derimot ikke ment å brukes kun for å justere det luftige visuelle inntrykket.

Disabled States

I Fremtind lager vi mange skjemaer og ber brukere regelmessig om å sende oss informasjon. I noen tilfeller vil det da være fristende å hindre brukeren i å kunne interagere med en del av skjemaet -- f.eks. en knapp eller en select -- hvis vi vet at noe står i veien for å gjennomføre handlingen.

Med Jøkul, velger vi heller å la brukeren få gjennomføre sin naturlige handling og deretter få tilbakemelding og veiledning. Da får brukeren den nødvendige hjelpen til å forstå hvorfor handlingen ikke kunne gjennomføres. Vi har derfor ingen disabled states i våre komponenter.

Grid

Et grid (eller rutenett) kan være et nyttig verktøy for å sørge for konsekvent layout på tvers av sider og løsninger. Dette fordi det begrenser hvor man kan plassere elementer på siden. Man etablerer gjerne et begrenset antall responsive kolonner.

I Fremtind varierer funksjonaliteten og den nødvendige tettheten ofte. Det gjør at et enkelt grid-oppsett sjeldent dekker alles behov og da faller hovedfordelen med konsekvent layout bort.

Jøkul har derfor heller etablert et spacing-system for å hjelpe designere og utviklere å holde layouten konsekvent på sin løsning.