Delen via


Selectievakjes

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 selectievakje nemen gebruikers een beslissing tussen twee duidelijk tegenovergestelde keuzes. Het selectievakjelabel geeft de geselecteerde status aan, terwijl de betekenis van de gewiste toestand het ondubbelzinnige tegenovergestelde van de geselecteerde toestand moet zijn. Daarom moeten selectievakjes alleen worden gebruikt om een optie in of uit te schakelen of om een item te selecteren of deselecteren.

schermafbeelding van een van de vier selectievakjes geselecteerd

Een typische groep selectievakjes.

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 het selectievakje gebruikt om een optie in of uit te schakelen of om een item te selecteren of deselecteren? Als dat niet het is, gebruikt u een ander besturingselement.

  • Zijn de geselecteerde en gewiste toestanden duidelijke en ondubbelzinnige tegengestelden? Zo niet, gebruik keuzerondjes of een vervolgkeuzelijst, zodat u de statussen onafhankelijk kunt labelen.

  • Wanneer de groep wordt gebruikt in een groep, bestaat de groep uit onafhankelijke keuzes, van waaruit gebruikers nul of meer kunnen kiezen? Zo niet, overweeg dan besturingselementen voor afhankelijke keuzes, zoals keuzerondjes en selectievakjestructuurweergaven.

  • Wanneer de groep in een groep wordt gebruikt, bestaat de groep uit afhankelijke keuzes, waaruit gebruikers een of meer moeten kiezen? Als dit het probleem is, gebruikt u een groep selectievakjes en verwerkt u de fout wanneer geen van de opties is geselecteerd.

  • Is het aantal opties in een groep 10 of minder? Omdat de gebruikte schermruimte evenredig is met het aantal opties, houdt u het aantal selectievakjes op 10 of minder. Gebruik een selectievakjevoor meer dan 10 opties.

  • Zou een keuzerondje een betere keuze zijn? Wanneer selectievakjes alleen geschikt zijn voor het in- of uitschakelen van een optie, kunnen keuzerondjes worden gebruikt voor volledig verschillende opties. Als beide oplossingen mogelijk zijn:

    • Gebruik keuzerondjes als de betekenis van het uitgeschakelde selectievakje niet helemaal duidelijk is.

      Onjuist:

      schermafbeelding van één selectievakje met het label Liggend

      In dit voorbeeld is de tegenovergestelde keuze van Liggend niet duidelijk, dus het selectievakje is geen goede keuze.

      juist:

      schermafbeelding van twee keuzerondjes

      In dit voorbeeld zijn de keuzes geen tegengestelden, dus keuzerondjes zijn de betere keuze.

    • Gebruik keuzerondjes op wizardpagina's om de alternatieven duidelijk te maken, zelfs als een selectievakje anders acceptabel is.

    • Gebruik keuzerondjes als u voldoende schermruimte hebt en de opties belangrijk genoeg zijn om een goed gebruik van die schermruimte te zijn. Gebruik anders een selectievakje of een vervolgkeuzelijst.

      Onjuist:

      schermopname van weergeven en geen verhoudingsknoppen weergeven

      In dit voorbeeld zijn de opties niet belangrijk genoeg om keuzerondjes te gebruiken.

      juist:

      schermafbeelding van selectievakje met bericht niet weergeven

      In dit voorbeeld is een selectievakje een efficiënt gebruik van schermruimte voor deze randapparatuuroptie.

  • Gebruik een selectievakje als er andere selectievakjes in het venster staan.

  • Presenteert de optie een programmaoptie in plaats van gegevens? De waarden van de optie mogen niet zijn gebaseerd op context of andere gegevens. Gebruik voor gegevens een selectievakjelijst of meerdere selectielijsten.

Gebruikspatronen

Selectievakjes hebben verschillende gebruikspatronen:

