Opdrachtknoppen in Windows 7
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 opdrachtknoppen in Windows 7 starten gebruikers onmiddellijk acties.
Een typische opdrachtknop.
De standaardopdrachtknop wordt aangeroepen wanneer gebruikers op enter drukken. Deze wordt toegewezen door de ontwikkelaar, maar elke opdrachtknop wordt de standaardknop wanneer gebruikers er naartoe gaan.
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:
- Wordt de opdrachtknop gebruikt om een onmiddellijke actie te starten? Als dat niet het is, gebruikt u een ander besturingselement.
- Zou een koppeling een betere keuze zijn? Gebruik een koppeling als:
- De actie is om naar een ander pagina-, venster- of Help-onderwerp te navigeren. Uitzondering: wizardnavigatie maakt gebruik van de opdrachtknoppen Vorige en Volgende.
- De opdracht is ingesloten in een hoofdtekst.
- De opdracht is secundair van aard. Dat wil gezegd, het heeft geen betrekking op het primaire doel van het venster. In dit geval is een lichtgewicht opdrachtknop of koppeling geschikt.
- De opdracht maakt deel uit van een menu of groep verwante koppelingen.
- Het label is lang, bestaande uit vijf of meer woorden, waardoor een opdrachtknop een onhandig uiterlijk krijgt.
- Zou een combinatie van keuzerondjes en algemene opdrachtknoppen een betere keuze zijn? Vaak worden keuzerondjes gebruikt in combinatie met algemene opdrachtknoppen (OK, Annuleren) in plaats van een set specifieke opdrachtknoppen als een van de volgende waar is:
Er zijn vijf of meer mogelijke acties.
Gebruikers moeten aanvullende informatie bekijken voordat ze een beslissing nemen.
Gebruikers moeten communiceren met de keuzes (mogelijk om aanvullende informatie te zien) voordat ze een beslissing nemen.
Gebruikers bekijken de opties als opties in plaats van verschillende opdrachten.
Juist:
In dit voorbeeld worden keuzerondjes gecombineerd met de knoppen OK en Annuleren om aanvullende informatie over de opties te geven.
Onjuist:
In dit voorbeeld maken opdrachtknoppen alleen het moeilijk voor gebruikers om een weloverwogen beslissing te nemen.
Ontwerpconcepten
beletseltekens gebruiken
Terwijl opdrachtknoppen worden gebruikt voor directe acties, is er mogelijk meer informatie nodig om de actie uit te voeren. Geef een opdracht aan die aanvullende informatie nodig heeft (inclusief bevestiging) door een beletselteken toe te voegen aan het einde van het knoplabel.
In dit voorbeeld wordt de afdruk... opdracht geeft een dialoogvenster Afdrukken weer om meer informatie te verzamelen.
In dit voorbeeld drukt de opdracht Afdrukken daarentegen één exemplaar van een document af op de standaardprinter zonder verdere tussenkomst van de gebruiker.
Correct gebruik van weglatingstekens is belangrijk om aan te geven dat gebruikers verdere keuzes kunnen maken voordat ze de actie uitvoeren, of zelfs de actie volledigannuleren. Met de visuele aanwijzingen die door een beletselteken worden aangeboden, kunnen gebruikers uw software zonder angst verkennen.
Dit betekent niet dat u een beletselteken moet gebruiken wanneer een actie een ander venster weergeeft. Gebruik alleen een beletselteken als er aanvullende informatie nodig is om de actie uit te voeren. Daarom een opdrachtknop waarvan impliciete werkwoord is om een ander venster weer te geven, geen beletseltekens, zoals met de opdrachten Over, Geavanceerd, Help (of een andere opdracht die is gekoppeld aan een Help-onderwerp), Opties, Eigenschappen of Instellingen.
Over het algemeen worden weglatingstekens gebruikt in gebruikersinterfaces om volledigheid aan te geven. Opdrachten die andere vensters weergeven, zijn niet onvolledig; ze moeten een ander venster weergeven en aanvullende informatie is niet nodig om hun actie uit te voeren. Deze aanpak elimineert onbelangrijke schermen in situaties waarin weglatingstekens weinig waarde hebben.
Opmerking: Bij het bepalen of een opdrachtknop een beletselteken nodig heeft, hoeft u geen bevoegdheden als factor te verhogen. Benodigde bevoegdheden zijn niet nodig om een opdracht uit te voeren (in plaats daarvan voor toestemming) en de noodzaak om te verhogen wordt aangegeven met het beveiligingsschild.
Als u maar één ding doet... Gebruik een beknopt, specifiek, duidelijk verklarend label dat duidelijk de actie beschrijft die de opdrachtknop uitvoert en gebruik een beletselteken indien van toepassing.
Gebruikspatronen
Opdrachtknoppen hebben verschillende gebruikspatronen:
Gebruik | Voorbeeld |
---|---|
standaardopdrachtknoppen U kunt standaardopdrachtknoppen gebruiken om een onmiddellijke actie te starten. |
![]() Een standaardopdrachtknop. |
standaardopdrachtknoppen De standaardopdrachtknop in een venster geeft de opdrachtknop aan die wordt geactiveerd wanneer gebruikers op enter drukken. |
![]() Een standaardopdrachtknop. Een opdrachtknop wordt de standaardknop wanneer gebruikers naar de knop gaan. Als de invoerfocus zich op een besturingselement bevindt dat geen opdrachtknop is, wordt de opdrachtknop met het standaardknopkenmerk de standaardknop. Slechts één opdrachtknop in een venster kan de standaardinstelling zijn. |
Lightweight-opdrachtknoppen Een lichtgewicht opdrachtknop is vergelijkbaar met een standaardopdrachtknop, behalve het bijbehorende knopframe wordt alleen weergegeven bij de muisaanwijzer. |
![]() In dit voorbeeld heeft de opdracht een zeer lichtgewicht uiterlijk (vergelijkbaar met een koppeling) totdat de gebruiker de muisaanwijzer over de opdracht beweegt, waarna deze wordt getekend met een knopframe. U kunt lichtgewicht opdrachtknoppen gebruiken in situaties waarin u een standaardopdrachtknop zou gebruiken, maar u wilt voorkomen dat het knopframe altijd wordt weergegeven. Lichtgewicht opdrachtknoppen zijn ideaal voor opdrachten die u wilt onderbebouwen en een koppeling niet geschikt zou zijn. |
menuknoppen Een menuknop gebruiken wanneer u een menu nodig hebt voor een kleine set gerelateerde opdrachten. |
![]() Een menuknop met een kleine set gerelateerde opdrachten. Gebruik een menuknop wanneer een menubalk ongewenst is, zoals in een dialoogvenster, werkbalk of ander venster dat geen menubalk heeft. Een enkele neerwaarts wijzende driehoek geeft aan dat door op de knop te klikken een menu wordt weergegeven. |
splitsknoppen Gebruik een splitsknop om een reeks variaties van een opdracht samen te voegen, met name wanneer een van de opdrachten meestal wordt gebruikt. |
![]() een samengevouwen splitsknop. Net als bij een menuknop geeft een enkele neerwaartse driehoek aan dat als u op het meest rechtse gedeelte van de knop klikt, een menu wordt weergegeven. ![]() een gesplitste knop met vervolgkeuzelijsten. in dit voorbeeld wordt een splitsknop gebruikt om zes variaties van de geopende opdracht samen te voegen. de reguliere open opdracht wordt meestal gebruikt, zodat gebruikers normaal gesproken niet de andere opdrachten hoeven te zien. met behulp van een splitsknop bespaart u een aanzienlijke hoeveelheid schermruimte, terwijl u ook krachtige opties biedt. In tegenstelling tot een menuknop, wordt de actie rechtstreeks uitgevoerd wanneer u op het linkergedeelte van de knop klikt. splitsknoppen zijn effectief in situaties waarin de volgende actie met een specifiek hulpprogramma waarschijnlijk hetzelfde is als de laatste actie. In dit geval wordt het label gewijzigd in de laatste actie, zoals bij een kleurkiezer: ![]() In dit voorbeeld wordt het label gewijzigd in de laatste actie. |
knoppen Bladeren Een bladerknop gebruiken om een dialoogvenster weer te geven om gebruikers te helpen een geldige waarde te selecteren. |
dialoogvensters die door een bladerknop worden gestart, helpen gebruikers bij het selecteren van bestanden, mappen, computers, gebruikers, kleuren, enzovoort. ze worden meestal gecombineerd met een niet-verbonden besturingselement, zoals een tekstvak. ze worden meestal gelabeld als bladeren, andere of meer, en hebben altijd een beletselteken om aan te geven dat er meer informatie nodig is. ![]() een tekstvak met een bladerknop. voor vensters met veel bladerknoppen kunt u een korte versie gebruiken: ![]() Een korte bladerknop. |
knoppen voor progressieve openbaarmaking Gebruik een knop voor progressieve openbaarmaking om zelden gebruikte opties weer te geven of te verbergen. |
het verbergen van onregelmatig gebruikte opties totdat ze nodig zijn, wordt progressieve openbaarmaking genoemd. dubbele dubbele punthaken worden gebruikt om progressieve openbaarmaking aan te geven, en ze wijzen in de richting waarin het onthullen of verbergen plaatsvindt: ![]() nadat op de knop is geklikt, wordt het label gewijzigd om aan te geven dat de volgende klik het tegenovergestelde effect heeft: ![]() Zie Progressive Disclosure Controlsvoor meer informatie en voorbeelden. |
Richtingknoppen Gebruik een richtingsknop om de richting aan te geven waarin een actie plaatsvindt. |
in dit geval wordt één punthaak gebruikt in plaats van een dubbele punthaak: ![]() Een directionele knop geeft de richting van de actie aan. |
Richtsnoeren
Algemeen
- Een aanwijzer voor bezet weergeven als het resultaat van het klikken op een opdrachtknop niet onmiddellijk is. Zonder feedback gaan gebruikers ervan uit dat de klik niet is uitgevoerd en nogmaals klikken.
- Als dezelfde opdrachtknop in meer dan één venster wordt weergegeven, dezelfde labeltekst en toegangssleutel proberen te gebruiken en deze op ongeveer dezelfde plaats in elk venster te vinden wanneer dit praktisch is.
- Gebruik voor opdrachtknoppen met tekstlabels een minimale knopbreedte en de standaard hoogte van de opdrachtknop. Zie Aanbevolen grootte en afstandvoor meer informatie.
- Voor elk venster de opdrachtknoppen dezelfde breedte. Als dat niet praktisch is, beperkt u het aantal verschillende breedten voor opdrachtknoppen met tekstlabels tot twee.
- Wanneer een ander besturingselement werkt met een opdrachtknop, zoals een tekstvak met een knop Bladeren, geeft de relatie aan door de opdrachtknop op een van de drie plaatsen te plaatsen:
- Rechts van en boven uitgelijnd met het andere besturingselement.
- Onder en links uitgelijnd met het andere besturingselement.
- Verticaal gecentreerd tussen besturingselementen die samenwerken (zoals knoppen Toevoegen en Verwijderen tussen twee interoperabele keuzelijsten).
- Als meerdere opdrachtknoppen samenwerken met hetzelfde besturingselement, ze verticaal stapelen rechts van en boven uitgelijnd met het andere besturingselement of horizontaal links uitgelijnd onder het besturingselement.
- Wanneer opdrachtknoppen ondergeschikt zijn aan andere besturingselementen, de bovenstaande plaatsing gebruiken en de onderliggende opdrachtknop uitschakelen totdat het bovenliggende besturingselement is geselecteerd.
- Gebruik geen smalle, korte of lange opdrachtknoppen met tekstlabels omdat ze er vaak onprofessioneel uitzien. Probeer te werken met de standaardbreedten en hoogten.
Juist:
In dit voorbeeld is de knopgrootte standaard en ziet er professioneel uit.
Onjuist:
In dit voorbeeld is de knop te klein.
Onjuist:
In dit voorbeeld heeft de knop te veel ruimte rond het label.
- Vermijd het combineren van tekstlabels en afbeeldingen op opdrachtknoppen. Het combineren van tekst en afbeeldingen voegt meestal onnodige overzichtelijkheid toe en verbetert het begrip van de gebruiker niet. Overweeg om tekst en afbeeldingen alleen te combineren wanneer de grafische elementen begrijpelijk zijn, zoals wanneer het een standaardsymbool voor de opdracht is of gebruikers helpen de resultaten van de opdracht te visualiseren. Anders geeft u de voorkeur aan tekst, maar gebruikt u tekst of afbeeldingen.
Juist:
In dit voorbeeld helpt de pijlafbeelding gebruikers de resultaten van de opdracht te visualiseren.
Juist:
In dit voorbeeld worden standaardsymbolen gecombineerd met tekst om begrip te helpen
Onjuist:
In dit voorbeeld voegt de afbeelding annuleren niets toe aan de tekst.
- Gebruik geen opdrachtknoppen om de statusin te stellen. Gebruik in plaats daarvan keuzerondjes of selectievakjes. Opdrachtknoppen zijn alleen bedoeld voor het initiëren van acties.
Split-knoppen
- De meest waarschijnlijke opdracht het standaardgedragmaken. Als er meer dan één waarschijnlijke opdracht is, kiest u een opdracht waarvoor geen aanvullende informatie nodig is.
- Als de meest waarschijnlijke opdracht de laatste gebruikersselectie is, wijzigt u het knoplabel in de laatste selectie.
- De standaardopdracht weergeven met vetgedrukte tekst in het menu. Hierdoor kunnen gebruikers gemakkelijker de standaardopdracht vinden, met name wanneer de standaardopdracht dynamisch is of als de splitsknop een afbeelding gebruikt in plaats van een tekstlabel.
Standaardwaarden
- Voeg een standaardopdrachtknop toe aan elk dialoogvenster. Selecteer de veiligste optie (om verlies van gegevens of systeemtoegang te voorkomen) en de veiligste opdracht om de standaard-te zijn. Als veiligheid en beveiliging geen factoren zijn, selecteert u de meest waarschijnlijke of handige opdracht.
- Maak geen destructieve actie de standaardopdrachtknop tenzij u de opdracht eenvoudig ongedaan kunt maken.
Aanbevolen grootte en afstand
Aanbevolen grootte en afstand voor opdrachtknoppen.
Labels
Label elke opdrachtknop.
Als de knop alleen een afbeeldingslabel heeft, wijst u de eigenschap Naam toe aan een geschikt tekstlabel. Hierdoor kunnen ondersteunende technologieproducten zoals schermlezers gebruikers alternatieve informatie over de afbeelding bieden.
In dit voorbeeld ziet u grafische knoppen; intern zijn deze knoppen voorzien van het label Vorige, Volgende en Kopiëren.
Voor korte bladerknoppen (met het label '...') moet het interne label Bladeren zijn.
Wijs een unieke toegangssleutel toe. Zie Toetsenbordvoor richtlijnen.
Uitzonderingen:
- Wijs geen toegangssleutels toe aan de knoppen OK en Annuleren, omdat Enter de toegangssleutel is voor de standaardknop (meestal de knop OK) en Esc de toegangssleutel is voor Annuleren. Hierdoor kunnen de andere toegangssleutels eenvoudiger worden toegewezen.
- Wijs geen toegangssleutels toe aan korte bladerknoppen (met het label '...'), omdat ze niet uniek kunnen worden toegewezen.
Geef de voorkeur aan specifieke labels boven algemene labels. In het ideale geval hoeven gebruikers niets anders te lezen om het label te begrijpen. Gebruikers hebben veel meer kans om opdrachtknoplabels te lezen dan statische tekst.
- Uitzondering: Wijzig de naam van de knop Annuleren niet als de betekenis van annuleren ondubbelzinnig is. Gebruikers moeten niet alle knoppen lezen om te bepalen welke knop een actie annuleert. Wijzig de naam Annuleren echter als het onduidelijk is welke actie wordt geannuleerd, bijvoorbeeld wanneer er verschillende acties in behandeling zijn.
aanvaardbaar:
In dit voorbeeld zijn OK en Annuleren acceptabel, maar niet-specifieke labels.
Beter:
In dit voorbeeld is Burn CD specifieker dan OK.
Onjuist:
In dit voorbeeld moet Annuleren worden gebruikt in plaats van Cd niet branden.
Start labels met een imperatieve werkwoord en beschrijf duidelijk de actie die de knop uitvoert. Gebruik geen eindpunctie.
- Uitzondering: De volgende standaardlabels zijn acceptabel zonder werkwoorden: Geavanceerd, Terug, Details, Doorsturen, Minder, Meer, Nieuw, Volgende, Nee, OK, Opties, Vorige, Eigenschappen, Instellingen en Ja.
Hoewel korte labels de voorkeur hebben, gebruikt u voldoende tekst om de opdracht voldoende uit te leggen. Gebruik een direct object (een zelfstandig naamwoord na het werkwoord) wanneer het object niet zichtbaar is in de context. In het ideale geval hoeven gebruikers niets anders te lezen om het label te begrijpen.
aanvaardbaar:
In dit voorbeeld is een kort label aanvaardbaar als de betekenis ervan in context duidelijk is.
Beter: (als Toevoegen niet duidelijk is)
In dit voorbeeld helpt het toevoegen van een zelfstandig naamwoord aan het begrip van gebruikers.
Beste: (als items toevoegen of toevoegen niet leeg zijn)
In dit voorbeeld is het label duidelijk.
Gebruik hoofdlettergebruik inzinsstijl. Dit is geschikter voor Windows-toonWindows-toon en het gebruik van korte woordgroepen voor opdrachtknoppen.
- Uitzondering: Voor oudere toepassingen kunt u indien nodig hoofdlettergebruik in titelstijl gebruiken om hoofdlettergebruikstijlen te voorkomen.
Gebruik nu niet in opdrachtknoplabels omdat de onmiddelbaarheid van de opdracht kan worden genomen.
- Uitzondering: Gebruik nu om opdrachten te onderscheiden die een taak starten vanaf opdrachten die een taak onmiddellijk uitvoeren.
In dit voorbeeld gaat het klikken op de opdrachtknop naar een venster of pagina waarmee gebruikers kunnen downloaden.
Als u in dit voorbeeld op de opdrachtknop klikt, wordt het downloaden uitgevoerd.
Slechts één opdracht in een taakstroom moet nu worden gelabeld. Een Nu downloaden opdracht mag dus nooit worden gevolgd door een andere Nu downloaden opdracht.
Gebruik later niet in opdrachtknoplabels als dit een actie impliceert die niet wordt uitgevoerd. Gebruik bijvoorbeeld Installeren niet later (in tegenstelling tot Nu installeren), tenzij die opdracht op een later tijdstip wordt geïnstalleerd. Gebruik in plaats daarvan Niet installeren of Annuleren.
Onjuist:
In dit voorbeeld betekent opnieuw opstarten later onjuist dat de opdracht op een later tijdstip automatisch opnieuw wordt opgestart.
Gebruik alleen een knop Geavanceerd voor opties die relevant zijn voor geavanceerde gebruikers of waarvoor geavanceerde gebruikerskennis is vereist. Gebruik geen knop Geavanceerd voor functies die als technologisch geavanceerd worden beschouwd. De nietfunctie van een printer is bijvoorbeeld geen geavanceerde optie, maar het kleurbeheersysteem is dat wel.
Onjuist: (als de opties echt niet geavanceerd zijn)
In dit voorbeeld is Advanced misleidend.
juist:
In dit voorbeeld is het label specifieker en nauwkeuriger.
Voor opdrachtknoppen die andere vensters openen, kiest u een label dat gebruikmaakt van een deel of alle titelbalktekst van het secundaire venster. Een opdrachtknop met het label Bladeren kan bijvoorbeeld een dialoogvenster openen met de titel Bladeren naar map. Door dezelfde terminologie in de hele taak te gebruiken, kunnen gebruikers georiënteerd blijven.
Wanneer u een vraag stelt, gebruikt u labels die overeenkomen met de vraag. Gebruik OK/Annuleren niet om ja/nee-vragen te beantwoorden.
juist:
In dit voorbeeld beantwoorden de knoppen de vraag.
Onjuist:
In dit voorbeeld beantwoorden de knoppen de vraag niet.
Beëindig het label met een beletselteken als voor de opdracht aanvullende informatie nodig is om uit te voeren.
- Uitzondering: Grafische labels hebben geen beletselteken.
Juist: (als het dialoogvenster Afdrukopties wordt weergegeven)
In dit voorbeeld wordt, nadat op de knop is geklikt, het dialoogvenster Afdrukopties weergegeven en is meer informatie van de gebruiker vereist.
Gebruik geen beletselteken wanneer de geslaagde voltooiing van de actie simpelweg een ander venster weergeeft. Met de volgende opdrachten wordt nooit een beletselteken gebruikt: Info, Geavanceerd, Opties, Eigenschappen, Help.
Onjuist:
In dit voorbeeld wordt, nadat op de knop is geklikt, het dialoogvenster Opties weergegeven, maar er is geen meer informatie van de gebruiker vereist.
In het geval van dubbelzinnigheid (bijvoorbeeld het opdrachtlabel ontbreekt een werkwoord), besluit u op basis van de meest waarschijnlijke gebruikersactie. Als u het venster gewoon bekijkt, gebruikt u geen beletselteken.
juist:
Meer kleuren...
Versie-informatie
In het eerste voorbeeld kiezen gebruikers waarschijnlijk een kleur, dus het gebruik van een beletselteken is juist. In het tweede voorbeeld gaan gebruikers waarschijnlijk de versiegegevens bekijken, waardoor weglatingstekens niet nodig zijn.
Gebruik voor bladerknoppen korte bladerknoppen (met het label '...') wanneer er meer dan twee bladerknoppen in een venster staan. Gebruik altijd de korte versie wanneer u een bladerknop in een raster wilt weergeven.
Voor directionele knoppen gebruikt u één punthaak en laat u deze in de richting wijzen waar de actie plaatsvindt.
In de volgende tabel ziet u enkele algemene opdrachtknoplabels en het bijbehorende gebruik.
Knoplabel | Betekenis | Toegangssleutel |
---|---|---|
Back- |
Ga in wizards en taakstromen naar de vorige pagina. |
'B' |
Bladeren... |
Een dialoogvenster weergeven om te zoeken naar een bestand of object. |
'B' of 'r' |
opties |
De beschikbare opties weergeven voor gebruikers voor het aanpassen van een programma. |
'O' |
onderbreken |
Dialoogvensters die worden uitgevoerd, onderbreken van de taak. |
'P' |
aanpassen |
Pas een kernervaring aan die cruciaal is voor de persoonlijke identificatie van de gebruiker met een programma. |
'P' |
Voorkeuren |
Niet gebruiken. Gebruik in plaats daarvan Opties. |
Niet van toepassing. |
eigenschappen |
De kenmerken en instellingen voor een object weergeven. |
'P' of eerste 'r' |
opslaan |
Sla een groep instellingen op of sla een bestand of object op met de huidige naam. |
'S' |
Opslaan als... |
Sla een bestand of object op met een opgegeven naam. |
Tweede 'a' |
Instellingen |
Niet gebruiken. Gebruik in plaats daarvan Opties. |
Niet van toepassing. |
Problemen met oplossen |
Niet gebruiken. Gebruik in plaats daarvan een specifieke Help-koppeling. |
Niet van toepassing. |
Zie User Interface Textvoor richtlijnen over knoplabels voor doorvoeren (OK, Ja/Nee, Sluiten, Stoppen, Toepassen, Volgende, Voltooien, Gereed).
Documentatie
Wanneer u naar opdrachtknoppen verwijst:
- Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, maar neem het onderstrepingsteken of het beletselteken van de toegangssleutel niet op. Neem het woord niet op.
- Als u de interactie van de gebruiker wilt beschrijven, klikt u op.
- Maak het label indien mogelijk op met vetgedrukte tekst. Anders plaatst u het label alleen tussen aanhalingstekens indien nodig om verwarring te voorkomen.
Voorbeeld: klik op afdrukken om het document af te drukken.