Meningsbærende farger

[Febakke]

Vi trenger retningslinjer for hvordan vi bruker farger på meningsbærende komponenter.

•  Legg inn eksempler fra ulike norske designsystem

Aktuelle problemstillinger:

• Bør meldinger av typen "informasjon" alltid fremstilles i blå farge?
• Anbefaling: Vi kan ikke bare lene oss på farge. Hvordan kommuniserer vi med flere virkemidler enn farge?

[Camulos]

Funn hos gov.uk

Rødt og grønt er definert som "error state" og "success state"

• https://design-system.service.gov.uk/styles/colour/

De ulike feilsidene er definert uten egne "farger", heller bare informasjon som beskriver hva det gjelder

• https://design-system.service.gov.uk/patterns/problem-with-the-service-pages/
• https://design-system.service.gov.uk/patterns/page-not-found-pages/
• https://design-system.service.gov.uk/patterns/service-unavailable-pages/

Men på noen av komponentene som vi ofte tenker at kan ha farger er det definert bruk av blått i tillegg til error/success, eksempler:

• https://design-system.service.gov.uk/components/notification-banner/

Og kun svart tekst + symbol for noen typer feilmeldinger:

• https://design-system.service.gov.uk/components/warning-text/

Kan se ut som at de forsøker å holde igjen mest mulig med bruk av farger.

I diskusjonene på de enkelte komponentene er det en og annen nugget, feks:

• Notification banner, fra en kommentar om innsikt: "Where orange is used, the intention was often unclear and in a few place it indicated the alert contained information which should just be part of the page content."
• I diskusjon om å merke noe informasjon spesielt (highlighting information) er det noe sammendrag fra ulike tester, å merke feks informasjon som er endret med gult eller oransje ser ut til å være nyttig for noen, men det kan være utfordringen for fargeblinde eller om det skal merkes spesielt i kode for skjermleser i tillegg. Det er også andre utfordringer rundt korttidsminne og kognitiv belastning i diskusjonen.

[Camulos]

Oransje brukes som et visuelt cue for å merke tjenester og sider som er i alpha og beta hos gov.uk.

[Camulos]

I BR har vi en slags eskalerende skala, som kanskje egentlig er mer komplekst enn det trenger å være:

• Grønn - positiv melding/varsel eller liknende
• Blått eller grått - nøytral beskjed eller varsel
• Gult - Viktig melding
• Oransje - Advarsel
• Rødt - noe er feil, alvorlig