Delen via


Voortgangsbalken

Notitie

Deze ontwerphandleiding is gemaakt voor Windows 7 en is niet bijgewerkt voor nieuwere versies van Windows. Veel van de richtlijnen zijn in principe nog steeds van toepassing, maar de presentatie en voorbeelden weerspiegelen niet onze huidige ontwerprichtlijnen.

Met een voortgangsbalk kunnen gebruikers de voortgang van een langdurige bewerking volgen. Een voortgangsbalk kan een geschat percentage van voltooiing weergeven (determineren) of aangeven dat een bewerking wordt uitgevoerd (onbepaald).

Bruikbaarheidsstudies hebben aangetoond dat gebruikers op de hoogte zijn van reactietijden van meer dan één seconde. Daarom moet u overwegen om bewerkingen te voltooien die twee seconden of langer duren om lang te zijn en een bepaald type voortgangsfeedback nodig hebben.

schermafbeelding van een typische voortgangsbalk

Een typische voortgangsbalk.

Notitie

Richtlijnen met betrekking tot indeling worden weergegeven in een afzonderlijk artikel.

Is dit de juiste controle?

Houd rekening met deze vragen om te bepalen:

  • Duurt de bewerking ongeveer vijf seconden of minder? Als dit het gevolg is, gebruikt u in plaats daarvan een activiteitsindicator, omdat het weergeven van een voortgangsbalk voor een dergelijke korte duur afleidend is. Als de bewerking meestal vijf seconden of minder duurt, maar soms meer duurt, begint u met een drukke aanwijzer en converteert u naar een voortgangsbalk na vijf seconden.

  • Wordt een onbepaalde voortgangsbalk gebruikt om te wachten totdat de gebruiker een taak heeft voltooid? Zo ja, gebruik dan geen voortgangsbalk. Voortgangsbalken zijn voor de voortgang van de computer, niet voor de voortgang van de gebruiker.

  • Wordt een onbepaalde voortgangsbalk gecombineerd met een animatie? Als dat het zo is, gebruikt u in plaats daarvan alleen de animatie. De onbepaalde voortgangsbalk is effectief een algemene animatie en voegt geen waarde toe aan de animatie.

  • Is de bewerking een zeer lange achtergrondtaak (langer dan twee minuten) waarvoor gebruikers meer geïnteresseerd zijn in voltooiing dan voortgang? Gebruik in plaats daarvan een meldingen. In dit geval voeren gebruikers ondertussen andere taken uit en controleren ze de voortgang niet. Met behulp van een melding kunnen gebruikers andere taken uitvoeren zonder onderbreking. Voorbeelden van dergelijke langdurige bewerkingen zijn afdrukken, back-up, systeemscans en bulkgegevensoverdrachten of conversies.

  • Wanneer de bewerking is voltooid, kunnen gebruikers de resultaten opnieuw afspelen? Gebruik in plaats daarvan een schuifregelaar. Voorbeelden van dergelijke bewerkingen zijn video- en audio-opname en afspelen.

    schermafbeelding van mediaspeler en schuifregelaar

    In dit voorbeeld wordt een schuifregelaar gebruikt om de voortgang aan te geven tijdens het afspelen van geluid. Hierdoor kunnen gebruikers de resultaten later opnieuw afspelen.

Ontwerpconcepten

Tijdens een langdurige bewerking hebben gebruikers een algemeen idee nodig van wat de bewerking doet. Ze moeten ook het volgende weten:

  • Dat er een lange bewerking is gestart.
  • Die voortgang wordt gemaakt en dat de bewerking uiteindelijk wordt voltooid (en daarom niet is vergrendeld).
  • Het geschatte percentage van de bewerking die is voltooid (en daarom het resterende percentage).
  • Als ze de bewerking moeten annuleren als het niet de moeite waard is om door te gaan met wachten.
  • Als ze moeten blijven wachten of iets anders moeten doen terwijl de bewerking is voltooid.

