Windows 7-werkbalken

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.

Werkbalken zijn een manier om opdrachten te groeperen voor efficiënte toegang.

schermafbeelding van twee werkbalken met elementen met het label

Enkele typische werkbalken.

Gebruik werkbalken naast of in plaats van menubalken. Werkbalken kunnen efficiënter zijn dan menubalken omdat ze direct zijn (altijd weergegeven in plaats van te worden weergegeven met de muisklik), direct (in plaats van extra invoer te vereisen) en de meest gebruikte opdrachten bevatten (in plaats van een uitgebreide lijst). In tegenstelling tot menubalken hoeven werkbalken niet volledig of duidelijk te zijn, alleen snel, handig en efficiënt.

Sommige werkbalken kunnen worden aangepast, zodat gebruikers werkbalken kunnen toevoegen of verwijderen, hun grootte en locatie kunnen wijzigen en zelfs hun inhoud kunnen wijzigen. Sommige typen werkbalken kunnen losgekoppeld worden, wat resulteert in een paletvenster. Zie Gebruikspatronen in dit artikel voor meer informatie over werkbalkvarianten.

Notitie

Richtlijnen met betrekking tot menu's, opdrachtknoppenen pictogrammen worden weergegeven in afzonderlijke artikelen.

Is dit de juiste gebruikersinterface?

Houd rekening met deze vragen om te bepalen:

  • Is het venster een primair venster? Werkbalken werken goed voor primaire vensters, maar zijn meestal overweldigend voor secundaire vensters. Gebruik voor secundaire vensters opdrachtknoppen, menuknoppenen koppelingen.
  • Zijn er een klein aantal veelgebruikte opdrachten? Werkbalken kunnen niet zoveel opdrachten als menubalken verwerken, dus ze werken het beste als een manier om efficiënt toegang te krijgen tot een klein aantal veelgebruikte opdrachten.
  • Zijn de meeste opdrachten onmiddellijk? Dat wil zeggen, zijn het meestal opdrachten waarvoor geen extra invoer nodig is? Om efficiënt te zijn, moeten werkbalken een direct en onmiddellijk gevoel hebben. Als dat niet het geval is, zijn menubalken beter geschikt voor opdrachten waarvoor extra invoer is vereist.
  • Kunnen de meeste opdrachten rechtstreeks worden weergegeven? Dat wil zeggen dat gebruikers met één klik met hen communiceren? Hoewel sommige opdrachten als menuknoppen kunnen worden weergegeven, gaat de efficiëntie van de werkbalk verloren wanneer de meeste opdrachten op deze manier worden weergegeven. Daarom is een menubalk een betere keuze.
  • Zijn de opdrachten goed vertegenwoordigd door pictogrammen? Werkbalkknoppen worden meestal vertegenwoordigd door pictogrammen in plaats van tekstlabels (hoewel sommige werkbalkknoppen beide gebruiken), terwijl menuopdrachten worden vertegenwoordigd door hun tekst. Als de opdrachtpictogrammen niet van hoge kwaliteit zijn en niet verklarend zijn, is een menubalk mogelijk een betere keuze.

Als uw programma een werkbalk zonder menubalk heeft en de meeste opdrachten indirect toegankelijk zijn via menuknoppen en splitsknoppen, is deze werkbalk in feite een menubalk. Pas in plaats daarvan het werkbalkmenu's patroon toe in de richtlijnen voor menu's.

Ontwerpconcepten

Een goede menubalk is een uitgebreide catalogus met alle beschikbare opdrachten op het hoogste niveau, terwijl een goede werkbalk snelle, handige toegang biedt tot veelgebruikte opdrachten. Een werkbalk probeert gebruikers niet te trainen om ze alleen productief te maken. Zodra gebruikers weten hoe ze toegang krijgen tot een opdracht op een werkbalk, blijven ze zelden toegang krijgen tot de opdracht vanaf de menubalk. Om deze redenen hoeven de menubalk en de werkbalk van een programma niet rechtstreeks te corresponderen.

Werkbalken versus menubalken

Werkbalken verschillen traditioneel van menubalken op de volgende manieren:

  • Frequentie. Werkbalken bevatten alleen de meest gebruikte opdrachten, terwijl menubalken alle beschikbare opdrachten op het hoogste niveau in een programma catalogiseren.

  • Directheid. Als u op een werkbalkopdracht klikt, wordt deze direct van kracht, terwijl voor een menuopdracht mogelijk extra invoer is vereist. Met een opdracht Afdrukken in een menubalk wordt bijvoorbeeld eerst het dialoogvenster Afdrukken weergegeven, terwijl met een werkbalkknop Afdrukken onmiddellijk één exemplaar van een document naar de standaardprinter wordt afgedrukt.

    schermafbeelding van de printerknop van de werkbalk geselecteerd

    In dit voorbeeld wordt door op de knop Afdrukken op de werkbalk te klikken direct één exemplaar van een document afgedrukt op de standaardprinter.

  • Directheid. Werkbalkopdrachten worden met één klik aangeroepen, terwijl voor menubalkopdrachten het menu moet worden doorlopen.

  • Getal en dichtheid. De schermruimte die een werkbalk nodig heeft, is evenredig aan het aantal opdrachten, en die ruimte wordt altijd gebruikt, zelfs als de opdrachten niet worden gebruikt. Daarom moeten werkbalken hun ruimte efficiënt gebruiken. Menubalkopdrachten zijn daarentegen normaal gesproken verborgen in de weergave en de hiërarchische structuur maakt een willekeurig aantal opdrachten mogelijk.

  • Grootte en presentatie. Als u veel opdrachten in een kleine ruimte wilt inpakken, gebruiken werkbalken meestal opdrachten op basis van pictogrammen (met labels op basis van knopinfo), terwijl menubalken op tekst gebaseerde opdrachten (met optionele pictogrammen) gebruiken. Hoewel werkbalkknoppen standaardtekstlabels kunnen hebben, gebruiken deze aanzienlijk meer ruimte.

    schermafbeelding van werkbalk met label voor verzenden/ontvangen

    Gelabelde werkbalkknoppen nemen minstens drie keer zoveel ruimte in beslag als niet-gelabelde knoppen.

  • Vanzelfsprekend. Goed ontworpen werkbalken hebben pictogrammen nodig die meestal zelf verklarend zijn, omdat gebruikers geen opdrachten efficiënt kunnen vinden met behulp van knopinfo. Werkbalken werken echter nog steeds goed als een paar minder veelgebruikte opdrachten niet verklarend zijn.

    schermafbeelding van werkbalk met vertrouwde pictogrammen

    In dit voorbeeld zijn de meestgebruikte pictogrammen duidelijk.

  • Herkenbaar en onderscheidbaar. Voor veelgebruikte opdrachten onthouden gebruikers werkbalkknopkenmerken zoals locatie, vorm en kleur. Met goed ontworpen werkbalken kunnen gebruikers de opdrachten snel vinden, zelfs als ze het exacte pictogramsymbool niet meer weten. Gebruikers onthouden daarentegen veelgebruikte opdrachtlocaties op de menubalk, maar vertrouwen op de opdrachtlabels voor het maken van selecties.

    schermafbeelding van het dialoogvenster opties voor knipprogramma's

    Bij werkbalkopdrachten helpen een onderscheidende locatie, vorm en kleur pictogrammen herkenbaar en van elkaar te onderscheiden.

    schermafbeelding van de menubalk met de opdracht Bestand geselecteerd

    Voor menubalkopdrachten zijn gebruikers uiteindelijk afhankelijk van hun labels.

