Hei, du! 👋 Det finnes en nyere versjon av Punkt. Se siste versjon her.

God praksis

Her skriver vi om hvordan det er å utvikle produkter i Oslo kommune, retningslinjer, føringer, tips og triks. Har du noe på hjertet? Team Designsystem vil gjerne høre fra deg.

Illustrasjonsbilde av en avansert tabell

Vi skriver på nett for at folk skal skjønne det de leser og få løst brukeroppgavene sine. Her finner du føringer, tips og valg som er tatt for hvordan vi skriver for nett i kommunen. 

GuideInnhold
Illustrasjonsbilde av en avansert tabell

Denne guiden viser hvordan du designer avanserte tabeller med Punkt. Du får anbefalte mønstre, prinsipper for struktur og oversikt over hvordan Punkt kan kombineres med tabellbiblioteker som TanStack Table.

GuideDesign
Illustrasjonsbilde av plassering av knapper

Hvordan kan vi skape en mer forutsigbar og inkluderende opplevelse ved å standardisere plassering og rekkefølge på knapper?

Universell UtformingBrukervennlighetDesign
Illustrasjonsbilde av en feilmelding

Gode feilmeldinger bør gi brukeren en forklaring på hva som har skjedd, og skal aller helst tilby et forslag til hvordan man kan løse problemet. I denne artikkelen kan du lære mer om hvordan du lager gode feilmeldinger.

BrukervennlighetInnholdDesign
Bildet av et skjema

Skjemaer brukes mye i Oslo kommunes løsninger, og bør derfor være konsekvente, ryddige og enkle å forstå. Det er mye godt innhold om det å lage bra skjemaer og det er ikke helt enkelt.

SkjemaInnholdDesign
Våre innsiktsprinsipper

Når vi jobber med innsikt handler det om å analysere og forstå kvalitative og kvantitative data i sammenheng. Innsiktsarbeid kan variere i omfang, men skal alltid være tilstrekkelig for å ta gode beslutninger.

Brukerinnsikt
Bilde av sjekkliste i et github-issue

I Punkt bruker vi sjekklister for å gjøre universell utforming enklere å få til i praksis - i alle deler av utviklingsflyten. Her forklarer vi tanken bak listene, og deler dem i et format som er lett å kopiere og gjenbruke i egne prosjekter.

Universell UtformingUtvikling
Bilde av en person som bruker datamaskin

Lenker er en viktig del av navigasjonen på nett, og måten vi merker dem på påvirker brukeropplevelsen. I denne artikkelen går vi gjennom hvordan vi bør merke lenker og hvilke språk- og designprinsipper vi bør følge. Målet er å skape en mer forutsigbar og tilgjengelig brukeropplevelse.

BrukervennlighetDesign
Disabled states

Bruk av deaktivert innhold kan være utfordrende for brukere når det gjelder forståelse og tilgjengelighet. Av denne grunn anbefaler vi å unngå det så mye som mulig.

BrukervennlighetDesign