Delen via


Statusbalken (basisprincipes ontwerpen)

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.

Een statusbalk is een gebied onder aan een primair venster met informatie over de status van het huidige venster (zoals wat wordt bekeken en hoe), achtergrondtaken (zoals afdrukken, scannen en opmaak) of andere contextuele informatie (zoals selectie en toetsenbordstatus).

Statusbalken geven meestal de status aan via tekst en pictogrammen, maar ze kunnen ook voortgangsindicatoren hebben, evenals menu's voor opdrachten en opties met betrekking tot status.

schermafbeelding van standaardstatusbalk

Een typische statusbalk.

Notitie

Richtlijnen met betrekking tot het systeemvak worden weergegeven in een afzonderlijk artikel.

Is dit de juiste gebruikersinterface?

Houd rekening met deze vragen om te bepalen:

  • Is de status relevant wanneer gebruikers actief andere programma's gebruiken? Zo ja, gebruik dan een systeemvakpictogrammen.

  • Moet het statusitem meldingen weergeven? Zo ja, dan moet u een systeemvakpictogram gebruiken.

  • Is het venster een primair venster? Zo niet, gebruik dan geen statusbalk. Dialoogvensters, wizards, besturingsvensters en eigenschappenvensters mogen geen statusbalken hebben.

  • Is de informatie voornamelijk de status? Zo niet, gebruik dan geen statusbalk. Statusbalken mogen niet worden gebruikt als een secundaire menubalk of werkbalk.

  • Wordt in de informatie uitgelegd hoe u het geselecteerde besturingselement gebruikt? Zo ja, dan geeft u de informatie naast het bijbehorende besturingselement weer met behulp van een aanvullende uitleg of instructielabel.

  • Is de status nuttig en relevant? Dat wil zeggen dat gebruikers hun gedrag waarschijnlijk zullen wijzigen als gevolg van deze informatie? Als dat niet het geval is, geeft u de status niet weer of plaatst u deze in een logboekbestand.

  • Is de status kritiek? Is onmiddellijke actie vereist? Zo ja, geeft u de informatie weer in een formulier waarin aandacht wordt gevraagd en die niet eenvoudig kan worden genegeerd, zoals een dialoogvenster of in het primaire venster zelf.

    schermafbeelding van de rode statusbalk 'certificaatfout'

    Een rode adresbalk in Windows Internet Explorer.

  • Is het programma voornamelijk bedoeld voor beginnende gebruikers? Onervaren gebruikers zijn zich over het algemeen niet bewust van statusbalken, dus overweeg het gebruik van statusbalken in dit geval opnieuw.

Ontwerpconcepten

Statusbalken zijn een uitstekende manier om statusinformatie te bieden zonder gebruikers te onderbreken of hun stroom te verbreken. Statusbalken zijn echter gemakkelijk te overzien. Zo eenvoudig, in feite, dat veel gebruikers helemaal geen statusbalken zien.

De oplossing voor dit probleem is niet om de aandacht van de gebruiker te vragen met behulp van verwaasde pictogrammen, animatie of knipperen, maar om te ontwerpen voor deze beperking. U kunt dit doen door:

  • Zorg ervoor dat de statusinformatie nuttig en relevant is. Zo niet, geef dan helemaal geen statusbalk op.
  • Gebruik geen statusbalken voor cruciale informatie. Gebruikers moeten nooit weten wat zich in de statusbalk bevindt. Als gebruikers deze moeten zien, plaatst u deze niet in een statusbalk.

Als u maar één ding doet...

Zorg ervoor dat de informatie op de statusbalk nuttig en relevant is, maar niet cruciaal.

Gebruikspatronen

Statusbalken hebben verschillende gebruikspatronen:

Gebruik Voorbeeld
huidige vensterstatus
De bron weergeven van wat er wordt weergegeven, samen met weergavemodi
schermafbeelding van de statusbalk 'locatie'
In dit voorbeeld wordt op de statusbalk het pad naar het document weergegeven.
voortgang
De voortgang van achtergrondtaken weergeven, ofwel met een determinate voortgangsbalk of een animatie.
schermafbeelding van de statusbalk met voortgangsbalk
In dit voorbeeld bevat de statusbalk een voortgangsbalk om de webpagina weer te geven die in een Internet Explorer-venster wordt geladen.
contextuele informatie
Contextuele informatie weergeven over wat de gebruiker momenteel doet.
schermafbeelding van de statusbalk met het aantal pixels
In dit voorbeeld toont Microsoft Paint de selectiegrootte in pixels.