Efficiëntie

Gezien hun kenmerken moeten werkbalken voornamelijk worden ontworpen voor efficiëntie. Een inefficiënte werkbalk is alleen niet logisch.

Als u maar één ding doet...

Zorg ervoor dat uw werkbalken voornamelijk zijn ontworpen voor efficiëntie. Richt werkbalken op opdrachten die vaak worden gebruikt, meteen beschikbaar zijn, direct zijn en snel herkenbaar zijn.

Menubalken verbergen

Over het algemeen werken werkbalken goed samen met menubalken: goede werkbalken bieden efficiëntie en goede menubalken bieden uitgebreidheid. Met zowel menubalken als werkbalken kan elk zich richten op zijn sterke punten zonder compromissen.

Verrassend genoeg wordt dit model opgesplitst in eenvoudige programma's. Voor programma's met slechts een paar opdrachten is het niet logisch om zowel een menubalk als een werkbalk te hebben, omdat de menubalk uiteindelijk een redundante, inefficiënte versie van de werkbalk is.

Om deze redundantie te elimineren, richten veel eenvoudige programma's in Windows Vista zich op het leveren van opdrachten alleen via de werkbalk en het standaard verbergen van de menubalk. Dergelijke programma's omvatten Windows Verkenner, Windows Internet Explorer, Windows Media Player en Windows Photo Gallery.

Dit is geen kleine verandering. Als u de menubalk verwijdert, wordt de aard van werkbalken fundamenteel gewijzigd, omdat dergelijke werkbalken uitgebreid moeten zijn en op de volgende manieren moeten worden gewijzigd:

  • Frequentie. Als u de menubalk verwijdert, moeten alle opdrachten die niet rechtstreeks vanuit een venster of contextmenu's beschikbaar zijn, toegankelijk zijn vanaf de werkbalk, ongeacht de frequentie van het gebruik.

  • Directheid. Als u de menubalk verwijdert, is de werkbalk het enige zichtbare toegangspunt voor opdrachten, waardoor de werkbalk over de volledig functionele versies moet beschikken. Als er bijvoorbeeld geen menubalk is, moet een opdracht Afdrukken op een werkbalk het dialoogvenster Afdrukken weergeven in plaats van direct af te drukken. (Hoewel het gebruik van een splitsknop een uitstekend compromis is in dit geval. Zie menu Standard en splitsknoppen voor de standaardknop Afdrukken splitsen.)

    schermafbeelding van de opties van de werkbalk en de afdrukopdracht

    In dit voorbeeld heeft de knop Werkbalk Afdrukken in Windows Fotogalerie een opdracht Afdrukken waarmee het dialoogvenster Afdrukken wordt weergegeven.

  • Directheid. Als u ruimte wilt besparen en onbelangrijke e-mail wilt voorkomen, kunnen minder veelgebruikte opdrachten worden verplaatst naar menuknoppen, waardoor ze minder direct zijn.

Werkbalken die worden gebruikt om een menubalk aan te vullen, zijn anders ontworpen dan werkbalken die zijn ontworpen voor gebruik met een verwijderde of verborgen menubalk. En omdat u niet kunt aannemen dat gebruikers een verborgen menubalk weergeven om één opdracht uit te voeren, moet het verbergen van een menubalk hetzelfde worden behandeld als het volledig verwijderen bij het nemen van ontwerpbeslissingen. (Als u de menubalk standaard verbergt, wordt er niet van uitgegaan dat gebruikers denken aan het weergeven van de menubalk om een opdracht te vinden of zelfs te achterhalen hoe ze deze moeten weergeven.)

Het ontwerpen van een werkbalk om te werken zonder een menubalk brengt vaak enkele compromissen met zich mee. Maar voor efficiëntie moet u niet te veel compromissen sluiten. Als het verbergen van de menubalk resulteert in een inefficiënte werkbalk, verbergt u de menubalk niet.

Toetsenbordtoegankelijkheid

Vanuit het toetsenbord is het openen van werkbalken heel anders dan het openen van menubalken. Menubalken krijgen de focus op invoer wanneer gebruikers op de Alt-toets drukken en ze verliezen de invoerfocus met de Esc-toets. Zodra een menubalk de invoerfocus heeft, wordt deze onafhankelijk van de rest van het venster genavigeerd en worden alle pijltoetsen, Start, End en Tab verwerkt. Daarentegen krijgen werkbalken de invoerfocus zodra gebruikers met de Tab-toets door de volledige inhoud van het venster navigeren. Omdat werkbalken het laatst in tabvolgorde staan, kan het enige moeite kosten om te activeren op een drukke pagina (tenzij gebruikers Shift+Tab gebruiken om achteruit te gaan).

Toegankelijkheid vormt hier een dilemma: hoewel werkbalken gemakkelijker zijn voor muisgebruikers, zijn ze minder toegankelijk voor toetsenbordgebruikers. Dit is geen probleem als er zowel een menubalk als een werkbalk is, maar als de menubalk wordt verwijderd of verborgen.