Gebruik determinate voortgangsbalken voor bewerkingen waarvoor een gebonden hoeveelheid tijd is vereist, zelfs als die hoeveelheid tijd niet nauwkeurig kan worden voorspeld. Onbepaalde voortgangsbalken laten zien dat er vooruitgang wordt geboekt, maar geef geen andere informatie op. Kies geen onbepaalde voortgangsbalk op basis van het mogelijke gebrek aan nauwkeurigheid alleen.

Stel dat voor een bewerking vijf stappen zijn vereist en dat voor elk van deze stappen een gebonden hoeveelheid tijd is vereist, maar de hoeveelheid tijd voor elke stap kan sterk variëren. In dit geval gebruikt u een determinate voortgangsbalk en toont u de voortgang wanneer elke stap evenredig is met de hoeveelheid tijd die elke stap meestal neemt. Gebruik een onbepaalde voortgangsbalk alleen als een determinate voortgangsbalk ertoe zou leiden dat gebruikers ten onrechte concluderen dat de bewerking is vergrendeld.

Als u maar één ding doet...

Zorg ervoor dat u voortgangsfeedback geeft voor langdurige bewerkingen en dat de bovenstaande informatie duidelijk wordt gecommuniceerd. Gebruik waar mogelijk determinate voortgangsbalken.

Gebruikspatronen

Voortgangsbalken hebben verschillende gebruikspatronen:

Voortgangsbalken determineren

Etiket Waarde
modale determinatie van voortgangsbalken
Geef de voortgang van een bewerking aan door van links naar rechts in te vullen en volledig in te vullen wanneer de bewerking is voltooid.
Omdat deze feedback is modale, kunnen gebruikers geen andere taken uitvoeren in het venster (of de bovenliggende taak als ze worden weergegeven in een modaal dialoogvenster) totdat de bewerking is voltooid.
Schermafbeelding van voortgangsbalk in modaal venster
In dit voorbeeld geeft de voortgangsbalk feedback tijdens de configuratie.
modale voortgangsbalken bepalen met een knop Annuleren of Stoppen
Sta gebruikers toe de bewerking te stoppen, mogelijk omdat de bewerking te lang duurt of de wachttijd niet waard is.
Schermafbeelding van voortgangsbalk met knop Stoppen
In dit voorbeeld kunnen gebruikers op Stoppen klikken om de bewerking te stoppen en de omgeving in de huidige status te laten staan.
Modale determinatie van voortgangsbalken met een knop Annuleren of Stoppen en animatie
Gebruikers toestaan de bewerking te stoppen en een animatie op te nemen om gebruikers te helpen het effect van een bewerking te visualiseren.
Schermafbeelding van de voortgangsbalk met animatie
In dit voorbeeld kunnen gebruikers op Stoppen klikken om de bewerking te stoppen en de omgeving in de huidige status te laten staan.
Modale determinatie van dubbele voortgangsbalken
Geef de voortgang van een bewerking met meerdere stappen aan door de voortgang van de huidige stap in de eerste voortgangsbalk en de algehele voortgang in de tweede balk weer te geven.
Omdat de eerste voortgangsbalk weinig aanvullende informatie biedt en behoorlijk afleidend kan zijn, wordt dit patroon niet aanbevolen. In plaats daarvan moeten alle stappen in de bewerking een deel van de voortgang delen en één voortgangsbalk eenmaal worden voltooid.
Schermafbeelding van huidige en algemene voortgangsbalken
In dit voorbeeld wordt op de eerste voortgangsbalk de voortgang van de huidige stap weergegeven en op de tweede voortgangsbalk wordt de algehele voortgang weergegeven.
Opmerking: Dit patroon is meestal onnodig en moet worden vermeden.
voortgangsbalken zonder modus bepalen
Geef de voortgang van een bewerking aan door van links naar rechts in te vullen en volledig in te vullen wanneer de bewerking is voltooid.
In tegenstelling tot modale voortgangsbalken kunnen gebruikers andere taken uitvoeren terwijl de bewerking wordt uitgevoerd. Deze voortgangsbalken kunnen worden weergegeven in context of op een statusbalk.
Schermafbeelding van de voortgangsbalk op de statusbalk
In dit voorbeeld geeft Windows Internet ExplorerWindows Internet Explorer de voortgang weer voor het laden van een webpagina op de statusbalk. Gebruikers kunnen andere taken uitvoeren terwijl de pagina wordt geladen.