Richtsnoeren

Algemeen

  • U kunt een opdracht Statusbalk weergeven opgeven als alleen sommige gebruikers de statusbalkgegevens nodig hebben. Verberg de statusbalk standaard als de meeste gebruikers deze niet nodig hebben.
  • Gebruik de statusbalk niet om menubalkitems uit te leggen. Dit Help-patroon kan niet worden gedetecteerd.

Presentatie

  • Schakel modale status uit die niet van toepassing is. Modale status omvat toetsenbord- en documentstatussen.
  • Verwijder niet-modale status die niet van toepassing is.
  • Statusinformatie presenteren in de volgende volgorde: huidige vensterstatus; vooruitgang; en contextuele informatie.

Pictogrammen

  • Kies eenvoudig herkenbare statuspictogramontwerpen. Geef de voorkeur aan pictogrammen met unieke contouren boven vierkante of rechthoekige pictogrammen.

  • Gebruik de zwerven van puur rood, geel en groen alleen om statusinformatie te communiceren. Anders zijn dergelijke pictogrammen verwarrend.

    juist:

    schermafbeelding van de statusbalk met blauwe pictogrammen

    Onjuist:

    schermafbeelding van de statusbalk met een rood pictogram

    In het onjuiste voorbeeld stelt het rode pictogram onbedoeld een fout voor, waardoor verwarring ontstaat.

  • Gebruik pictogramvariaties of overlays om status- of statuswijzigingen aan te geven. Gebruik pictogrammenvariaties om wijzigingen in hoeveelheden of sterke punten weer te geven. Gebruik deze standaardoverlays voor andere typen statussen:

    Overlappen Status
    schermafbeelding van waarschuwingspictogram
    Waarschuwing
    schermafbeelding van foutpictogram
    Fout
    schermafbeelding van het pictogram uitgeschakeld/verbroken
    Uitgeschakeld/verbroken
    schermafbeelding van het pictogram geblokkeerd/offline
    Geblokkeerd/offline
  • Wijzig de status niet te vaak. Statusbalkpictogrammen mogen niet luidruchtig, instabiel of aandacht vragen. Het oog is gevoelig voor veranderingen in het randgebied van de visie, dus statuswijzigingen moeten subtiel zijn.

  • Voor pictogrammen die belangrijke statusinformatie bieden, geeft u de voorkeur aan in-place labels.

  • Niet-gelabelde statusbalkpictogrammen moeten knopinfo hebben.

Zie Pictogrammenvoor meer informatie.

Interactie

  • Maak een statusbalk interactief om gebruikers rechtstreeks toegang te geven tot gerelateerde opdrachten en opties.
    • Gebruik een besturingselement dat eruitziet en zich gedraagt als een menuknop of een splitsknop. Deze statusbalkgebieden moeten een vervolgkeuzepijl hebben om aan te geven dat ze kunnen worden geklikt.
    • Het menu weergeven met de linkermuisknop, niet met de muis omhoog.
    • Ondersteuning voor klikken met de rechtermuisknop of dubbelklikken niet. Gebruikers verwachten dergelijke interacties niet op een statusbalk, dus ze zullen ze waarschijnlijk niet proberen.
  • Knopinfo weergeven bij aanwijzen.

Sms

  • Gebruik over het algemeen beknopte labels. Knip alle tekst die kan worden geëlimineerd.
  • Geef de voorkeur aan zinsfragmenten, zonder interpunctie te beëindigen. Gebruik volledige zinnen (met eindepunctie) alleen als zinsfragmenten niet aanzienlijk korter zijn.
  • Voor optionele voortgangslabels geeft u aan wat de bewerking doet met een label dat begint met een werkwoord (loop form) en eindigt met een beletselteken. Bijvoorbeeld: 'Kopiëren...'. Dit label kan dynamisch worden gewijzigd als de bewerking meerdere stappen heeft of meerdere objecten verwerkt.
  • Gebruik geen kleur, vet of cursief om de tekst van de statusbalk te benadrukken.
  • Zie Knopinfo en Infotipsvoor richtlijnen voor het formuleren van knopinfo.

Documentatie

Raadpleeg statusbalken als statusbalken, niet statusregels of andere variaties. Voorbeeld: 'Het huidige paginanummer wordt weergegeven op de statusbalk'.