Form Navigation

[usethetics]

Naam

Form Navigation

Link naar GitHub Discussion

---

Den Haag

Open Forms

Name

Net als alle andere navigations voor een specifiek doel, zoals breadcrumb-navigation, side-navigation, main-navigation en language-navigation

Description

• Overzicht van stappen in een formulier
• Kan je navigeren tussen de stappen, technisch kan het zijn dat je alleen terug kan navigeren.
• ...

Formerly known as

progress steps

Variations

Horizontal

De horizontale step indicator wordt afgeraden omdat je zelden alle stapnamen horizontaal kwijt kan. Op kleinere schermen sowieso niet en dan heb je weer een ander patroon nodig. Daarnaast is er moeilijk ruimte om de stappen een touch-target te geven die groot genoeg is om lekker te klikken.

Gov.uk zegt dat ook, niet doen dus!

Vertical

Dit is de standaard step indicator en hoeft dus niet een losse variant te zijn.

Use when

Don’t use when

[usethetics]

Ability to navigate back to previous steps.
Auto-saving current step (in URL via anchor IDs?).

[Yolijn]

Den Haag and RvO have a different interpretation of how to indicate the form-progress/steps of a multi-step form.

We should investigate which pattern to choose or if we need both for different purposes.