Onbepaalde voortgangsbalken

Type voortgangsbalk Beschrijving
modale onbepaalde voortgangsbalken
Geef aan dat er een bewerking wordt uitgevoerd door een animatie weer te geven die continu van links naar rechts door de balk loopt.
Wordt alleen gebruikt voor bewerkingen waarvan de algehele voortgang niet kan worden bepaald, dus er is geen begrip van volledigheid. Determinate voortgangsbalken hebben de voorkeur omdat ze het geschatte percentage aangeven van de bewerking die is voltooid en gebruikers helpen bepalen of de bewerking de moeite waard is om te wachten. Ze leiden ook minder visueel af.
schermopname van modale, onbepaalde voortgangsbalk
In dit voorbeeld gebruikt Windows Update een modale onbepaalde voortgangsbalk om de voortgang aan te geven terwijl er naar updates wordt gezocht.
modusloze onbepaalde voortgangsbalken
Geef aan dat er een bewerking wordt uitgevoerd door een animatie weer te geven die continu van links naar rechts door de balk loopt.
In tegenstelling tot modale voortgangsbalken kunnen gebruikers andere taken uitvoeren terwijl de verwerking wordt uitgevoerd. deze voortgangsbalken kunnen worden weergegeven in context of op een statusbalk.
schermafbeelding van de dunne voortgangsbalk in het Outlook-venster
In dit voorbeeld gebruikt Microsoft Outlook een modusloze onbepaalde voortgangsbalk tijdens het invullen van eigenschappen van contactpersonen. Gebruikers kunnen het eigenschappenvenster blijven gebruiken terwijl dit werk wordt uitgevoerd.

Meter

Type Beschrijving
meters
Geef een percentage aan dat niet is gerelateerd aan de voortgang.
Dit patroon is geen voortgangsbalk, maar wordt geïmplementeerd met behulp van het voortgangsbalkbeheer. meters hebben een duidelijk uiterlijk om ze te onderscheiden van echte voortgangsbalken.
schermopname van de meter met vrije schijfruimte
In dit voorbeeld toont de meter het percentage schijfruimte dat wordt gebruikt.

Richtsnoeren

