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.
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:
In dit voorbeeld is de tegenovergestelde keuze van Liggend niet duidelijk, dus het selectievakje is geen goede keuze.
juist:
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:
In dit voorbeeld zijn de opties niet belangrijk genoeg om keuzerondjes te gebruiken.
juist:
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. |
![]() 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.![]() 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.![]() 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. |
![]() 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.
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:
In dit voorbeeld zijn de selectievakjes correct uitgelijnd.
Onjuist:
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:
In dit voorbeeld moet de gemengde status aangeven dat de themaservice niet is geïnstalleerd.
juist:
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:
In dit voorbeeld worden selectievakjes onjuist gebruikt als voortgangsindicator.
juist:
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:
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.
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.
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:
In dit voorbeeld zijn de onderliggende selectievakjes niet ingeschakeld.
juist:
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:
In dit voorbeeld is het gebruik van keuzerondjes nauwkeurig, maar leidt tot onnodige complexiteit.
Beter:
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.
Aanbevolen 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:
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.
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:
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:
In dit voorbeeld kunnen gebruikers denken dat ze slechts één selectie kunnen maken.
Beter:
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.