Gebruik Voorbeeld
Een afzonderlijke keuze Er wordt één selectievakje gebruikt om een afzonderlijke keuze te selecteren.
schermafbeelding van één selectievakje met een label
Er wordt één selectievakje gebruikt voor een afzonderlijke keuze.
Onafhankelijke opties (nul of meer) Een groep selectievakjes wordt gebruikt om een set met nul of meer keuzemogelijkheden te selecteren.
in tegenstelling tot besturingselementen met één selectie, zoals keuzerondjes, kunnen gebruikers elke combinatie van opties in een groep selectievakjes selecteren.
schermafbeelding van twee van de drie selectievakjes geselecteerd
Er wordt een groep selectievakjes gebruikt voor onafhankelijke keuzes.
Afhankelijke opties (een of meer) Een groep selectievakjes kan ook worden gebruikt om een of meer keuzemogelijkheden te selecteren.
moet u mogelijk een selectie van een of meer afhankelijke keuzesvertegenwoordigen. omdat microsoft?windows geen besturingselement heeft dat dit type invoer rechtstreeks ondersteunt, is de beste oplossing het gebruik van een groep selectievakjes en het afhandelen van de fout wanneer geen van de opties is geselecteerd.
schermafbeelding van een van de twee selectievakjes geselecteerd
Er wordt een groep selectievakjes gebruikt waarbij ten minste één protocol moet worden geselecteerd.
Gemengde keuze Naast de geselecteerde en uitgeschakelde statussen hebben selectievakjes ook een gemengde status voor meerdere selecties om aan te geven dat de optie is ingesteld voor sommige, maar niet alle, objecten.
schermafbeelding van een effen blauw alleen-lezen selectievakje
Een selectievakje met gemengde status.

Richtsnoeren

Algemeen

  • Gerelateerde selectievakjesgroeperen. Combineer gerelateerde opties en scheid niet-gerelateerde opties in groepen van 10 of minder, waarbij u indien nodig meerdere groepen gebruikt.

    schermafbeelding van gerelateerde en niet-gerelateerde selectievakjes

    Een voorbeeld van groepen gerelateerde, onafhankelijke opties.

  • Overweeg het gebruik van groepsvakken om groepen selectievakjes te ordenen dit leidt vaak tot onnodige onbelangrijke schermuitingen.

  • selectievakjes lijst in een logische volgorde, zoals het groeperen van zeer gerelateerde opties of het plaatsen van de meest voorkomende opties eerst, of het volgen van een andere natuurlijke voortgang. Alfabetische volgorde wordt niet aanbevolen omdat het taalafhankelijk is en daarom niet kan worden gelokaliseerd.

  • selectievakjes verticaal uitlijnen, niet horizontaal. Horizontale uitlijning is moeilijker te lezen.

    juist:

    schermafbeelding van selectievakjes die verticaal zijn uitgelijnd

    In dit voorbeeld zijn de selectievakjes correct uitgelijnd.

    Onjuist:

    schermafbeelding van selectievakjes die horizontaal zijn uitgelijnd

    In dit voorbeeld is de horizontale uitlijning moeilijker te lezen.

  • Gebruik de gemengde status niet om een derde status weer te geven. De gemengde status wordt gebruikt om aan te geven dat een optie is ingesteld voor sommige, maar niet alle, onderliggende objecten. Gebruikers mogen niet rechtstreeks een gemengde status instellen in plaats van de gemengde status is een weerspiegeling van de onderliggende objecten. De gemengde status wordt niet gebruikt als een derde status voor een afzonderlijk item. Als u een derde status wilt weergeven, gebruikt u keuzerondjes of een vervolgkeuzelijst.

    Onjuist:

    schermafbeelding van een effen blauw themaservice selectievakje

    In dit voorbeeld moet de gemengde status aangeven dat de themaservice niet is geïnstalleerd.

    juist:

    schermafbeelding van vervolgkeuzelijst met drie opties

    In dit voorbeeld kunnen gebruikers kiezen uit een lijst met drie duidelijke opties.

  • Als u op een selectievakje gemengde status klikt, moet u alle geselecteerde, alle uitgeschakelde statussen en de oorspronkelijke gemengde toestanden doorlopen. Voor vergeving is het belangrijk dat u de oorspronkelijke gemengde toestand kunt herstellen omdat de instellingen mogelijk complex of onbekend zijn voor de gebruiker. Anders is de enige manier om de gemengde status met vertrouwen te herstellen door de taak te annuleren en opnieuw te beginnen.

  • Gebruik geen selectievakjes als voortgangsindicator. Gebruik in plaats daarvan een voortgangsindicator besturingselement.

    Onjuist:

    schermafbeelding van vier selectievakjes met voortgang

    In dit voorbeeld worden selectievakjes onjuist gebruikt als voortgangsindicator.

    juist:

    schermafbeelding van een gedeeltelijk gevulde voortgangsbalk

    Voorbeeld van een typische voortgangsbalk.

  • Uitgeschakelde selectievakjes weergeven met de juiste selectiestatus. Hoewel gebruikers deze niet kunnen wijzigen, bevatten uitgeschakelde selectievakjes informatie zodat ze consistent moeten zijn met resultaten.

    Onjuist:

    schermafbeelding van een van de twee selectievakjes grijs weergegeven

    In dit voorbeeld moet de optie Altijd deze sectie hardop voorlezen worden gewist omdat de sectie niet wordt gelezen wanneer de optie is uitgeschakeld.

  • gebruik de selectie van een selectievakje niet om:

    • Voer opdrachten uit.
    • Andere vensters weergeven, zoals een dialoogvenster om meer invoer te verzamelen.
    • Dynamisch andere besturingselementen weergeven die betrekking hebben op het geselecteerde besturingselement (schermlezers kunnen dergelijke gebeurtenissen niet detecteren).