Algemeen

  • Geef feedback over voortgang bij het uitvoeren van een lange bewerking. Gebruikers moeten nooit raden of er vooruitgang wordt geboekt.

  • Geef duidelijk de werkelijke vooruitgang aan. De voortgangsbalk moet vooruitgaan als er vooruitgang wordt geboekt. Als het bereik van verwachte voltooiingstijden groot is, kunt u overwegen een niet-lineaire schaal te gebruiken om de voortgang voor de langere tijden aan te geven. U wilt niet dat gebruikers concluderen dat uw programma is vergrendeld wanneer dat niet zo is.

  • Duidelijk wijzen op gebrek aan vooruitgang. De voortgangsbalk mag niet vooruitgaan als er geen voortgang wordt gemaakt. U wilt niet dat gebruikers voor onbepaalde tijd wachten op een bewerking die nooit wordt voltooid.

  • Geef nuttige voortgangsdetails op. Geef aanvullende voortgangsinformatie op, maar alleen als gebruikers er iets mee kunnen doen. Zorg ervoor dat de tekst lang genoeg wordt weergegeven zodat gebruikers deze kunnen lezen.

    schermafbeelding van de voortgangsbalk met de overdrachtssnelheid

    In dit voorbeeld kunnen gebruikers de overdrachtssnelheid zien. De lage overdrachtssnelheid hier suggereert de noodzaak voor het gebruik van een netwerkverbinding met hoge bandbreedte.

  • Geef geen onnodige details op. Over het algemeen geven gebruikers niet om de details van de bewerking die wordt uitgevoerd. Gebruikers van een installatieprogramma geven bijvoorbeeld niet om het specifieke bestand dat wordt gekopieerd of dat systeemonderdelen worden geregistreerd omdat ze geen verwachtingen hebben over deze details. Normaal gesproken biedt een goed gelabelde voortgangsbalk alleen voldoende informatie, dus geef alleen aanvullende voortgangsinformatie op als gebruikers er iets mee kunnen doen. Het verstrekken van details waar gebruikers niet om geven, maakt de gebruikerservaring te ingewikkeld en technisch. Als u meer gedetailleerde informatie nodig hebt voor foutopsporing, moet u deze niet weergeven in releaseversies.

    juist:

    schermafbeelding van de voortgang van de installatie

    In dit voorbeeld is de gelabelde voortgangsbalk alles wat nodig is.

    juist:

    schermafbeelding van de voortgangsbalk met de overdrachtssnelheid

    In dit voorbeeld kopieert Windows Verkenner bestanden die de gebruiker heeft geselecteerd, dus het weergeven van de bestandsnamen die worden gekopieerd, is zinvol.

    Onjuist:

    schermafbeelding van de voortgang van de registratie

    In dit voorbeeld biedt een installatieprogramma details die betekenisloos zijn voor de gebruiker.

  • Geef nuttige animaties op. Indien goed gedaan, verbeteren animaties de gebruikerservaring door gebruikers te helpen de bewerking te visualiseren. Goede animaties hebben meer impact dan alleen tekst. Op de voortgangsbalk voor de opdracht Outlook Verwijderen wordt bijvoorbeeld de Prullenbak voor de bestemming weergegeven als de bestanden kunnen worden hersteld, maar geen Prullenbak als de bestanden niet kunnen worden hersteld.

    schermafbeelding van de voortgang van het verwijderen

    In dit voorbeeld wordt het ontbreken van een Prullenbak versterkt dat de bestanden permanent worden verwijderd. Deze aanvullende informatie zou niet zo effectief met behulp van tekst worden gecommuniceerd.

  • Gebruik geen onnodige animaties. Animaties kunnen misleidend zijn omdat ze meestal worden uitgevoerd in een afzonderlijke thread van de werkelijke taak en daarom voortgang kunnen voorstellen, zelfs als de bewerking is vergrendeld. Als de bewerking langzamer is dan verwacht, gaan gebruikers er soms van uit dat de animatie deel uitmaakt van de reden. Gebruik daarom alleen animaties wanneer er een duidelijke reden is; gebruik ze niet om gebruikers te vermaken.

  • Positieanimaties gecentreerd op de voortgangsbalk. Plaats de animatie boven de voortgangsbalklabels, indien aanwezig. Als er rechts van de voortgangsbalk een knop Annuleren of Stoppen is, neemt u de knop op bij het bepalen van het midden.

  • Een geluidseffect afspelen bij het voltooien van een bewerking alleen als deze zeer lang (langer dan twee minuten), onregelmatig en belangrijk is. Als de gebruiker waarschijnlijk wegloopt van een belangrijke bewerking terwijl deze wordt verwerkt, herstelt een geluidseffect de aandacht van de gebruiker. Het gebruik van een geluidseffect bij voltooiing in andere omstandigheden zou een afleidende ergernis zijn.

  • Stel de invoerfocus niet om een voortgangsupdate of voltooiing weer te geven. Gebruikers schakelen vaak over naar andere programma's terwijl ze wachten en willen niet worden onderbroken. Achtergrondtaken moeten op de achtergrond blijven staan.

  • Maak u geen zorgen over technische ondersteuning. Omdat de feedback die wordt gegeven door voortgangsbalken niet noodzakelijkerwijs nauwkeurig is en vlot verloopt, zijn voortgangsbalken geen goed mechanisme voor het verstrekken van informatie voor technische ondersteuning. Als de bewerking kan mislukken (zoals bij een installatieprogramma), geeft u geen aanvullende voortgangsinformatie op die alleen nuttig is voor technische ondersteuning. Geef in plaats daarvan een alternatief mechanisme op, zoals een logboekbestand voor het vastleggen van technische ondersteuningsgegevens.

    Onjuist:

    schermafbeelding van de voortgangsbalk met de servernaam

    In dit voorbeeld toont de voortgangsbalk details die zijn bedoeld voor technische ondersteuning.

  • Plaats het percentage voltooid of geen andere tekst op een voortgangsbalk. Dergelijke tekst is niet toegankelijk en is niet compatibel met het gebruik van thema's.

    Onjuist:

    schermafbeelding van de voortgangsbalk met tekst op de balk

    In dit voorbeeld is de percentagetekst op de voortgangsbalk niet toegankelijk.

  • Combineer geen voortgangsbalk met een bezet aanwijzer. Gebruik een of de andere, maar niet beide tegelijk.

  • Gebruik geen verticale voortgangsbalken. Horizontale voortgangsbalken hebben een natuurlijkere toewijzing en een betere stroom.