Om toegankelijkheidsredenen wilt u de menubalk liever behouden in plaats van deze volledig te verwijderen ten gunste van een werkbalk. Als u moet kiezen tussen het verwijderen van de menubalk en deze gewoon verbergen, wilt u deze liever verbergen.

Gebruikspatronen

Werkbalken hebben verschillende gebruikspatronen:

Gebruik Voorbeeld
primaire werkbalken
een werkbalk die is ontworpen om te werken zonder een menubalk, verborgen of verwijderd.
primaire werkbalken moeten de behoefte aan efficiëntie met uitgebreidheid in balans hebben, zodat ze het beste werken voor eenvoudige programma's.
schermafbeelding van de werkbalk van Windows Verkenner
Een primaire werkbalk uit Windows Verkenner.
aanvullende werkbalken
een werkbalk die is ontworpen om te werken met een menubalk.
aanvullende werkbalken kunnen zich richten op efficiëntie zonder compromissen.
schermafbeelding van een menubalk op een werkbalk
Een aanvullende werkbalk van Windows Movie Maker.
werkbalkmenu's
een menubalk die is geïmplementeerd als een werkbalk.
werkbalkmenu's zijn werkbalken die voornamelijk bestaan uit opdrachten in menuknoppen en splitsknoppen, met slechts enkele directe opdrachten, indien van toepassing.
schermafbeelding van de menubalk met pictogrammen en opdrachten
Een werkbalkmenu in Windows Photo Gallery.
Aanpasbare werkbalken
een werkbalk die door gebruikers kan worden aangepast.
met aanpasbare werkbalken kunnen gebruikers werkbalken toevoegen of verwijderen, hun grootte en locatie wijzigen en zelfs hun inhoud wijzigen.
schermafbeelding van een werkbalk met tientallen pictogrammen
Een aanpasbare werkbalk van Microsoft Visual Studio.
Paletvensters
een niet-modaal dialoogvenster dat een reeks opdrachten toont.
paletvensters zijn losgekoppelde werkbalken.
schermafbeelding van het dialoogvenster Kleuren
schermafbeelding van een dialoogvenster lettertypen
Paletvensters van Windows Paint.

Werkbalken hebben deze stijlen:

Stijl Voorbeeld
niet-gelabelde pictogrammen
een of meer rijen met kleine, niet-gelabelde pictogramknoppen.
gebruik deze stijl als er te veel knoppen zijn om te labelen of als het programma vaak wordt gebruikt. met deze stijl kunnen programma's met complexe functionaliteit meerdere rijen hebben, en daarom is dit de enige stijl die moet worden aangepast. met deze stijl kunnen sommige opdrachtknoppen worden gelabeld als ze vaak worden gebruikt.
schermafbeelding van werkbalk met kleine, niet-gelabelde pictogrammen
Een werkbalk met niet-gelabelde pictogrammen van WordPad.
Grote niet-gelabelde pictogrammen
één rij met grote, niet-gelabelde pictogramknoppen.
gebruik deze stijl voor eenvoudige hulpprogramma's met gemakkelijk herkenbare pictogrammen en worden meestal uitgevoerd in kleine vensters.
schermafbeelding van werkbalk met grote, niet-gelabelde pictogrammen
schermafbeelding van de werkbalk met grote pictogrammen
Grote werkbalken met niet-gelabelde pictogrammen van Windows Live Messenger en het Windows-knipprogramma.
gelabelde pictogrammen
één rij met kleine gelabelde pictogrammen.
gebruik deze stijl als er weinig opdrachten zijn of als het programma niet vaak wordt gebruikt. deze stijl heeft altijd één rij.
schermafbeelding van werkbalk met gelabelde pictogrammen
Een werkbalk met gelabelde pictogrammen uit Windows Verkenner.
gedeeltelijke werkbalken
een gedeeltelijke rij met kleine pictogrammen die worden gebruikt om ruimte te besparen wanneer een volledige werkbalk niet nodig is.
gebruik deze stijl voor vensters met navigatieknoppen, een zoekvak of tabbladen om onnodig gewicht boven aan het venster te elimineren.
schermafbeelding van menubalk, werkbalk en favorietenbalk
Gedeeltelijke werkbalken kunnen worden gecombineerd met navigatieknoppen, een zoekvak of tabbladen.
Grote gedeeltelijke werkbalken
een gedeeltelijke rij met grote pictogrammen die worden gebruikt om ruimte te besparen wanneer een volledige werkbalk niet nodig is.
gebruik deze stijl voor eenvoudige hulpprogramma's met navigatieknoppen of een zoekvak om onnodig gewicht boven aan het venster te elimineren.
schermafbeelding van een grote gedeeltelijke werkbalk
Een grote gedeeltelijke werkbalk van Windows Defender.

Ten slotte hebben werkbalkbesturingselementen verschillende gebruikspatronen:

Gebruik Voorbeeld
Opdrachtpictogramknoppen
Als u op een opdrachtknop klikt, wordt een onmiddellijke actie gestart.
schermafbeelding van een werkbalk met gelabelde pictogrammen
Voorbeelden van pictogramopdrachtknoppen in Windows Faxen en scannen.
Knoppen met moduspictogrammen
als u op een modusknop klikt, wordt de geselecteerde modus geactiveerd.
schermafbeelding van een verticale werkbalk
Voorbeelden van modusknoppen uit Windows Paint.
Pictogramknoppen voor eigenschappen
De status van een eigenschapsknop weerspiegelt de status van de momenteel geselecteerde objecten, indien van toepassing. Als u op de knop klikt, wordt de wijziging toegepast op de geselecteerde objecten.
schermafbeelding van opmaakpictogrammen en geselecteerde tekst
Voorbeelden van eigenschapsknoppen uit Microsoft Word.
Pictogramknoppen met label
een opdrachtknop of eigenschapsknop met een pictogram en een tekstlabel.
deze knoppen worden gebruikt voor veelgebruikte werkbalkknoppen waarvan het pictogram niet voldoende verklarend is. ze worden ook gebruikt in werkbalken met zo weinig knoppen dat elke knop een tekstlabel kan hebben.
Schermopname van de werkbalk met pictogrammen die zijn gelabeld voor de meest gebruikte knoppen.
Een werkbalk met de meest gebruikte knoppen met het label.
menuknoppen
een opdrachtknop die wordt gebruikt om een kleine set gerelateerde opdrachten weer te geven.
Een enkele neerwaarts wijzende driehoek geeft aan dat als u op de knop klikt een menu wordt weergegeven.
schermafbeelding van de werkbalk en vervolgkeuzelijst
Een menuknop met een kleine set gerelateerde opdrachten.
gesplitste knoppen
een opdrachtknop die wordt gebruikt om variaties van een opdracht samen te voegen, met name wanneer een van de opdrachten meestal wordt gebruikt.
schermafbeelding van de knop Afdrukken splitsen
een splitsknop in de normale staat.
Net als een menuknop geeft een enkele omlaag wijzende driehoek aan dat als u op het meest rechtse gedeelte van de knop klikt, een menu wordt weergegeven.
schermafbeelding van opdrachten voor gesplitste afdrukknopen
een uitgeklapte splitsknop.
in dit voorbeeld wordt een splitsknop gebruikt om alle afdrukgerelateerde opdrachten samen te voegen. de opdracht direct afdrukken wordt meestal gebruikt, zodat gebruikers normaal gesproken de andere opdrachten niet hoeven te zien.
In tegenstelling tot een menuknop voert u, wanneer u op het linkerdeel van de knop klikt, direct de actie van het label uit. splitsknoppen zijn effectief in situaties waarin de volgende opdracht waarschijnlijk hetzelfde is als de laatste opdracht. In dit geval wordt het label gewijzigd in de laatste opdracht, zoals bij een kleurkiezer:
schermafbeelding van emmerpictogram dat verf uitgiet
In dit voorbeeld wordt het label gewijzigd in de laatste opdracht.
vervolgkeuzelijsten
een vervolgkeuzelijst (bewerkbaar of alleen-lezen) waarmee een eigenschap kan worden weergegeven of gewijzigd.
schermafbeelding van vervolgkeuzelijst met lettertypen
In dit voorbeeld worden vervolgkeuzelijsten gebruikt om lettertypekenmerken weer te geven en in te stellen.
Een vervolgkeuzelijst in een werkbalk weerspiegelt de status van het momenteel geselecteerde object, indien van toepassing. Als u de lijst wijzigt, wordt de status van het geselecteerde object gewijzigd.

Richtsnoeren

Presentatie

  • Kies een geschikte werkbalkstijl op basis van het aantal opdrachten en het bijbehorende gebruik. Zie de vorige tabel met werkbalkstijlen voor hulp bij het kiezen. Vermijd het gebruik van een werkbalkconfiguratie die te veel ruimte inneemt vanuit het werkgebied van het programma.

  • werkbalken net boven het inhoudsgebied plaatsen, onder de menubalk en adresbalk, indien aanwezig.

  • Als de ruimte beperkt is, bespaar dan ruimte door:

    • De labels van bekende pictogrammen en minder veelgebruikte opdrachten weglaten.
    • Gebruik alleen een gedeeltelijke werkbalk in plaats van de volledige breedte van het venster.
    • Gerelateerde opdrachten consolideren met een menuknop of splitsknop.
    • Met behulp van een overloophaak om minder veelgebruikte opdrachten weer te geven.
    • Opdrachten alleen weergeven wanneer ze van toepassing zijn op de huidige context.

    schermafbeelding van de algemene pictogrammen van de werkbalk die niet zijn gelabeld

    De werkbalk van Windows Internet Explorer bespaart ruimte door labels van bekende pictogrammen weg te laten, een gedeeltelijke werkbalk te gebruiken en een overloophaak te gebruiken voor minder vaak gebruikte opdrachten.

  • Gebruik voor het werkbalkpatroon met niet-gelabelde pictogrammen een standaardconfiguratie met niet meer dan twee rijen werkbalken. Als meer dan twee rijen nuttig kunnen zijn, kunt u de werkbalken aanpassen. Beginnen met meer dan twee rijen kan gebruikers overbelasten en te veel ruimte innemen in de werkruimte van het programma.

    Onjuist:

    schermafbeelding van de menubalk en drie rijen werkbalken

    Een standaardconfiguratie met meer dan twee rijen werkbalken zorgt voor te veel visuele rommel.

  • Afzonderlijke werkbalkknoppen uitschakelen die niet van toepassing zijn op de huidige context, in plaats van ze te verwijderen. Hierdoor is de inhoud van de werkbalk stabiel en gemakkelijker te vinden.

  • Schakel afzonderlijke werkbalkknoppen uit als erop klikken direct tot een fout zou leiden. Dit is noodzakelijk om een direct gevoel te behouden.

  • Verwijder voor het werkbalkpatroon met niet-gelabelde pictogrammen hele werkbalken als deze niet van toepassing zijn op de huidige context. Geef ze alleen weer in de relevante modi.

    schermafbeelding van de werkbalk voor foutopsporing

    In dit voorbeeld wordt de werkbalk Foutopsporing alleen weergegeven wanneer het programma wordt uitgevoerd.

  • Werkbalkknoppen links uitgelijnd weergeven. Het Help-pictogram, indien aanwezig, is rechts uitgelijnd.

    schermafbeelding van de werkbalk, pictogram Help rechts uitgelijnd

    Alle werkbalkknoppen zijn links uitgelijnd, met uitzondering van Help.

    Uitzondering: werkbalken in Windows 7-stijl links programmaspecifieke opdrachten uitlijnen, maar standaard, bekende opdrachten zoals Opties, Weergave en Help rechts uitlijnen.

  • Wijzig de labels van werkbalkknoppen niet dynamisch. Dit is verwarrend en onverwacht. U kunt het pictogram echter wijzigen om de huidige status weer te geven.

    schermafbeelding van emmerpictogram dat verf uitgiet

    In dit voorbeeld wordt het pictogram gewijzigd om de standaardopdracht aan te geven.