Dit <item niet meer weergeven>

  • Overweeg het gebruik van een optie Dit <item niet weergeven> optie om gebruikers toe te staan een terugkerend dialoogvenster alleen te onderdrukken als er geen beter alternatief is. Probeer vooraf te bepalen of gebruikers het dialoogvenster echt nodig hebben; Als dat het gebeurt, geeft u altijd het dialoogvenster weer en als dat niet het is, elimineert u het dialoogvenster.

Zie dialoogvenstersvoor meer richtlijnen en voorbeelden.

Onderliggende besturingselementen

  • Plaats onderliggende besturingselementen rechts van of onder (ingesprongen, leeggemaakt met het selectievakjelabel) het selectievakje en het bijbehorende label. Beëindig het selectievakjelabel met een dubbele punt.

    schermafbeelding van het tekstvak onder het selectievakje

    In dit voorbeeld delen het selectievakje en het onderliggende besturingselement het selectievakjelabel en de bijbehorende toegangssleutel.

  • Laat afhankelijke bewerkbare tekstvakken en vervolgkeuzelijsten ingeschakeld als ze het label van het selectievakje delen. Wanneer gebruikers iets in het vak typen of plakken, selecteert u automatisch de bijbehorende optie. Dit vereenvoudigt de interactie.

    schermafbeelding van kop- en voettekstvakken

    In dit voorbeeld selecteert u automatisch de optie als u een kop- of voettekst invoert.

  • Als u selectievakjes nest met keuzerondjes of andere selectievakjes, deze onderliggende besturingselementen uitschakelen totdat de optie op hoog niveau is geselecteerd. Dit voorkomt verwarring over de betekenis van de onderliggende controles.

  • Maak onderliggende besturingselementen aan een selectievakje dat aaneengesloten is met het selectievakje in de tabvolgorde.

  • Als het selecteren van een optie impliceert dat onderliggende selectievakjes worden ingeschakeld, schakelt u deze selectievakjes expliciet in om de relatie duidelijk te maken.

    Onjuist:

    schermafbeelding: geselecteerde knop, uitgeschakelde selectievakjes

    In dit voorbeeld zijn de onderliggende selectievakjes niet ingeschakeld.

    juist:

    schermafbeelding: geselecteerde knop, geselecteerde selectievakjes

    In dit voorbeeld zijn de onderliggende selectievakjes ingeschakeld, waardoor de relatie met de geselecteerde optie wordt uitgeschakeld.

  • Afhankelijke selectievakjes gebruiken als de alternatieven onnodige complexiteittoevoegen. Hoewel selectievakjes onafhankelijke opties moeten zijn, voegen soms alternatieven zoals keuzerondjes onnodige complexiteit toe.

    juist:

    schermopname van verwarrende knoppen en selectievakjes

    In dit voorbeeld is het gebruik van keuzerondjes nauwkeurig, maar leidt tot onnodige complexiteit.

    Beter:

    schermafbeelding van selectievakjes alleen

    In dit voorbeeld is het gebruik van selectievakjes eenvoudiger en kunnen gebruikers zich richten op het selecteren van de gewenste opties in plaats van op hun complexe relatie.

    Belangrijk: Pas deze richtlijn alleen toe in zeer zeldzame omstandigheden, wanneer de afhankelijkheden worden weergegeven, aanzienlijke complexiteit toevoegt zonder duidelijkheid toe te voegen. In het vorige voorbeeld is het onwaarschijnlijk dat gebruikers proberen zowel superscript als subscript te kiezen, en als dat het geval is, zou het gemakkelijk zijn om te begrijpen dat ze exclusieve opties waren.

Standaardwaarden

  • Als een selectievakje voor een gebruikersoptie is, de veiligste optie instellen (om verlies van gegevens of systeemtoegang te voorkomen), de veiligste en privéstatus standaard. Als veiligheid en beveiliging geen factoren zijn, selecteert u de meest waarschijnlijke of handige waarde.

afbeelding van voorgestelde grootte en afstand

Aanbevolen grootte en afstand voor selectievakjes.