Voortgangsbalken determineren

  • Gebruik determinate voortgangsbalken voor bewerkingen waarvoor een gebonden hoeveelheid tijd is vereist, zelfs als die hoeveelheid tijd niet nauwkeurig kan worden voorspeld. Onbepaalde voortgangsbalken laten zien dat er vooruitgang wordt geboekt, maar geef geen andere informatie op. Kies geen onbepaalde voortgangsbalk op basis van het mogelijke gebrek aan nauwkeurigheid alleen.

  • Geef duidelijk de voortgangsfase aan. De voortgangsbalk moet kunnen aangeven of de bewerking zich in het begin, midden of einde van een bewerking bevindt. Zo zijn voortgangsbalken die onmiddellijk schieten op 99 procent voltooiing, dan blijven daar lange tijd bijzonder onopgevormd en vervelend. In deze gevallen moet de voortgangsbalk in eerste instantie worden ingesteld op maximaal 33 procent om aan te geven dat de bewerking zich nog in de beginfase bevindt.

  • Geef duidelijk aan dat de voltooiing is voltooid. Laat een voortgangsbalk niet naar 100 procent gaan, tenzij de bewerking is voltooid.

  • Geef een schatting van de resterende tijd op als u dit nauwkeurig kunt doen. De resterende tijdsramingen die nauwkeurig zijn, zijn nuttig, maar schattingen die van de markering af zijn of die niet in de buurt komen, zijn niet nuttig. Mogelijk moet u enkele verwerkingen uitvoeren voordat u nauwkeurige schattingen kunt geven. Als dit het probleem is, geeft u tijdens deze eerste periode geen mogelijk onjuiste schattingen weer.

  • Start de voortgang niet opnieuw op. Een voortgangsbalk verliest de waarde als deze opnieuw wordt opgestart (mogelijk omdat een stap in de bewerking is voltooid) omdat gebruikers niet kunnen weten wanneer de bewerking wordt voltooid. Laat in plaats daarvan alle stappen in de bewerking een deel van de voortgang delen en laat de voortgangsbalk eenmaal worden voltooid.

    Onjuist:

    schermafbeelding van de voortgangsbalk die opnieuw is opgestart

    In dit voorbeeld is de bewerking verplaatst naar de stap van het kopiëren van bestanden en het opnieuw instellen van de voortgangsbalk voor die stap. Gebruikers hebben nu geen idee hoeveel vooruitgang is geboekt of hoeveel tijd er nog over is.

  • Maak geen back-up van de voortgang. Net als bij opnieuw opstarten verliest een voortgangsbalk de waarde als er een back-up van wordt gemaakt. Verhoog de voortgang altijd monotonisch. U kunt echter een schatting van de resterende tijd hebben die toeneemt (evenals afnames) omdat het voortgangspercentage kan variëren.

