Vervolgkeuzelijsten voor Windows 7 & keuzelijsten met invoervak
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 vervolgkeuzelijst of keuzelijst met invoervak maken gebruikers een keuze uit een lijst met wederzijds exclusieve waarden. Gebruikers kunnen één en slechts één optie kiezen. Met een standaard vervolgkeuzelijst zijn gebruikers beperkt tot keuzes in de lijst, maar met een keuzelijst met invoervak kunnen ze een keuze invoeren die niet in de lijst staat.
Een typische keuzelijst met invoervak.
De volgende termen zijn belangrijk om te begrijpen wanneer u dit artikel leest:
- Een standaard keuzelijst is een vak met een lijst met meerdere items, waarbij meerdere items zichtbaar zijn.
- Een vervolgkeuzelijst is een lijst waarin het geselecteerde item altijd zichtbaar is en de anderen op aanvraag zichtbaar zijn door op een vervolgkeuzelijst te klikken.
- Een keuzelijst met invoervak is een combinatie van een standaard keuzelijst of een vervolgkeuzelijst en een bewerkbare tekstvak, zodat gebruikers een waarde kunnen invoeren die niet in de lijst staat.
- Een bewerkbare vervolgkeuzelijst is een combinatie van een vervolgkeuzelijst en een bewerkbaar tekstvak.
- Een bewerkbare keuzelijst is een combinatie van een standaard keuzelijst en een bewerkbaar tekstvak.
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 besturingselement gebruikt om één optie te kiezen in een lijst met wederzijds exclusieve waarden? Als dat niet het is, gebruikt u een ander besturingselement. Als u meerdere opties wilt kiezen, gebruikt u in plaats daarvan een standaardlijst met meerdere selecties, keuzelijst, opbouwfunctie voor lijsten of lijst toevoegen/verwijderen.
- Zijn de opties opdrachten? Als dit het gevolg is, gebruikt u in plaats daarvan een menuknop of splitsknop. Gebruik vervolgkeuzelijsten en keuzelijsten met invoervak voor objecten (zelfstandige naamwoorden) of kenmerken (bijvoeglijke naamwoorden), maar geen opdrachten (werkwoorden).
- Bevat de lijst gegevens in plaats van programmaopties? In beide gevallen is een vervolgkeuzelijst of keuzelijst met invoervak een geschikte keuze. Daarentegen zijn keuzerondjes alleen geschikt voor een klein aantal programmaopties.
vervolgkeuzelijsten
Is er een standaardoptie die wordt aanbevolen voor de meeste gebruikers in de meeste situaties? Is het veel belangrijker om de geselecteerde optie te zien dan de alternatieven te zien? U kunt een vervolgkeuzelijst gebruiken als u gebruikers niet wilt aanmoedigen om wijzigingen aan te brengen door de alternatieven te verbergen. Zo niet, overweeg dan keuzerondjes, een lijst met één selectie of een bewerkbare keuzelijst, die meer nadruk geven op de alternatieve opties.
In dit voorbeeld is de hoogste kleurkwaliteit de beste keuze voor de meeste gebruikers, dus een vervolgkeuzelijst is een goede keuze om de alternatieven af te spelen.
Wilt u de aandacht vestigen op de optie? Zo ja, overweeg keuzerondjes, een lijst met één selectie of een bewerkbare keuzelijst, die meestal meer aandacht trekt door meer schermruimte te nemen. Omdat vervolgkeuzelijsten compact zijn, zijn ze goede opties voor opties die u wilt onderverlenen.
Is de schermruimte in een Premium? Zo ja, gebruik dan een vervolgkeuzelijst omdat de gebruikte schermruimte is opgelost en onafhankelijk van het aantal keuzes.
Zijn er andere vervolgkeuzelijsten in het venster? Zo ja, dan kunt u overwegen een vervolgkeuzelijst te gebruiken voor consistentie.
Bewerkbare vervolgkeuzelijsten
Naast de principes die zojuist zijn opgegeven voor vervolgkeuzelijsten, is het volgende ook van toepassing:
Zijn de mogelijke keuzes beperkt? Als dat het zo is, gebruikt u in plaats daarvan een normale vervolgkeuzelijst. Keuzelijsten met invoervak zijn voor niet-gekoppelde invoer, waarin gebruikers mogelijk een waarde moeten invoeren die momenteel niet in de lijst staat. Omdat de invoer niet is getraind, moet u de fout afhandelen met een foutbericht als gebruikers tekst invoeren die niet geldig is.
Kunt u de meest waarschijnlijke keuzes van tevoren opsommen? Als dat niet het is, gebruikt u in plaats daarvan een tekstvak.
Wordt de vervolgkeuzelijst gebruikt om eerdere gebruikersinvoer weer te geven? Tenzij gebruikers de volledige lijst met eerdere invoer moeten bekijken, gebruikt u in plaats daarvan een tekstvak met de optie voor automatisch aanvullen.
In dit voorbeeld moeten gebruikers mogelijk hun vorige invoer controleren, dus een bewerkbare vervolgkeuzelijst is een goede keuze.
In dit voorbeeld is een tekstvak met automatisch aanvullen een goede keuze.
Hebben gebruikers hulp nodig bij het selecteren van geldige waarden? Als dat het zo is, gebruikt u een tekstvak met een knop Bladeren.
In dit voorbeeld kunnen gebruikers op 'Aan' klikken om hen te helpen geldige waarden te selecteren.
Is het belangrijk om gebruikers aan te moedigen de alternatieve keuzes te bekijken of wijzigingen uit te nodigen? Als dat het zo is, kunt u in plaats daarvan een bewerkbare keuzelijst gebruiken. Met een bewerkbare vervolgkeuzelijst kunnen gebruikers pas op de hoogte zijn van de alternatieven als de lijst is verwijderd.
Moeten gebruikers snel een item in een grote lijst vinden? (alleen Win32) Als dat het zo is, gebruikt u een keuzelijst met invoervak omdat gebruikers een item kunnen selecteren door de volledige naam te typen. De vervolgkeuzelijst Win32 selecteert daarentegen alleen items op basis van het laatste getypte teken (dus het typen van 'Jun' in een lijst met maanden komt overeen met november, niet juni). Gebruik in dit geval een keuzelijst met invoervak, zelfs als de mogelijke opties beperkt zijn.
bewerkbare keuzelijsten
- Zijn de mogelijke keuzes beperkt? Als dat het zo is, gebruikt u in plaats daarvan een lijst met één selectie of een normale vervolgkeuzelijst. Keuzelijsten met invoer met invoervak zijn niet-gekoppeld, waarbij gebruikers mogelijk een waarde moeten invoeren die zich momenteel niet in de lijst bevindt. Omdat de invoer niet is getraind, moet u de fout afhandelen met een foutbericht als gebruikers tekst invoeren die ongeldig is.
- Kunt u de meest waarschijnlijke keuzes van tevoren opsommen? Als dat niet het is, gebruikt u in plaats daarvan een tekstvak.
- Is het belangrijk om gebruikers aan te moedigen de alternatieve keuzes te bekijken of wijzigingen uit te nodigen? Als dat niet het is, kunt u in plaats daarvan een bewerkbare vervolgkeuzelijst overwegen.
- Wilt u de aandacht vestigen op de optie? Als dat niet het is, kunt u in plaats daarvan een bewerkbare vervolgkeuzelijst overwegen. Omdat vervolgkeuzelijsten compact zijn, zijn ze goede opties voor opties die u wilt onderverlenen.
- Is de schermruimte in een Premium? Als dit het probleem is, gebruikt u een bewerkbare vervolgkeuzelijst omdat de gebruikte schermruimte is opgelost en onafhankelijk is van het aantal keuzes.
Voor vervolgkeuzelijsten is het aantal items in de lijst geen factor is bij het kiezen van het besturingselement omdat ze worden geschaald van duizenden items helemaal naar beneden. Bewerkbare vervolgkeuzelijsten worden geschaald van duizenden items naar geen, omdat gebruikers een waarde kunnen invoeren die niet in de lijst staat. Omdat vervolgkeuzelijsten kunnen worden gebruikt voor gegevens, is het aantal items mogelijk niet van tevoren bekend en kan het niet worden gegarandeerd. Neem altijd ten minste drie items op in bewerkbare keuzelijsten om de extra schermruimte te rechtvaardigen.
Gebruikspatronen
Vervolgkeuzelijsten en keuzelijsten met invoervak hebben verschillende gebruikspatronen:
Gebruik | Voorbeeld |
---|---|
vervolgkeuzelijst een standaard vervolgkeuzelijst met een vaste set vooraf vastgestelde waarden. |
Wanneer het item is gesloten, is alleen het geselecteerde item zichtbaar. Wanneer gebruikers op de vervolgkeuzelijst klikken, worden alle opties zichtbaar. Als u de waarde wilt wijzigen, kunnen gebruikers de lijst openen en op een andere waarde klikken.![]() In dit voorbeeld heeft de lijst de normale status. ![]() In dit voorbeeld is de lijst verwijderd. |
vervolgkeuzelijst Voorbeeld een vervolgkeuzelijst die een voorbeeld van de resultaten van de selectie bekijkt om gebruikers te helpen kiezen. |
![]() In deze voorbeelden ziet u in de vervolgkeuzelijsten een voorbeeld van de resultaten van de selectie. |
Bewerkbare vervolgkeuzelijst een vervolgkeuzelijst, waarmee gebruikers een waarde kunnen invoeren die niet in de vervolgkeuzelijst staat. |
![]() ![]() Voorbeelden van een bewerkbare vervolgkeuzelijst in bewerkings- en verwijderde modi. Gebruik dit besturingselement als u de flexibiliteit van een tekstvak wilt bieden, maar gebruikers wilt helpen door een handige lijst met waarschijnlijke keuzes te bieden. |
Bewerkbare keuzelijsten een gewone keuzelijst met invoervak, waarmee gebruikers een waarde kunnen invoeren die niet altijd zichtbaar is in de lijst. |
![]() In deze voorbeelden worden de bewerkbare keuzelijsten altijd weergegeven. Dit besturingselement is een betere keuze dan de bewerkbare vervolgkeuzelijst wanneer het belangrijk is om gebruikers aan te moedigen de alternatieve opties te bekijken of wijzigingen uit te nodigen. |
Richtsnoeren
Algemeen
-
Gebruik de wijziging van een vervolgkeuzelijst of keuzelijst met invoervak 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 dergelijke gebeurtenissen niet kunnen detecteren).
Presentatie
lijstitems sorteren in een logische volgorde, zoals het groeperen van zeer gerelateerde opties, het plaatsen van de meest voorkomende opties eerst of het gebruik van alfabetische volgorde. Sorteer namen in alfabetische volgorde, getallen in numerieke volgorde en datums in chronologische volgorde. Lijsten met 12 of meer items moeten alfabetisch worden gesorteerd om items gemakkelijker te vinden.
Juist:
In dit voorbeeld worden de lijstitems gesorteerd op de ruimtelijke relatie.
Onjuist:
In dit voorbeeld zijn er zoveel lijstitems die moeten worden gesorteerd in alfabetische volgorde.
Juist:
In dit voorbeeld worden de lijstitems in alfabetische volgorde gesorteerd, met uitzondering van de optie die alle items vertegenwoordigt.
Opties plaatsen die aan het begin van de lijst alle of geen vertegenwoordigen, ongeacht de sorteervolgorde van de resterende items.
metaopties tussen haakjes insluiten.
In dit voorbeeld is '(Geen)' een metaoptie omdat het geen geldige waarde is voor de keuze, maar wordt beschreven dat de optie zelf niet wordt gebruikt.
Wanneer u een vervolgkeuzelijst of keuzelijst met invoervak uitschakelt, schakelt u ook de bijbehorende labels en opdrachtknoppen uit.
Vervolgkeuzelijsten
Wanneer één vervolgkeuzelijst wordt gebruikt om de weergave van een gekoppeld besturingselement te wijzigen, de weergave direct bij de selectie wijzigen in plaats van een afzonderlijke opdrachtknop te vereisen. Gebruik alleen een afzonderlijke opdrachtknop als het even duurt voordat de lijst wordt weergegeven. Lijstkoppen en menuknoppen zijn echter de voorkeursbesturingselementen voor dit doel.
Geen lege lijstitemsmetaopties gebruiken in plaats. Gebruikers weten niet hoe lege items moeten worden geïnterpreteerd, terwijl de betekenis van metaopties expliciet is.
Juist:
Onjuist:
In het onjuiste voorbeeld is de betekenis van de lege optie onduidelijk.
Voorbeeld van vervolgkeuzelijsten
Voorbeelden in de lijstitems gebruiken wanneer het beter is om met afbeeldingen weer te geven dan alleen tekst te beschrijven.
In dit voorbeeld worden in het voorbeeld de opties veel beter uitgelegd dan alleen tekst.
Gebruik geen onnodige, onhulpzame pictogrammen in previews.
Onjuist:
In dit voorbeeld zijn de voorbeeldpictogrammen niet nodig omdat ze geen informatie communiceren.
Keuzelijsten
Beperk de lengte van de invoertekst wanneer u dat kunt. Als de geldige invoer bijvoorbeeld een getal tussen 0 en 999 is, gebruikt u een keuzelijst met invoervak die is beperkt tot drie tekens.
Als er veel mogelijke opties zijn, richt u de inhoud van de lijst op de meest waarschijnlijke opties. Omdat gebruikers waarden kunnen invoeren die zich niet in de lijst bevinden, hoeven keuzelijsten met invoervak niet alle opties weer te geven, alleen de waarschijnlijke keuzes of een representatieve steekproef.
In dit voorbeeld worden veel geldige opties niet weergegeven, zoals 15 of lettertypen met een halve grootte, zoals 9,5.
Standaardwaarden
- Selecteer de veiligste optie (om verlies van gegevens of systeemtoegang te voorkomen) en de veiligste optie standaard. Als veiligheid en beveiliging geen factoren zijn, selecteert u de meest waarschijnlijke of handige optie.
- Uitzondering: Een lege standaardwaarde weergeven als het besturingselement een eigenschap in een gemengde statusvertegenwoordigt. Dit gebeurt wanneer een eigenschap wordt weergegeven voor meerdere objecten die niet dezelfde instelling hebben.
Gevraagd
Een prompt is een label of korte instructie die in een bewerkbare vervolgkeuzelijst wordt geplaatst als standaardwaarde. In tegenstelling tot statische tekst verdwijnen prompts van het scherm zodra gebruikers iets in de keuzelijst met invoervak typen of de invoerfocus krijgt.
Een typische prompt.
Gebruik een prompt wanneer:
- Schermruimte is zo premium dat het gebruik van een label of instructie ongewenst is, zoals op een werkbalk.
- De prompt is voornamelijk bedoeld voor het identificeren van het doel van de lijst op een compacte manier. Het mag geen cruciale informatie zijn die gebruikers moeten zien tijdens het gebruik van de keuzelijst met invoervak.
Gebruik geen aanwijzingen om gebruikers om iets te selecteren in de lijst of om op knoppen te klikken. Vragen zoals Een optie selecteren of Voer een bestandsnaam in en klik vervolgens op Verzenden zijn niet nodig.
Wanneer u prompts gebruikt:
- Teken de prompttekst in cursief grijs en echte tekst in normaal zwart. De prompttekst mag niet worden verward met echte tekst.
- Houd de prompttekst beknopt. U kunt fragmenten gebruiken in plaats van volledige zinnen.
- Gebruik hoofdlettergebruik inzinsstijl.
- Gebruik geen eindetekens of beletseltekens.
- De prompttekst mag niet bewerkbaar zijn en moet verdwijnen zodra gebruikers in het tekstvak klikken of taben.
- Uitzondering: De prompt wordt weergegeven als het tekstvak de standaardinvoerfocus heeft en alleen verdwijnt zodra de gebruiker begint te typen.
- De prompttekst wordt hersteld als het tekstvak nog steeds leeg is wanneer de invoerfocus verloren gaat.
Onjuist:
In dit voorbeeld bevindt de schermruimte zich niet bij een Premium; zodra een bewerkbare vervolgkeuzelijst is ingevuld, is het moeilijk voor gebruikers om te onthouden waarvoor deze is bedoeld; en de prompttekst kan worden bewerkt en getekend op dezelfde manier als echte tekst.
Aanbevolen grootte en afstand
Aanbevolen grootte en afstand voor vervolgkeuzelijsten en keuzelijsten met invoervak.
- Kies een breedte die geschikt is voor de langste geldige gegevens. Vervolgkeuzelijsten kunnen niet horizontaal worden geschoven, zodat gebruikers alleen kunnen zien wat zichtbaar is in het besturingselement. (Houd er echter rekening mee dat keuzelijsten met invoervak functionaliteit voor AutoScroll kunnen hebben ingeschakeld.)
- Neem nog eens 30 procent (tot 200 procent voor kortere tekst) op voor tekst (maar geen getallen) die worden gelokaliseerd.
- Kies een lijstlengte die onnodig verticaal schuiven elimineert. Omdat vervolgkeuzelijsten op aanvraag worden weergegeven, moeten hun lijsten maximaal 30 items bevatten. Bewerkbare keuzelijsten (die geen vervolgkeuzelijst hebben) moeten tussen 3 en 12 items worden weergegeven.
Labels
Besturingslabels
Schrijf het label als een woord of woordgroep, niet als een zin en beëindig het met een dubbele punt. Uitzonderingen:
- Bewerkbare vervolgkeuzelijsten met prompts die zich bevinden waar de ruimte zich in een Premium bevindt.
- Als een vervolgkeuzelijst of keuzelijst met invoervak ondergeschikt is aan een keuzerondje of selectievakje en wordt geïntroduceerd door het label dat eindigt op een dubbele punt, plaatst u geen extra label op het besturingselement.
Wijs een unieke toegangssleutel toe voor elk label. Zie Toetsenbordvoor richtlijnen.
Gebruik hoofdlettergebruik inzinsstijl.
Plaats het label links van of boven het besturingselement en lijn het label uit met de linkerrand van het besturingselement. Als het label zich links bevindt, lijnt u de labeltekst verticaal uit met de besturingselementtekst.
Juist:
In dit voorbeeld wordt het label correct uitgelijnd met de besturingselementtekst.
Onjuist:
In dit voorbeeld is het label onjuist uitgelijnd met de besturingselementtekst.
U kunt eenheden (seconden, verbindingen enzovoort) opgeven tussen haakjes na het label.
Maak de inhoud van de vervolgkeuzelijst of keuzelijst met invoervak (of het bijbehorende eenhedenlabel) deel van een zin niet, omdat dit niet kan worden gelokaliseerd.
optietekst
- Wijs een unieke naam toe aan elke optie.
- Gebruik hoofdlettergebruik in zinsstijl, tenzij een item een geschikt zelfstandig naamwoord is.
- Schrijf het label als een woord of woordgroep, niet als zin en gebruik geen eindpunctie.
- Gebruik parallelle formuleringen en probeer de lengte ongeveer hetzelfde te houden voor alle opties.
instructietekst
Als u instructietekst wilt toevoegen over een vervolgkeuzelijst of keuzelijst met invoervak, voegt u deze toe boven het label. Gebruik volledige zinnen met eindepunctie.
Gebruik hoofdlettergebruik inzinsstijl.
Aanvullende informatie die nuttig, maar niet nodig is, moet kort worden gehouden. Plaats deze informatie tussen haakjes tussen het label en de dubbele punt, of zonder haakjes onder het besturingselement.
In dit voorbeeld ziet u aanvullende informatie die onder het besturingselement wordt geplaatst.
Documentatie
Wanneer u naar vervolgkeuzelijsten verwijst:
- Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, maar neem niet het onderstrepingsteken of dubbele punt van de toegangssleutel op; gebruik een keuzelijst of vak, afhankelijk van wat duidelijker is.
- Voor lijstopties gebruikt u de exacte optietekst, inclusief het hoofdlettergebruik.
- Raadpleeg in programmeren en andere technische documentatie vervolgkeuzelijsten als vervolgkeuzelijsten. Overal anders kunt u een keuzelijst of vak gebruiken, afhankelijk van wat duidelijker is.
- Als u de interactie van de gebruiker wilt beschrijven, klikt u op.
- Maak indien mogelijk het label en de lijstopties op met vetgedrukte tekst. Anders plaatst u het label en de opties alleen tussen aanhalingstekens als dat nodig is om verwarring te voorkomen.
Voorbeeld: Klik in de lijst Tekengrootte op Grote lettertypen.
Wanneer u naar keuzelijsten met invoervak verwijst:
- Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, maar neem niet het onderstrepingsteken of dubbele punt van de toegangssleutel op; neem het woordvak op.
- Gebruik voor lijstopties de exacte optietekst, inclusief het hoofdlettergebruik.
- Raadpleeg in programmering en andere technische documentatie de keuzelijsten met invoervak als keuzelijsten met invoervak. Overal anders, gebruik box.
- Als u gebruikersinteractie wilt beschrijven, gebruikt u Enter.
- Maak indien mogelijk het label en de lijstopties op met vetgedrukte tekst. Anders plaatst u het label en de opties alleen tussen aanhalingstekens als dat nodig is om verwarring te voorkomen.
Voorbeeld: Voer in het vak Lettertype het lettertype in dat u wilt gebruiken.