Besturingselementen en opdrachten

  • Prefereert u de meest gebruikte opdrachten.

    • Geef uitgebreide opdrachten op voor primaire werkbalken. Primaire werkbalken hoeven niet zo uitgebreid te zijn als menubalken, maar ze moeten alle opdrachten opgeven die elders niet gemakkelijk kunnen worden gevonden. Primaire werkbalken hoeven geen opdrachten te hebben voor:
      • Opdrachten die zich rechtstreeks in de gebruikersinterface bevinden.
      • Opdrachten die doorgaans via contextmenu's toegankelijk zijn.
      • Standaard, bekende opdrachten zoals Knippen, Kopiëren en Plakken.
    • Geef voor aanvullende werkbalken opdrachten op die het meest worden gebruikt. Menubalkopdrachten zijn een superset van de werkbalkopdrachten, dus u hoeft niet alles op te geven. Richt u op snelle, handige opdrachttoegang en sla de rest over.
  • Geef de voorkeur aan directe besturingselementen. Gebruik werkbalkknoppen in de volgende volgorde van voorkeur:

    • Pictogramknop. Direct en neemt weinig ruimte in.
    • Pictogramknop met label. Direct, maar neemt meer ruimte in beslag.
    • Gesplitste knop. Direct voor de meest voorkomende opdracht, maar verwerkt opdrachtvariaties.
    • Menuknop. Indirect, maar bevat veel opdrachten.
  • Geef de voorkeur aan directe opdrachten. Voor opdrachten die direct kunnen zijn of extra invoer hebben voor flexibiliteit:

    • Gebruik voor primaire werkbalken de flexibele versies van opdrachten (zoals Afdrukken...).
    • Voor aanvullende werkbalken gebruikt u de directe versies op de werkbalk (zoals Afdrukken) en gebruikt u flexibele versies in de menubalk (zoals Afdrukken...).
  • Voeg labels toe aan veelgebruikte opdrachten, vooral als de pictogrammen niet algemeen bekend zijn.

    aanvaardbaar:

    schermafbeelding van de werkbalk zonder pictogrammen met het label

    Beter:

    schermafbeelding van de werkbalk met een aantal pictogrammen met het label

    De werkbalk van Windows Faxen en scannen bevat maar weinig opdrachten, dus in de betere versie hebben de belangrijkste opdrachten een label.

  • Plaats geen opdrachten in werkbalkmenu's die zich ook rechtstreeks op de werkbalk bevinden.

    Onjuist:

    schermafbeelding van de opdracht Afdrukken op de werkbalk en het menu

    In dit voorbeeld bevindt Afdrukken zich rechtstreeks op de werkbalk, zodat het niet in het menu hoeft te staan.

Organisatie en volgorde

  • de opdrachten binnen een werkbalk ordenen in gerelateerde groepen.

  • Plaats eerst de meest gebruikte groepen. Plaats de opdrachten binnen een groep in logische volgorde. Over het algemeen moeten de opdrachten een logische stroom hebben om ze gemakkelijk te vinden, terwijl nog steeds de meest gebruikte opdrachten eerst worden weergegeven. Dit is het meest efficiënt, vooral als er sprake is van overloop.

  • Gebruik groepsverdelers alleen als de opdrachten tussen groepen zwak zijn gekoppeld. Hierdoor zijn de groeperingen duidelijk en zijn de opdrachten gemakkelijker te vinden.

    Schermopname van een werkbalk met goed ingedeelde pictogrammen met behulp van groepsscheidingslijnen.

    schermafbeelding van de werkbalk met goed ingedeelde pictogrammen

    Voorbeelden van gegroepeerde werkbalken uit Windows Mail.

  • Vermijd het plaatsen van destructieve opdrachten naast veelgebruikte opdrachten. Gebruik de volgorde of groepering om onderscheid aan te brengen. Overweeg ook geen destructieve opdrachten op de werkbalk te plaatsen, maar alleen in de menubalk of contextmenu's.

    aanvaardbaar:

    schermafbeelding van aangrenzende knoppen voor afdrukken en verwijderen

    Beter:

    schermafbeelding van knoppen voor gescheiden afdrukken en verwijderen

    In het betere voorbeeld is de opdracht Verwijderen fysiek gescheiden van Afdrukken.

  • Gebruik de chevron voor overloop om aan te geven dat niet alle opdrachten weergegeven kunnen worden. Maar gebruik overloop alleen als er onvoldoende ruimte is om alle opdrachten weer te geven.

    Onjuist:

    schermafbeelding van de werkbalk Favorieten en verborgen opdrachten

    Het overloopchevron geeft aan dat niet alle commando's worden weergegeven, maar dat er met een betere indeling meer kunnen worden weergegeven.

  • Zorg ervoor dat de meestgebruikte opdrachten rechtstreeks toegankelijk zijn vanaf de werkbalk (dus niet in overloop) in kleine venstergrootten. Indien nodig kunt u de opdrachten opnieuw ordenen, minder vaak gebruikte opdrachten verplaatsen naar menuknoppen of splitsknoppen, of ze zelfs volledig van de werkbalk verwijderen. Als dit een probleem blijft, kunt u de gewenste werkbalkstijl opnieuw bekijken.

Menubalken verbergen

Over het algemeen werken werkbalken goed samen met menubalken, omdat beide zich kunnen richten op hun sterke punten zonder compromissen.

  • Verberg de menubalk standaard als het ontwerp van de werkbalk de menubalk overbodig maakt.
  • Verberg de menubalk in plaats van deze volledig te verwijderen, omdat menubalken toegankelijker zijn voor toetsenbordgebruikers.
  • Om de menubalk te herstellen, voegt u in het menu Weergave (voor primaire werkbalken) of Extra (voor secundaire werkbalken) een aanvinkoptie voor 'Menubalk' toe. Zie menu Standard en splitsknoppenvoor meer informatie.
  • De menubalk weergeven wanneer gebruikers op de Alt-toets drukken en de invoerfocus instellen op de eerste menucategorie.