Onbepaalde voortgangsbalken

  • Gebruik onbepaalde voortgangsbalken alleen voor bewerkingen waarvan de algehele voortgang niet kan worden bepaald. Gebruik onbepaalde voortgangsbalken voor bewerkingen waarvoor een niet-gebonden hoeveelheid tijd nodig is of die toegang hebben tot een onbekend aantal objecten. Gebruik time-outs om grenzen te geven aan op tijd gebaseerde bewerkingen.

  • Converteer naar een determinate voortgangsbalk zodra de algehele voortgang kan worden bepaald. Als het bijvoorbeeld aanzienlijk langer duurt dan twee seconden om het aantal objecten te bepalen, kunt u een onbepaalde voortgangsbalk gebruiken terwijl de objecten worden geteld en vervolgens converteren naar een determinate voortgangsbalk.

  • Combineer geen onbepaalde voortgangsbalken met het percentage voltooide schattingen of de resterende tijd. Als u deze informatie kunt opgeven, gebruikt u in plaats daarvan een determinate voortgangsbalk.

  • Combineer geen onbepaalde voortgangsbalken met animaties. Een onbepaalde voortgangsbalk is effectief een algemene animatie, dus u moet er een of de andere gebruiken, maar nooit beide.

    juist:

    schermafbeelding van de voortgang bij het detecteren van server

    In dit voorbeeld wordt alleen een animatie gebruikt om aan te geven dat een bewerking wordt uitgevoerd.

Voortgangsbalken zonder modus

  • Als gebruikers iets productiefs kunnen doen terwijl de bewerking wordt uitgevoerd, geeft u modeloze feedback. Mogelijk moet u een subset van functionaliteit uitschakelen waarvoor de bewerking moet worden voltooid.

  • Als het venster een adresbalk heeft, geeft u de modusloze voortgang in de adresbalk weer.

    schermafbeelding van de voortgangsbalk als onderdeel van de adresbalk

    In dit voorbeeld wordt de voortgang zonder modus weergegeven in de adresbalk.

  • Anders als het venster een statusbalk heeft, de modusloze voortgang op de statusbalk weergeven. Plaats de bijbehorende tekst links in de statusbalk.

    schermafbeelding van de voortgangsbalk als onderdeel van de statusbalk

    In dit voorbeeld wordt de voortgang zonder modus weergegeven op de statusbalk.

  • modale voortgangsbalken op voortgangspagina's ofdialoogvensters voor voortgangplaatsen.

  • Geef een opdrachtknop op om de bewerking te stoppen als het langer dan een paar seconden duurt of als de bewerking nooit kan worden voltooid. Label de knop Annuleren als het annuleren de vorige status van de omgeving retourneert (zonder bijwerkingen), anders labelt u de knop Stoppen om aan te geven dat de gedeeltelijk voltooide bewerking intact blijft. U kunt het knoplabel wijzigen van Annuleren naar Stoppen in het midden van de bewerking als het op een bepaald moment niet mogelijk is om de omgeving terug te zetten naar de vorige status. Centreer de opdrachtknop verticaal met de voortgangsbalk in plaats van de bovenkant ervan uit te lijnen.

    juist:

    schermafbeelding van de voortgang van het wachten op netwerk

    In dit voorbeeld heeft het stoppen van de netwerkverbinding geen neveneffect, dus Annuleren wordt gebruikt.

    juist:

    schermafbeelding van de voortgangsbalk met de kopieertijd

    In dit voorbeeld blijft het stoppen van de kopie eventuele gekopieerde bestanden achter, zodat de opdrachtknop is gelabeld als Stoppen.

    Onjuist:

    schermafbeelding van de voortgangsbalk voor zoeken en knop stoppen

    In dit voorbeeld blijft het stoppen van de zoekopdracht geen neveneffect, dus de opdrachtknop moet worden gelabeld als Annuleren.

