Utforme en god tjeneste
Slik lager du et skjema som fungerer godt for brukeren, fra inngangen til tjenesten til innsendingen.
Tenk på brukerens reise gjennom skjemaet ditt og selve skjemaoppsettet, slik at tjenesten fungerer godt fra start til slutt.
1. Tenk på hvor brukeren starter
- Gi brukeren en tydelig inngang til tjenesten, gjerne en direkte lenke til skjemaet.
- Unngå mellomliggende sider som kan skape usikkerhet eller få brukeren til å tro at de har kommet feil.
- Gjør det klart at brukeren «kommer inn» i Altinn-tjenesten når de starter tjenesten.
- Beskriv tjenesten godt under Innstillinger → Om appen i Altinn Studio. Beskrivelsen blir registrert i Altinn når du publiserer appen, og hjelper brukerne å forstå hva tjenesten er til, og når de kan bruke den. Les mer om hvordan du beskriver tjenesten.
- Hvis tjenesten tar i bruk Arbeidsflate, må du passe på at meldingsteksten som dukker opp i innboksen samsvarer med innholdet i tjenesten din, slik at brukerne får en helhetlig opplevelse.
Slik ser en melding fra tjenesten ut i innboksen. Tittelen og teksten under kommer fra tjenesten din:
2. Gi brukeren en god og trygg opplevelse
- Bruk første skjemaside som en introside for å gi en kort beskrivelse av hva tjenesten handler om og hva brukeren skal gjøre. Da sikrer du at brukeren får informasjonen de trenger i riktig kontekst.
- Oppgi gjerne hva de bør ha klart, slik at de slipper å stoppe underveis.
- Gi brukeren mulighet til å se svarene i en oppsummering før de sender inn, for å sjekke at informasjonen er korrekt. Les mer om hvordan du legger til en oppsummering i appen.
Se eksempelet på navigasjonsmeny under punkt 3, som viser et skjema med infoside, innhold og oppsummering.
3. Strukturer skjemaet slik at det oppleves enkelt
- Del opp skjemaet i flere korte sider fremfor én lang side. Begrens antall felt til 4–6 per side, hvis mulig, og plasser feltene i én kolonne. Noen ganger kan vi sidestille felter som et unntak. Det gjelder for eksempel hvis feltene er korte og det gir mening å plassere dem i en kontekst (for eksempel når du bruker Adresse-komponenten der postnummer og by er sidestilte felter). (kilde designsystem.gov.scot og designsystem.gov.scot)
Gjør slik:
Ikke gjør slik:
Unngå å strukturere felter i kolonner ved siden av hverandre, hvis du kan.
Still bare de spørsmålene du virkelig trenger. Les mer om hvordan du lager gode spørsmål.
Bruk gode overskrifter for feltene og et tydelig språk som gjør det lett å forstå oppgaven. Strukturer sidene etter tema, slik at det er lett å følge flyten i bolker.
For eksempel er «Personopplysninger», «Adresse» og «Oppsummering» tydeligere overskrifter enn «Side 1», «Side 2» og «Side 3». Brukeren ser med en gang hva hver side handler om.
- Vi anbefaler at du setter opp en navigasjonsmeny som viser hvor i skjemaet brukeren er. Det gjør det lettere for brukeren å se struktur og fremgang.
Gjør slik:
Ikke gjør slik:
Gi punktene i navigasjonen gode navn, ikke bare Side 1, osv., slik at du lett kan se hva som er hvor.
4. Bruk våre standardkomponenter
Bruk komponentene som er definert i Altinn Studio — da får du en konsekvent tjeneste som er tilgjengelig. Disse komponentene er basert på Designsystemet og blir vedlikeholdt. Se oversikten over komponentene.
Unngå å tilpasse komponentene for mye, med mindre det er helt nødvendig.
5. Test tjenesten før du publiserer den
- Test skjemaet med faktiske brukere, for å sjekke at innholdet er korrekt, at flyten fungerer, og at brukeropplevelsen er god. Les tips for brukertesting.
- Du kan publisere tjenesten i testmiljøet vårt (TT02), for å dele tjenesten med andre.