Interactie

  • Als u de muisaanwijzer aanwijst, geeft u de knop weer om aan te geven dat het pictogram kan worden geklikt. Geef na de time-out voor knopinfo de knopinfo of infotip weer.

    schermafbeelding van een infotip met een beschrijving van een knop

    In dit voorbeeld ziet u de verschillende weergavestatussen.

  • Bij eenmaal linksklikken:

    • Voor opdrachtknoppen werkt u als normaal met het besturingselement.

    • Bij modusknoppen geeft u het besturingselement zo weer dat de momenteel geselecteerde modus wordt weergegeven. Als de modus van invloed is op het gedrag van interactie met de muis, wijzigt u ook de aanwijzer.

      schermafbeelding van aanwijzer die lijkt op een verfbak

      In dit voorbeeld wordt de aanwijzer gewijzigd om de interactiemodus voor de muis weer te geven.

    • Voor eigenschapsknoppen en vervolgkeuzelijsten geeft u het besturingselement zo weer dat het de toestand van de momenteel geselecteerde objecten weerspiegelt, als die er zijn. Bij interactie werkt u de status van het besturingselement bij en past u de wijziging toe op de geselecteerde objecten. Als er niets is geselecteerd, doet u niets.

  • Voer bij dubbelklikken met de linkermuisknop dezelfde actie uit als bij één keer klikken met de linkermuisknop.

    • Uitzondering: In zeldzame gevallen kan een werkbalkopdracht efficiënter modaal worden gebruikt. In dergelijke gevallen dubbelklikt u om de modus in te schakelen.

      schermopname van infotip met de functies van de knop

      In dit voorbeeld gaat u door te dubbelklikken op de opdracht Opmaak kopiëren naar een modus waarin alle daaropvolgende klikken de opmaak toepassen. Gebruikers kunnen de modus verlaten door met één klik op de linkermuisknop te klikken.

  • Bij een rechtermuisklik:

    • Voor aanpasbare werkbalken geeft u het contextmenu weer voor het aanpassen van de werkbalk. Het menu weergeven met de rechtermuisknop op de muis omlaag, niet met de muis omhoog.
    • Voor andere werkbalken hoeft u niets te doen.

Pictogrammen

  • Pictogrammen opgeven voor alle werkbalkbesturingselementen behalve vervolgkeuzelijsten.

    schermafbeelding van vervolgkeuzelijst tekengrootte

    Voor vervolgkeuzelijsten zijn geen pictogrammen nodig, maar alle andere besturingselementen op de werkbalk wel.

    Uitzondering: werkbalken in Windows 7-stijl gebruiken alleen pictogrammen voor opdrachten waarvan de pictogrammen bekend zijn; anders gebruiken ze tekstlabels zonder pictogrammen. Dit verbetert de duidelijkheid van de labels, maar vereist meer ruimte.

  • Zorg ervoor dat werkbalkpictogrammen duidelijk zichtbaar zijn tegen de achtergrondkleur van de werkbalk. Evalueer altijd werkbalkpictogrammen in context en in de modus hoog contrast.

  • Kies pictogramontwerpen die duidelijk hun doel communiceren, met name voor de meest gebruikte opdrachten. Goed ontworpen werkbalken hebben pictogrammen nodig die zelf verklarend zijn, omdat gebruikers geen opdrachten efficiënt kunnen vinden met behulp van hun knopinfo. Werkbalken werken echter nog steeds goed als pictogrammen voor een paar minder veelgebruikte opdrachten niet verklarend zijn.

  • Kies pictogrammen die herkenbaar en onderscheiden zijn, met name voor de meest gebruikte opdrachten. Zorg ervoor dat de pictogrammen onderscheidende vormen en kleuren hebben. Als u dit doet, kunnen gebruikers de opdrachten snel vinden, zelfs als ze het pictogramsymbool niet meer weten.

  • Controleer of werkbalkpictogrammen voldoen aan de richtlijnen voor aero-stijlpictogrammen.

Zie Pictogrammenvoor meer informatie en voorbeelden.

Standaardmenu en gesplitste knoppen

Als u menuknoppen en splitsknoppen in een werkbalk gebruikt, kunt u de volgende standaardmenustructuren en de bijbehorende opdrachten gebruiken, indien mogelijk. In tegenstelling tot menubalken hebben opdrachten op de werkbalk geen toegangstoetsen.

primaire werkbalken

Deze opdrachten weerspiegelen de opdrachten in standaardmenubalken, dus ze moeten alleen worden gebruikt voor primaire werkbalken. Deze lijst toont de knoplabels (en het type), inclusief hun volgorde en scheidingstekens, sneltoetsen en beletseltekens. Houd er rekening mee dat de opdracht voor het weergeven en verbergen van de menubalk zich in het menu Beeld bevindt.

Bestand

Nieuw (Ctrl + N)
Openen (Ctrl + O)
Sluiten
<separator>
Opslaan (Ctrl + S)
Opslaan als...
<separator>
Verzenden naar
<separator>
Afdrukken (Ctrl + P)
Afdrukvoorbeeld
Pagina-instelling
<separator>
Afsluiten (Alt + F4) (snelkoppeling meestal niet gegeven)

Bewerken(menuknop)

Ongedaan maken (Ctrl + Z)
Opnieuw (Ctrl + Y)
<separator>
Knippen (Ctrl + X)
Kopiëren (Ctrl + C)
Plakken (Ctrl + V)
<separator>
Alles selecteren (Ctrl + A)
<separator>
Verwijderen (Del) (snelkoppeling wordt meestal niet gegeven)
Naam wijzigen...
<separator>
Zoeken (Ctrl + F)
Volgende zoeken (F3) (opdracht wordt meestal niet gegeven)
Vervangen (Ctrl + H)
Ga naar (Ctrl + G)

Afdrukken (splitknop)

Afdrukken (Ctrl + P)
Afdrukvoorbeeld
Pagina-instelling

Weergave(menuknop)

Menubalk (controleer of deze zichtbaar is)
Detailvenster (controleer of dit zichtbaar is)
Voorbeeldvenster (controleer of dit zichtbaar is)
Statusbalk (controleer of deze zichtbaar is)

Inzoomen

Inzoomen (Ctrl + +)
Uitzoomen (Ctrl + -)

Tekstgrootte (geselecteerde instelling met opsommingsteken)

Grootste
Groter
Gemiddeld
Kleiner
Kleinste

Volledig scherm (F11)
Vernieuwen (F5)

Hulpmiddelen(menuknop) ...

Options

Help (splitsknop, het Help-pictogram gebruiken) <program name> helpF1

Over <program name>