Resterende tijd

Voor determinatie van voortgangsbalken:

  • Gebruik de volgende tijdnotaties. Begin met de eerste van de volgende notaties waarbij de grootste tijdseenheid niet nul is en wijzig vervolgens in de volgende notatie zodra de grootste tijdseenheid nul wordt.

    Voor voortgangsbalken:

    Als gerelateerde informatie wordt weergegeven in een dubbele puntindeling:

    Resterende tijd: h uur, m minuten

    Resterende tijd: m minuten, seconden

    Resterende tijd: seconden

    Als er een premium schermruimte is:

    uur, resterende minuten

    m min, s sec resterend

    s seconden resterend

    anders :

    h uur, resterende minuten

    m minuten, seconden resterend

    s seconden resterend

    Voor titelbalken:

    uu:mm resterend

    mm:ss resterend

    Resterende 0:ss

    Deze compacte indeling toont eerst de belangrijkste informatie, zodat deze niet wordt afgekapt op de taakbalk.

  • Maak schattingen nauwkeurig, maar geef geen valse precisie. Als de grootste eenheid uren is, geeft u minuten (indien zinvol) maar niet seconden.

    Onjuist:

    uu uren, mm minuten, ss seconden

  • Houd de schatting up-to-date. De resterende tijd van de update wordt ten minste om de 5 seconden geschat.

  • focus op de resterende tijd omdat dat de informatie is die gebruikers het belangrijkst hebben. Geef alleen de totale verstreken tijd als er scenario's zijn waarin verstreken tijd nuttig is (bijvoorbeeld wanneer de taak waarschijnlijk wordt herhaald). Als de resterende schatting van de resterende tijd is gekoppeld aan een voortgangsbalk, hebt u geen volledige tekst, omdat deze informatie wordt overgebracht door de voortgangsbalk zelf.

  • Grammaticaal juist zijn. Gebruik enkelvoudige eenheden wanneer het getal één is.

    Onjuist:

    1 minuten, 1 seconden

  • Hoofdlettergebruik in zinsstijl gebruiken.

Voortgangsbalkkleuren

  • Gebruik alleen rode of gele voortgangsbalken om de voortgangsstatus aan te geven, niet de uiteindelijke resultaten van een taak. Een rode of gele voortgangsbalk geeft aan dat gebruikers actie moeten ondernemen om de taak te voltooien. Als de voorwaarde niet kan worden hersteld, laat u de voortgangsbalk groen en geeft u een foutbericht weer.
  • Draai de voortgangsbalk rood wanneer er een herstelbare voorwaarde van de gebruiker is die voorkomt dat verdere voortgang wordt gemaakt. Een bericht weergeven om het probleem uit te leggen en een oplossing aan te bevelen.
  • Zet de voortgangsbalk geel om aan te geven dat de gebruiker de taak heeft onderbroken of dat er een voorwaarde is die de voortgang belemmert, maar dat de voortgang nog steeds plaatsvindt (bijvoorbeeld met een slechte netwerkverbinding). Als de gebruiker is onderbroken, wijzigt u het label Knop Onderbreken in Hervatten. Als de voortgang wordt belemmerd, geeft u een bericht weer om het probleem uit te leggen en een oplossing aan te bevelen.

Meter

  • Gebruik alleen voortgangsbalken voor voortgang. Gebruik meters om percentages aan te geven die niet zijn gerelateerd aan de voortgang.

diagram met de grootte en afstand van de voortgangsbalk

