voortgangsindicator

Een voortgangsindicator is een visueel element dat de mate van voltooiing van een taak of proces weergeeft. Het doel is om gebruikers snel inzicht te geven in hoever men gevorderd is en of er nog acties nodig zijn. Voortgangsindicatoren worden vaak gebruikt om tijdsverwachtingen te verkorten en gebruikers gerust te stellen tijdens lange processen.

Typen en weergave

Voortgangsindicatoren bestaan meestal in twee hoofdvormen: lineaire voortgangsbalken en ronde (ringvormige) indicatoren. Een lineaire balk toont de voltooiingspercentages langs een horizontale as, terwijl een ronde indicator een cirkel of ring vult naarmate de voortgang vordert. Indicatoren kunnen determinerend zijn, waarbij een concreet percentage wordt weergegeven, of indeterministisch, waarbij een animatie de voortgang suggereert zonder exacte waarde.

Toepassingsgebieden

Ze komen voor in diverse contexten, zoals software- en webtoepassingen, installatie- en synchronisatieprocessen, data-imports, back- end taken zoals builds en deployments, en in project- of workflowdashboards. Ook in formulieren of onboarding-trajecten worden voortgangsindicatoren gebruikt om de gebruiker te laten zien hoeveel stappen er nog te gaan zijn.

Ontwerp en toegankelijkheid

Bij het ontwerpen moet naast duidelijkheid ook rekening gehouden worden met toegankelijkheid. Bijvoorbeeld door zowel een visuele voortgang als een numerieke aanduiding te bieden (0–100%), voldoende contrast te hanteren en de indicator ook leesbaar te maken voor schermlezers via passende ARIA-kenmerken. Kleurgecodeerde signalen (groen voor voltooid, geel voor in uitvoering, rood voor knelpunten) kunnen helpen, maar mogen niet de enige indicator zijn.

Overwegingen

Een voortgangsindicator moet realistisch zijn en geen valse verwachtingen scheppen. Bij onbekende duur kan een indeterministische weergave gepast zijn, maar ook hier kan het nuttig zijn om vorderingen of mijlpalen te communiceren. Te vaak tonen van voortgang kan afleiden; daarom blijft regelmatige, accurate bijwerking essentieel.