aanvullende werkbalken

Deze opdrachten vormen een aanvulling op standaardmenubalken. Deze lijst toont de knoplabels (en het type), inclusief hun volgorde en scheidingstekens, sneltoetsen en beletseltekens. Houd er rekening mee dat de opdracht voor het weergeven en verbergen van de menubalk zich in het menu Extra bevindt.

De aanvullende categorienamen op de werkbalk verschillen van de standaardmenucategorienamen, omdat ze meer moeten omvatten. De categorie Organiseren wordt bijvoorbeeld gebruikt in plaats van Bewerken omdat deze opdrachten bevat die niet zijn gerelateerd aan bewerken. Als u consistentie tussen menubalken en werkbalken wilt behouden, gebruikt u de standaardmenucategorienamen als dit niet misleidend zou zijn.

Onjuist:

schermafbeelding van dezelfde opties voor verschillende opdrachten

In dit voorbeeld moet de werkbalk Bewerken gebruiken in plaats van Organiseren voor consistentie, omdat deze de standaard menuopdrachten Bewerken bevat.

Paletvensters

  • Paletvensters maken gebruik van kortere titelbalken om de schermruimte te minimaliseren. Plaats een knop Sluiten op de titelbalk.

  • stel de titelbalktekst in op de opdracht die het paletvenster heeft weergegeven.

  • Gebruik hoofdlettergebruik in zinsstijl zonder interpunctie te beëindigen.

  • Geef een contextmenu op voor opdrachten voor vensterbeheer. Dit contextmenu weergeven wanneer gebruikers met de rechtermuisknop op de titelbalk klikken.

    schermafbeelding van werkset met contextmenu

    In dit voorbeeld kunnen gebruikers met de rechtermuisknop op de titelbalk klikken om het contextmenu weer te geven.

  • Maak paletvensters indien mogelijk en nuttig aanpasbaar van grootte. Geef aan dat het venster van formaat kan worden veranderd door formaatwijzers weer te geven wanneer de aanwijzer zich boven het vensterkader bevindt.

  • Wanneer een paletvenster opnieuw wordt weergegeven, geeft u het weer met dezelfde status als voor het laatst geopend. Sla bij het sluiten de venstergrootte en -locatie op. Wanneer het venster opnieuw wordt weergegeven, herstelt u de opgeslagen venstergrootte en -positie. Overweeg ook deze kenmerken permanent te maken voor alle programma-exemplaren per gebruiker.

Aanpassing

  • Geef aanpassingen op voor werkbalken die bestaan uit twee of meer rijen. Alleen de stijl van niet-gelabelde pictogrammen moet worden aangepast. Eenvoudige werkbalken met enkele opdrachten hebben geen aanpassing nodig.

  • Geef een goede standaardconfiguratie op. Gebruikers hoeven hun werkbalken niet aan te passen voor veelvoorkomende scenario's. Wees niet afhankelijk van gebruikers die hun weg uit een slechte initiële configuratie aanpassen. Stel dat de meeste gebruikers hun werkbalken niet aanpassen.

  • Een contextmenu met de volgende opdrachten opgeven:

    • Een selectievakjelijst om de beschikbare werkbalken weer te geven
    • Werkbalken vergrendelen/ontgrendelen
    • Aanpassen...
  • aanpasbare werkbalken standaard vergrendelenom onbedoelde wijzigingen te voorkomen.

  • Voor de opdracht Aanpassen geeft u een dialoogvenster met opties weer waarmee u kunt kiezen welke werkbalken worden weergegeven en welke opdrachten op elke werkbalk worden weergegeven.

    schermafbeelding van het dialoogvenster Aanpassen en opties

    In dit voorbeeld biedt Visual Studio een dialoogvenster met opties voor het aanpassen van de werkbalken.

  • Bied de opdracht Opnieuw instellen om de oorspronkelijke werkbalkconfiguratie te herstellen in het dialoogvenster Opties aanpassen.

  • Bieden de mogelijkheid om de werkbalken aan te passen met slepen en neerzetten op de volgende manieren:

    • Stel de volgorde en posities van de werkbalk in.
    • Stel de lengte van werkbalken in, waarbij werkbalken die te klein zijn om hun inhoud weer te geven, met een overloopchevron worden weergegeven.
    • Indien beschikbaar, kunt u werkbalken losmaken zodat ze paletvensters worden, en omgekeerd.

    Wanneer het dialoogvenster Opties aanpassen wordt weergegeven:

    • Stel de inhoud van de werkbalk in.
    • Stel de volgorde van de inhoud van de werkbalk in.

    Hierdoor kunnen gebruikers wijzigingen rechtstreeks en efficiënter aanbrengen.

  • Alle werkbalkaanpassingen opslaan, per gebruiker.

Ellipses gebruiken

Hoewel werkbalkopdrachten worden gebruikt voor directe acties, is soms meer informatie nodig om de actie uit te voeren. Gebruik een beletselteken om aan te geven dat voor een opdracht meer informatie is vereist voordat deze van kracht kan worden. Plaats het beletselteken aan het einde van de tooltip en het label, indien aanwezig.

schermafbeelding van knopinfotekst afdrukken met beletseltekens

In dit voorbeeld geeft de opdracht Afdrukken... het dialoogvenster Afdrukken weer om meer gegevens te verzamelen.

Als een opdracht niet onmiddellijk van kracht kan worden, is er echter geen beletselteken vereist. De instellingen voor delen hebben dus geen beletselteken, zelfs als er aanvullende informatie nodig is, omdat de opdracht niet onmiddellijk van kracht kan worden.

schermafbeelding van de werkbalk, opdracht en knopinfo

De opdracht Instellingen voor delen heeft geen beletselteken omdat deze niet onmiddellijk van kracht kan worden.

Omdat werkbalken altijd zichtbaar zijn en de beschikbare ruimte beperkt is, moeten beletseltekens spaarzaam worden gebruikt.

Notitie

Voor menu's die via een werkbalk worden weergegeven, past u de richtlijnen voor beletseltekens toe.

schermafbeelding van werkbalken met informatie over afstand

Aanbevolen grootte en afstand voor standaardwerkbalken.

Etiketten

