Et bruksmønster handler ikke om én komponent alene, men hvordan flere komponenter settes sammen for å støtte en bestemt oppgave eller brukerflyt.

Bruksmønstre tar altså utgangspunkt i hvordan brukeren opplever og fullfører en oppgave, snarere enn hvordan noe ser ut. Et bruksmønster kan involvere både visuelt uttrykk, tekstinnhold, interaksjon og universell utforming.

Hvorfor er bruksmønstre viktige?

  1. Når samme brukerflyt ser og føles lik ut på tvers av løsninger, blir det enklere for brukeren å ta i systemet i bruk.
  2. Teamene slipper å gjenskape løsninger for samme problem. Bruksmønstre fungerer som oppskrifter for samme sluttresultat.
  3. Når nye produkter eller tjenester skal testes og verifiseres, kan man heller bruke velprøvde mønstre og dermed redusere risiko for feil og tvetydighet for brukeren fra start.

Hvordan dokumentere retningslinjer for bruksmønstrene?

For at bruksmønstre skal være nyttige og faktisk bli brukt, må de være godt dokumentert og lett tilgjengelige i designsystemet. Dokumentasjonen bør ikke bare vise hva som fungerer, men også hvorfor det er sånn, og eventuelle konsekvenser av å ikke bruke det.

Retningslinjene kan beskrive:

1. Formål og kontekst

Hva er den typiske oppgaven eller situasjonen dette mønsteret gjelder for? Når skal det brukes, og hvorfor?

<aside> 🤓

Eksempel: Denne flyten brukes når en bruker må logge inn for å få tilgang til et refusjonsskjema. Flyten skal støtte både ny innlogging og eventuelle feil underveis i prosessen.

</aside>

2. Komponenter som inngår

Vis hvilke komponenter fra designsystemet som er brukt i mønsteret, og hvordan de er satt sammen. Gjerne med eksempler, skisser og kodesnutter.

3. Flyt/brukerreise

Beskriv steg for steg hvordan brukeren beveger seg gjennom flyten. Bruk gjerne skjermbilder, diagram eller prototyper for å illustrere.

4. Innhold og tone

Gi føringer for tekstinnholdet: Hvilken tone skal brukes? Hvilke ord og begreper bruker vi? Hva skal det stå i feilmeldinger, hjelpetekster og knapper?

5. Tilpasninger og unntak