Interactie Ontwerp¶

Bij interactie ontwerp bedenk je hoe gebruikers door je applicatie navigeren en hoe elke actie voelt. Je denkt na over welke knoppen waar staan, wat er gebeurt als je ergens op klikt, en hoe je gebruikers begeleidt door hun taken. Het gaat om het creëren van een logische en intuïtieve gebruikerservaring. Dit product past bij het pre-profiel Experience Developer.

Je documenteert je interactieontwerp in wireframes, flows of beschrijvingen. Je legt vast welke schermen er zijn, welke acties mogelijk zijn en hoe de feedback naar de gebruiker is. Je analyseert de onderliggende softwarestructuur op consistentie met dit ontwerp en stuurt iteraties bij op basis van gebruikerstests en observaties. Zo bewaak en stuur je de kwaliteit van de gebruikersinteractie.

Kwaliteitsindicatoren¶

Bij het waarderen van dit product zal er worden gekeken naar de volgende kwaliteitsindicatoren:

Het interactieontwerp is een op zichzelf staand document of overzicht met een duidelijke scope.
Er is een overzicht van schermen, flows of belangrijkste gebruikerspaden.
Interacties zijn beschreven: welke acties zijn mogelijk en wat is het resultaat of de feedback?
Er is aandacht voor consistentie: het ontwerp sluit aan bij de softwarestructuur en eventueel het design system.
Er is waar relevant gekeken naar gebruikerstests of observaties en daarop geïtereerd.
Het ontwerp ondersteunt een logische en intuïtieve gebruikerservaring.
Er is een lijst van bronnen of UX-richtlijnen opgenomen indien gebruikt.

Template¶

Om interactieontwerp te documenteren, kan je gebruik maken van de volgende template:

# Interactie Ontwerp: [product / onderdeel]

Korte introductie: wat is het doel van dit document en voor welk product of welke flows geldt het?

## Gebruikers en doelen

Wie zijn de gebruikers en wat willen ze bereiken?

## Overzicht schermen of flows

Welke schermen of stappen zijn er? (eventueel flowchart of sitemap)

## Per scherm of flow

- Doel van het scherm of de stap
- Welke elementen en acties zijn er?
- Wat gebeurt er bij elke actie? (feedback, navigatie, validatie)
- Eventueel: wireframe of schets

## Consistentie met softwarestructuur

Hoe sluit het interactieontwerp aan op de onderliggende software? Zijn er inconsistenties en hoe zijn die opgelost?

## Iteraties op basis van tests

Welke aanpassingen zijn gedaan op basis van gebruikerstests of observaties?

## Bronnen

Eventueel gebruikte UX-standaarden of bronnen.