Algemeen

  • Gebruik hoofdletters in zinsstijl.
    • Uitzondering: Voor verouderde toepassingen kunt u indien nodig hoofdlettergebruik volgens titelstijl gebruiken om vermenging van kapitalisatiestijlen te voorkomen.

Pictogramknoppen zonder label

  • Gebruik knopinfo om de opdracht te labelen. Gebruik voor de tooltiptekst het label dat de knop zou hebben als deze een label had, maar vermeld ook de sneltoets als die er is.

    schermafbeelding van werkbalk, printerpictogram en knopinfo

    Een voorbeeld van een tooltip van een pictogramknop.

Knoppen voor gelabelde pictogrammen

  • Gebruik een beknopt label. Gebruik indien mogelijk één woord, maximaal vier woorden.

  • plaats het label rechts van het pictogram.

  • Gebruik een infotip om de opdracht te beschrijven. Omdat de knoppen een label hebben, zou een tooltip in plaats van een infotip overbodig zijn.

    schermafbeelding van een gelabelde knop met infotip

    Een voorbeeld van een infotip voor een gelabelde pictogramknop.

  • Als de lijst altijd een waarde heeft, gebruikt u de huidige waarde als label.

    schermafbeelding van de werkbalk met lettertypeopties

    In dit voorbeeld fungeert de naam van het geselecteerde lettertype als het label.

  • Als een bewerkbare vervolgkeuzelijst geen waarde heeft, gebruikt u een prompt.

    schermafbeelding van het lijstlabel 'Adresboeken doorzoeken'

    In dit voorbeeld wordt een prompt gebruikt voor het label van de vervolgkeuzelijst.

  • Geef de voorkeur aan namen van menuknopen op basis van werkwoorden. Laat het werkwoord echter weg als dit Create, Show, View of Manage is. Tools en Page menuknoppen hebben bijvoorbeeld geen werkwoorden.
  • Gebruik één specifiek woord dat duidelijk en nauwkeurig de inhoud van het menu beschrijft. Hoewel de namen niet zo algemeen hoeven te zijn dat ze alles in het menu beschrijven, moeten ze voorspelbaar genoeg zijn, zodat gebruikers niet verbaasd zijn over wat ze vinden in het menu.
  • Hoewel dit niet vereist is, kunt u beschrijvingen voor infoballonnen opgeven als die nuttig zijn.
  • Gebruik menu-itemnamen die beginnen met een woord, zelfstandig naamwoord of zelfstandig naamwoordzin.
  • Geef de voorkeur aan menunamen op basis van werkwoorden. Laat het werkwoord echter weg als dit Create, Show, View of Manage is. De volgende opdrachten gebruiken bijvoorbeeld geen werkwoorden:
    • Info
    • Geavanceerd
    • Volledig scherm
    • Nieuw
    • Opties
    • Eigenschappen
  • Gebruik specifieke werkwoorden. Vermijd algemene, hulpzame werkwoorden, zoals Wijzigen en Beheren.
  • Enkelvoudige zelfstandige naamwoorden gebruiken voor opdrachten die van toepassing zijn op één object, anders meervoud zelfstandige naamwoorden gebruiken.
  • Kies voor paren met complementaire opdrachten duidelijk complementaire namen. Voorbeelden: Toevoegen, verwijderen; Weergeven, verbergen; Invoegen, verwijderen.
  • Menu-itemnamen kiezen op basis van gebruikersdoelen en -taken, niet op technologie.
  • Gebruik de volgende menu-itemnamen voor het vermelde doel:
    • Opties: Programmaopties weergeven.
    • Aanpassen: De programmaopties weergeven die specifiek betrekking hebben op de configuratie van de mechanische gebruikersinterface.
    • Persoonlijk maken: Hiermee wordt een overzicht weergegeven van veelgebruikte persoonlijke instellingen.
    • Voorkeuren: niet gebruiken. Gebruik in plaats daarvan Opties.
    • Eigenschappen: Het eigenschappenvenster van een object weergeven.
    • Instellingen: Niet gebruiken als menulabel. Gebruik in plaats daarvan Opties.
  • Menu-items waarin submenu's worden weergegeven, hebben nooit een beletselteken op hun label. De pijl van het submenu geeft aan dat er een andere selectie is vereist.

Documentatie

Wanneer u naar werkbalken verwijst:

  • Als er slechts één werkbalk is, noem deze dan de werkbalk.
  • Als er meerdere werkbalken zijn, verwijs er dan naar met hun naam, gevolgd door het woord 'werkbalk'. Raadpleeg de hoofdwerkbalk die standaard is ingeschakeld en bevat knoppen voor basistaken, zoals het openen en afdrukken van een bestand, als standaardwerkbalk.
  • Werkbalk is één woord, zonder hoofdletters. (De menubalk is daarentegen twee woorden.)
  • Verwijs naar de knoppen op de werkbalk aan de hand van hun tooltiplabels. Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, maar geen beletseltekens.
  • Raadpleeg de knoppen van het werkbalkmenu op basis van de labels en het woordmenu. Gebruik de exacte labeltekst, inclusief het hoofdlettergebruik.
  • Verwijs in het algemeen naar werkbalkelementen als werkbalkknoppen.
  • Gebruik bij het beschrijven van gebruikersinteractie klikken voor werkbalkknoppen en niet-bewerkbare vervolgkeuzelijsten, en voer in voor bewerkbare vervolgkeuzelijsten. Gebruik 'choose', 'select' of 'pick' niet.
  • Gebruik cascading, pull-down, drop-down of pop-up niet als benaming voor menuknoppen, behalve in programmeerdocumentatie.
  • Duid niet-beschikbare items aan als niet beschikbaar, niet als gedimd, uitgeschakeld of grijs weergegeven. Gebruik uitgeschakeld in programmeerdocumentatie.
  • Maak de labels indien mogelijk op met vetgedrukte tekst. Anders plaatst u de labels alleen tussen aanhalingstekens indien nodig om verwarring te voorkomen.

Voorbeelden:

  • Klik in het menu Pagina op de werkbalk op Pagina verzenden per e-mail.
  • Voer in het vak Lettertypen op de werkbalk 'Segoe UI' in.
  • Wijs op de werkbalk OpmaakWeergeven aan en klik vervolgens op Opmerkingen.