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.
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.
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 |
![]() 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. |
![]() 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. |
![]() 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:
Onjuist:
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 Waarschuwing Fout Uitgeschakeld/verbroken 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'.