Aanbevolen grootte en afstand voor voortgangsbalken.

  • Gebruik altijd de aanbevolen hoogte van de voortgangsbalk.
    • Uitzondering: U kunt een andere hoogte gebruiken als het bovenliggende venster de aanbevolen hoogte niet ondersteunt.
  • Gebruik de minimale breedte als u de voortgangsbalk onopvallend wilt maken.
  • Gebruik geen breedten die langer zijn dan het maximum dat wordt aanbevolen. De voortgangsbalk hoeft de beschikbare ruimte niet te vullen.
  • Centreer de voortgangsbalk horizontaal als het venster veel breder is dan de maximale aanbevolen breedte.

Labels

Voortgangsbalklabels

  • Gebruik een beknopt label met een besturingselement voor statische tekst om aan te geven wat de bewerking doet. Begin het label met een werkwoord (bijvoorbeeld Kopiëren) en eindig met een beletselteken. Dit label kan dynamisch worden gewijzigd als de bewerking meerdere stappen heeft of meerdere objecten verwerkt.

  • Wijs geen unieke toegangssleutel toe omdat het besturingselement niet interactief is.

  • Gebruik hoofdlettergebruik inzinsstijl.

  • Als de bewerking niet rechtstreeks door de gebruiker is gestart, kunt u een extra label toevoegen om de context te geven en uw excuses aan te bieden voor de onderbreking. Begin dit extra label met de woordgroep. Wacht even. Dit label mag niet worden gewijzigd tijdens de bewerking.

    schermafbeelding van de voortgangsbalk met label

    In dit voorbeeld wordt de gebruiker gevraagd om te wachten omdat de gebruiker de bewerking niet rechtstreeks heeft gestart.

  • Plaats het label boven de voortgangsbalk en lijn het label uit met de linkerrand van de voortgangsbalk.

Voortgangsbalkdetails

  • Geef details op in statische tekst, voorafgaand aan de gegevens met een label dat eindigt op een dubbele punt. Geef eenheden (seconden, kilobytes enzovoort) op na de tekst van de details.

    juist:

    schermafbeelding van de voortgangsbalk met de overdrachtssnelheid

    In dit voorbeeld zijn de details correct gelabeld.

    Onjuist:

    schermafbeelding van de voortgangsbalk zonder het juiste label

    In dit voorbeeld worden de details niet gelabeld, waardoor gebruikers hun betekenis moeten bepalen.

  • Gebruik hoofdlettergebruik inzinsstijl.

  • Plaats de details onder de voortgangsbalk en lijn het label uit met de linkerrand van de voortgangsbalk.

  • Geef het percentage voltooid of resterend niet op omdat deze informatie wordt overgebracht door de voortgangsbalk zelf.

Knop Annuleren

  • Label de knop Annuleren als het annuleren de omgeving naar de vorige status retourneert (zonder neveneffect); anders labelt u de knop Stoppen om aan te geven dat de gedeeltelijk voltooide bewerking intact blijft.
  • U kunt het knoplabel wijzigen van Annuleren naar Stoppen in het midden van de bewerking als het op een bepaald moment niet mogelijk is om de omgeving terug te zetten naar de vorige status.

Titels van het dialoogvenster Voortgang

  • Als de voortgangsbalk wordt weergegeven in een modaal dialoogvenster, moet de titel van het dialoogvenster de naam van het programma of de naam van de bewerking zijn. Gebruik niet wat het label van de voortgangsbalk moet zijn voor de titel van het dialoogvenster.

    juist:

    schermafbeelding van de titel van de voortgangsbalk met taaknaam

    In dit voorbeeld wordt de taaknaam gebruikt voor de titel van het dialoogvenster.

    Onjuist:

    schermopname van de titel van het dialoogvenster redundant

    In dit voorbeeld is de titeltekst van het dialoogvenster een aanpassing van het voortgangsbalklabel. In plaats daarvan moet de programmanaam worden gebruikt.

  • Als de voortgangsbalk wordt weergegeven in een modusloos dialoogvenster, optimaliseert u de titel voor weergave op de taakbalk door de onderscheidende informatie beknopt te plaatsen. Voorbeeld: '66% voltooid'.