Labels

selectievakjelabels

  • Geef elk selectievakje een label.

  • Wijs een unieke toegangssleutel toe aan elk label. Zie Toetsenbordvoor richtlijnen.

  • Gebruik hoofdlettergebruik inzinsstijl.

  • Schrijf het label als een woordgroep of een imperatieve zin en gebruik geen eindpunctie.

    • Uitzondering: Als een selectievakjelabel ook een ondergeschikt besturingselement als volgt labelt, beëindigt u het label met een dubbele punt.
  • Schrijf het label zodat de geselecteerde status van het selectievakje wordt beschreven.

  • Voor een groep selectievakjes gebruikt u parallelle formuleringen en probeert u de lengte ongeveer hetzelfde te houden voor alle labels.

  • Voor een groep selectievakjes richt u de labeltekst op de verschillen tussen de opties. Als alle opties dezelfde inleidende tekst hebben, verplaatst u die tekst naar het groepslabel.

  • Gebruik positieve formuleringen. Een label niet zinnen, zodat het inschakelen van een selectievakje betekent dat u geen actie uitvoert.

    • Uitzondering: schakel dit <item niet opnieuw> selectievakjes in.

    Onjuist:

    schermafbeelding van negatief label uitschakelen

    In dit voorbeeld gebruikt de optie geen positieve formulering.

  • Beschrijf alleen de optie met het label. Houd labels kort zodat u ze eenvoudig kunt raadplegen in berichten en documentatie. Als voor de optie verdere uitleg is vereist, geeft u de uitleg op in een statische tekst besturingselement met behulp van volledige zinnen en einde van interpunctie.

    Notitie

    Als u een uitleg toevoegt aan één selectievakje in een groep, betekent dit niet dat u uitleg moet opgeven voor alle selectievakjes in de groep. Geef desgewenst de relevante informatie op in het label en gebruik alleen uitleg indien nodig. Plaats het label niet alleen op consistentie.

    schermafbeelding van selectievakje, label en beschrijving

    In dit voorbeeld bevat een selectievakjelabel extra verklarende tekst eronder.

  • Als een optie sterk wordt aanbevolen, kunt u overwegen om '(aanbevolen)' toe te voegen aan het label. Zorg ervoor dat u het besturingselementlabel toevoegt, niet aan de aanvullende notities.

  • Als u labels met meerdere regels moet gebruiken, moet u de bovenkant van het label uitlijnen met het selectievakje.

  • Gebruik geen ondergeschikt besturingselement, de waarden die het bevat of het bijbehorende eenheidslabel om een zin of woordgroep te maken. Een dergelijk ontwerp is niet lokaliseerbaar omdat de zinsstructuur verschilt van taal.

    Onjuist:

    schermafbeelding van selectievakjelabel met tekstvak erin

    In dit voorbeeld wordt het tekstvak onjuist in het selectievakjelabel geplaatst.

groepslabels selectievakje

  • Gebruik het groepslabel om het doel van de groep uit te leggen, niet hoe u de selectie maakt. Stel dat gebruikers weten hoe ze selectievakjes moeten gebruiken. Zeg bijvoorbeeld niet 'Selecteer een van de volgende opties'.

  • Beëindig elk label met een dubbele punt.

  • Wijs geen toegangssleutel toe aan het label. Dit is niet nodig en maakt het moeilijker om de andere toegangssleutels toe te wijzen.

  • Voor een selectie van een of meer afhankelijke keuzes moet u de vereiste voor het label uitleggen.

    juist:

    schermopname van het label voor twee besturingselementen: protocollen

    In dit voorbeeld kunnen gebruikers denken dat ze slechts één selectie kunnen maken.

    Beter:

    schermopname van het label: protocollen selecteren een of meer

    In dit voorbeeld is het duidelijk dat gebruikers meer dan één selectie kunnen maken.

Documentatie

Wanneer u naar selectievakjes verwijst:

  • Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, maar neem het onderstrepingsteken of dubbele punt niet op. Schakel het selectievakje voor het woord in.

  • Verwijs naar een selectievakje als een selectievakje, niet de optie, het selectievakje of het selectievakje, omdat het selectievakje alleen niet eenduidig is voor localizers.

  • Als u gebruikersinteractie wilt beschrijven, gebruikt u Selectie en Wissen.

  • Maak het label indien mogelijk op met vetgedrukte tekst. Anders plaatst u het label alleen tussen aanhalingstekens indien nodig om verwarring te voorkomen.

    Voorbeeld: Schakel het selectievakje Onderstrepen in.