Actions

Det finnes mange måter å få en bruker til å utføre en handling, her tar vi for oss de ulike og hvilke som brukes når.

Modal

En modal legger seg over innholdet på siden og retter brukerens fokus fullt og helt på handlingen som skal utføres.

  • Tar brukerens fulle oppmerksomhet
  • Bør være knyttet til en handling brukeren har gjort
  • Brukes for enkle handlinger brukeren må utføre
  • Legge til/slette/endre informasjon som bor et annet sted enn siden bruker er på
  • Bekrefte en handling som skal utføres

Eksempel på bekreftelse i en modal
Bruker må bekrefte en handling

Drawer

En drawer sklir inn fra siden og legger seg delvis over innholdet på siden. Følger mange av de samme prinsippene som modal og retter fokus på handlingen som skal utføres.

  • Tar brukerens fulle oppmerksomhet
  • Bør være knyttet til en handling brukeren har gjort
  • Brukes for enkle til moderate handlinger som brukeren må utføre
  • Kan inneholde mer informasjon enn en modal
  • Filtrering, endring av innhold, tilleggsinformasjon

Eksempel på endringer av innhold i en tabell med drawer
Endre innhold i en tabell