Keuzelijsten

Met een keuzelijst kunnen gebruikers kiezen uit een set waarden die worden weergegeven in een lijst die altijd zichtbaar is. Met een keuzelijst met één keuzelijst selecteren gebruikers één item in een lijst met wederzijds exclusieve waarden. Met een keuzelijst met meerdere keuzemogelijkheden selecteren gebruikers nul of meer items in een lijst met waarden.

Een typische keuzelijst met één keuzelijst.

Is dit de juiste controle?

Houd rekening met deze vragen om te bepalen:

• Bevat de lijst gegevens in plaats van programmaopties? In beide gevallen is een keuzelijst een geschikte keuze, ongeacht het aantal items. Daarentegen zijn keuzerondjes of selectievakjes alleen geschikt zijn voor een klein aantal programmaopties.
• Moeten gebruikers weergaven wijzigen, groeperen, sorteren op kolommen of kolombreedten en -volgorde wijzigen? Als dat het zo is, gebruikt u in plaats daarvan een lijstweergave.
• Moet het besturingselement een sleepbron of een doel voor neerzetten zijn? Als dit het gevolg is, gebruikt u in plaats daarvan een lijstweergave.
• Moeten de lijstitems worden gekopieerd naar of geplakt vanaf het klembord? Als dit het gevolg is, gebruikt u in plaats daarvan een lijstweergave.

lijsten met één selectie

• 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 keuzemogelijkheden, keuzelijsten, opbouwfunctie voor lijsten of een lijst toevoegen/verwijderen.
• 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? Zo ja, overweeg dan het gebruik van een vervolgkeuzelijst als u gebruikers niet wilt aanmoedigen om wijzigingen aan te brengen door de alternatieven te verbergen.

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.

• Vereist de lijst constante interactie? Zo ja, gebruik dan een lijst met één selectie om de interactie te vereenvoudigen.

In dit voorbeeld wijzigen gebruikers voortdurend het geselecteerde item in de lijst Weergave-items om de voorgrond- en achtergrondkleuren in te stellen. Het gebruik van een vervolgkeuzelijst in dit geval zou erg tijdrovend zijn.

• Lijkt de instelling een relatieve hoeveelheid? Profiteren gebruikers van directe feedback over het effect van het instellen van wijzigingen? Als dat het zo is, kunt u in plaats daarvan een schuifregelaar gebruiken.
• Is er een belangrijke hiërarchische relatie tussen de lijstitems? Als dat het zo is, gebruikt u in plaats daarvan een structuurweergave besturingselement.
• Is de schermruimte in een Premium? Gebruik in plaats daarvan een vervolgkeuzelijst omdat de gebruikte schermruimte is opgelost en onafhankelijk van het aantal lijstitems.

Standaard lijsten met meerdere selecties en selectievakjes

• Is meervoudige selectie essentieel voor de taak of veelgebruikt? Als dat het geval is, gebruikt u een selectievakje om meerdere selecties duidelijk te maken, met name als uw doelgebruikers niet geavanceerd zijn. Veel gebruikers realiseren zich niet dat een standaardlijst met meerdere selecties meerdere selecties meerdere selecties ondersteunt. Gebruik een standaardlijst met meerdere selecties als de selectievakjes te veel aandacht vestigen op meerdere selecties of leiden tot te veel schermromp.
• Is de stabiliteit van de meervoudige selectie belangrijk? Als dat het zo is, gebruikt u een keuzelijst, lijstbouwer of lijst toevoegen/verwijderen, omdat u slechts één item tegelijk op wijzigingen klikt. Met een standaardlijst met meerdere selecties is het heel eenvoudig om alle selecties per ongeluk te wissen.
• Wordt het besturingselement gebruikt om nul of meer items in een lijst met waarden te kiezen? Als dat niet het is, gebruikt u een ander besturingselement. Als u één item wilt kiezen, gebruikt u in plaats daarvan een lijst met één selectie.

preview-lijsten

• Zijn de opties gemakkelijker te selecteren met afbeeldingen dan alleen tekst? Als dat het zo is, gebruikt u een voorbeeldlijst.

opbouwfuncties voor lijsten en lijsten toevoegen/verwijderen

• Wordt het besturingselement gebruikt om nul of meer items in een lijst met waarden te kiezen? Als dat niet het is, gebruikt u een ander besturingselement. Als u één item wilt kiezen, gebruikt u in plaats daarvan een lijst met één selectie.
• Is de volgorde van de geselecteerde items belangrijk? Zo ja, dan ondersteunen de opbouwfunctie voor lijsten de volgorde van lijstpatronen en het toevoegen/verwijderen van lijstpatronen, terwijl de andere patronen met meerdere selecties niet.
• Is het belangrijk dat gebruikers een samenvatting van alle geselecteerde items zien? Zo ja, dan worden in de opbouwfunctie voor lijsten alleen de geselecteerde items weergegeven in de opbouwfunctie voor lijsten en worden alleen de geselecteerde items weergegeven, terwijl de andere patronen met meerdere selecties niet.
• Zijn de mogelijke keuzes niet-getraind? Als dat het zo is, gebruikt u een lijst voor toevoegen/verwijderen, zodat gebruikers waarden kunnen kiezen die momenteel niet in de lijst voorkomen.
• Is het toevoegen van een waarde aan de lijst een speciaal dialoogvenster vereist voor het kiezen van objecten? Als dat het zo is, gebruikt u een lijst voor toevoegen/verwijderen en geeft u het dialoogvenster weer wanneer gebruikers op Toevoegen klikken.
• Is de schermruimte in een Premium? Als dat het zo is, gebruikt u in plaats daarvan een lijst voor toevoegen/verwijderen, omdat er minder schermruimte wordt gebruikt door niet altijd de set opties weer te geven.

Voor keuzelijsten het aantal items in de lijst geen factor is bij het kiezen van het besturingselement omdat ze schalen van duizenden items helemaal omlaag naar één voor lijsten met één selectie (en geen voor lijsten met meerdere selecties). Omdat keuzelijsten kunnen worden gebruikt voor gegevens, is het aantal items mogelijk niet van tevoren bekend.

Opmerking: Soms wordt een besturingselement dat lijkt op een keuzelijst geïmplementeerd met behulp van een lijstweergave en omgekeerd. In dergelijke gevallen past u de richtlijnen toe op basis van gebruik, niet op implementatie.

Gebruikspatronen

Keuzelijsten hebben verschillende gebruikspatronen:

Etiket	Waarde
lijsten met één selectie Gebruikers toestaan om één item tegelijk te selecteren.	In dit voorbeeld kunnen gebruikers slechts één weergave-item selecteren.
Standaardlijst met meerdere selecties Gebruikers toestaan een willekeurig aantal items te selecteren, inclusief geen.	Standaardlijsten met meerdere selecties hebben precies hetzelfde uiterlijk als lijsten met één selectie, dus er is geen visuele aanwijzing dat een keuzelijst meerdere selecties ondersteunt. Omdat gebruikers deze mogelijkheid moeten ontdekken, wordt dit lijstpatroon het beste gebruikt voor taken waarbij meerdere selecties niet essentieel zijn en zelden worden gebruikt. Er zijn twee verschillende meervoudige selectiemodi: meerdere en uitgebreide. uitgebreide selectiemodus veel gebruikelijker is, waarbij de selectie kan worden uitgebreid door te slepen of met Shift+klikken en Ctrl+klikken om groepen aaneengesloten en niet-aangrenzende waarden te selecteren. Klik in de modus voor meervoudige selectieop een item om de selectiestatus te schakelen, ongeacht de Shift- en Ctrl-toetsen. Gezien dit ongebruikelijke gedrag wordt de modus voor meervoudige selectie afgeschaft en moet u in plaats daarvan selectievakjes gebruiken. In dit voorbeeld kunnen gebruikers een willekeurig aantal items selecteren met behulp van de modus voor meervoudige selectie.
selectievakjelijsten Zoals standaard keuzelijsten met meerdere keuzemogelijkheden, kunnen gebruikers een willekeurig aantal items selecteren, inclusief geen.	In tegenstelling tot standaardlijsten met meerdere selecties geven de selectievakjes duidelijk aan dat meerdere selecties mogelijk zijn. Gebruik dit lijstpatroon voor taken waarbij meerdere selecties essentieel of veelgebruikt zijn. In dit voorbeeld selecteren gebruikers meestal meer dan één item, zodat er een selectievakjelijst wordt gebruikt. Gezien deze duidelijke indicatie van meerdere selecties, kunt u ervan uitgaan dat selectievakjes beter zijn dan standaardlijsten met meerdere selecties. In de praktijk vereisen weinig taken meerdere selecties of gebruiken ze sterk; als u een keuzelijst in dergelijke gevallen gebruikt, wordt er te veel aandacht besteed aan selectie. Daarom zijn standaardlijsten met meerdere selecties veel gebruikelijker.
Voorbeeld van lijsten Kan één of meerdere selecties zijn, maar ze geven een voorbeeld weer van het effect van de selectie in plaats van alleen tekst.	In dit voorbeeld toont een voorbeeld van elke optie duidelijk het effect van de keuze, wat effectiever is dan het gebruik van alleen tekst.
opbouwfuncties voor lijsten Gebruikers toestaan een lijst met keuzes te maken door één item tegelijk toe te voegen en eventueel de lijstvolgorde in te stellen.	Een opbouwfunctie voor lijsten bestaat uit twee lijsten met één selectie: de lijst aan de linkerkant is een vaste set opties en de lijst aan de rechterkant is de lijst die wordt gemaakt. Er zijn twee opdrachtknoppen tussen de lijsten: Een knop toevoegen waarmee de geselecteerde optie wordt verplaatst naar de lijst die wordt gemaakt, ingevoegd vóór het geselecteerde item. (Dubbelklikken op een optieitem heeft hetzelfde effect.) Een knop verwijderen waarmee het geselecteerde item uit de ingebouwde lijst wordt verwijderd en het item wordt geretourneerd naar de lijst met opties. (Dubbelklikken op een item in de ingebouwde lijst heeft hetzelfde effect.) De ingebouwde lijst kan desgewenst omhoog verplaatsen en opdrachten omlaag om de lijstitems te ordenen. In dit voorbeeld wordt een opbouwfunctie voor lijsten gebruikt om een werkbalk te maken door items te selecteren uit een set beschikbare opties en de volgorde ervan in te stellen.
lijsten toevoegen/verwijderen Gebruikers toestaan een lijst met keuzes te maken door een of meer items tegelijk toe te voegen en eventueel de lijstvolgorde (zoals opbouwfuncties voor lijsten) in te stellen.	In tegenstelling tot een opbouwfunctie voor lijsten, klikt u op Toevoegen wordt een dialoogvenster weergegeven om items te selecteren die u aan de lijst wilt toevoegen. Als u een afzonderlijk dialoogvenster gebruikt, hebt u veel flexibiliteit bij het kiezen van items, kunt u een gespecialiseerde objectkiezer of zelfs een algemeen dialoogvenster gebruiken. Vergeleken met de opbouwfunctie voor lijsten is deze variatie compacter, maar vereist iets meer moeite om items toe te voegen. In dit voorbeeld kunnen gebruikers hulpprogramma's toevoegen aan of verwijderen uit een menu, evenals de volgorde instellen. Hoewel de opbouwfunctie voor lijsten en het toevoegen/verwijderen van lijstpatronen aanzienlijk zwaarder zijn dan de andere lijsten met meerdere selecties, bieden ze twee unieke voordelen: Gebruikers hebben controle over de volgorde van de lijst, zowel tijdens het maken van de lijst als na. Gebruikers kunnen een samenvatting bekijken van de geselecteerde items, wat een aanzienlijk voordeel kan zijn als het aantal keuzes groot is. Hun nadelen zijn dat ze veel meer schermruimte nodig hebben en moeilijk te gebruiken zijn bij het maken van een grote lijst met nieuwe items. Daarom worden ze het beste gebruikt om korte lijsten te maken of lijsten te wijzigen die al bestaan.

Richtsnoeren

Presentatie

• lijstitems sorteren in een logische volgorde, zoals het groeperen van gerelateerde opties, het plaatsen van de meest gebruikte items 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 keuzelijstitems gesorteerd op de ruimtelijke relatie.

Onjuist:

In dit voorbeeld zijn er zoveel lijstitems die in alfabetische volgorde moeten worden gesorteerd.

Juist:

In dit voorbeeld zijn de lijstitems gemakkelijker te vinden omdat ze in alfabetische volgorde worden gesorteerd. Het item 'Alle Windows-producten' bevindt zich echter aan het begin van de lijst, ongeacht de sorteervolgorde.

• Opties plaatsen die alle of geen aan het begin van de lijstvertegenwoordigen, ongeacht de sorteervolgorde van de resterende items.
• metaopties tussen haakjes insluiten.

In dit voorbeeld is '(none)' een metaoptie omdat het geen geldige waarde is voor de keuze, maar geeft aan dat de optie zelf niet wordt gebruikt.

• Gebruik in plaats daarvan geen lege lijstitems met metaopties. Gebruikers weten niet hoe lege items moeten worden geïnterpreteerd, terwijl de betekenis van metaopties expliciet is.

Onjuist:

In dit voorbeeld is de betekenis van het lege item onduidelijk.

Juist:

In dit voorbeeld wordt de metaoptie '(none)' gebruikt.

Interactie

• Overweeg om dubbelklikgedrag op te geven. Dubbelklikken moet hetzelfde effect hebben als het selecteren van een item en het uitvoeren van de standaardopdracht.
• Dubbelklikgedrag redundant maken. Er moet altijd een opdrachtknop of contextmenuopdracht zijn die hetzelfde effect heeft.
• Als gebruikers niets met de geselecteerde items kunnen doen, staat u selectie niet toe.

Juist:

In deze keuzelijst wordt een alleen-lezen lijst met wijzigingen weergegeven; er is geen selectie nodig.

• Schakel bij het uitschakelen van een keuzelijst ook de bijbehorende labels en opdrachtknoppen uit.
• Gebruik de wijziging van het geselecteerde item in een keuzelijst 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). Uitzondering: U kunt dynamische tekst wijzigen die wordt gebruikt om het geselecteerde item te beschrijven.

Acceptabel:

In dit voorbeeld wordt de beschrijving gewijzigd door het geselecteerde item te wijzigen.

• Vermijd horizontaal schuiven. Lijsten met meerdere kolommen zijn afhankelijk van horizontaal schuiven, wat over het algemeen moeilijker te gebruiken is dan verticaal schuiven. Lijsten met meerdere kolommen waarvoor horizontaal schuiven is vereist, kunnen worden gebruikt wanneer u veel alfabetisch gesorteerde items hebt en voldoende schermruimte voor een breed besturingselement.

Acceptabel:

In dit voorbeeld worden meerdere kolommen waarvoor horizontaal schuiven is vereist, gebruikt omdat er veel items zijn en veel beschikbare schermruimte voor een breed besturingselement.

Lijsten met meerdere selecties

• Overweeg het aantal geselecteerde items onder de lijst weer te geven, met name als gebruikers waarschijnlijk verschillende items selecteren. Deze informatie geeft niet alleen nuttige feedback, maar geeft ook duidelijk aan dat de keuzelijst meerdere selecties ondersteunt.

In dit voorbeeld wordt het aantal geselecteerde items onder de lijst weergegeven.

• U kunt andere metrische selectiegegevens opgeven die mogelijk zinvoller zijn, zoals de resources die nodig zijn voor de selecties.

In dit voorbeeld is de benodigde schijfruimte voor het installeren van de onderdelen duidelijker dan het aantal geselecteerde items.

• Als er mogelijk veel lijstitems zijn en deze allemaal waarschijnlijk selecteren of wissen, voegt u alle en alle opdrachtknoppen wissen toe.
• Gebruik voor standaardlijsten met meerdere selecties geen modus met meerdere selecties omdat deze selectiemodus is afgeschaft. Gebruik voor gelijkwaardig gedrag in plaats daarvan een selectievakjelijst.

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: Selecteer geen items als het besturingselement een eigenschap in een gemengde statusvertegenwoordigt. Dit gebeurt wanneer een eigenschap wordt weergegeven voor meerdere objecten die niet dezelfde instelling hebben.

Aanbevolen grootte en afstand

Aanbevolen grootte en afstand voor keuzelijsten.

• Kies een keuzelijstbreedte die geschikt is voor de langste geldige gegevens. Standaard keuzelijsten kunnen niet horizontaal worden geschoven, zodat gebruikers alleen kunnen zien wat zichtbaar is in het besturingselement.
• Neem nog eens 30 procent (tot 200 procent voor kortere tekst) op voor tekst (maar geen getallen) die worden gelokaliseerd.
• Kies een keuzelijsthoogte met een integraal aantal items. Vermijd het verticaal afkappen van items.
• Kies een keuzelijsthoogte die onnodig verticaal schuiven elimineert. Keuzelijsten moeten tussen 3 en 20 items worden weergegeven zonder dat u hoeft te schuiven. Overweeg om een keuzelijst iets langer te maken als dit de verticale schuifbalk elimineert. Lijsten met mogelijk veel items moeten ten minste vijf items weergeven om schuiven mogelijk te maken door meer items tegelijk weer te geven en de schuifbalk gemakkelijker te positioneren.
• Als gebruikers baat hebben bij het groter maken van de keuzelijst, kunt u de keuzelijst en het bovenliggende venster ervan vergroten. Hierdoor kunnen gebruikers de grootte van de keuzelijst naar behoefte aanpassen. Het formaat van de keuzelijsten mag echter niet minder dan drie items bevatten.

Labels

Besturingslabels

• Alle keuzelijsten hebben labels nodig. Schrijf het label als een woord of woordgroep, niet als zin; gebruik een dubbele punt aan het einde van het label.

Uitzondering: het label weglaten als het slechts een aanpassing is van de hoofdinstructie van een dialoogvenster. In dit geval neemt de hoofdinstructie de dubbele punt (tenzij het een vraag is) en de toegangssleutel.

Acceptabel:

In dit voorbeeld plaatst het keuzelijstlabel alleen de hoofdinstructie.

Beter:

In dit voorbeeld wordt het redundante label verwijderd, dus de hoofdinstructie neemt de dubbele punt en toegangssleutel.

• Als een keuzelijst ondergeschikt is aan een keuzerondje of selectievakje en wordt geïntroduceerd door het label van dat besturingselement dat eindigt op een dubbele punt, plaatst u geen extra label op het keuzelijstbesturingselement.

In dit voorbeeld is de keuzelijst ondergeschikt aan een keuzerondje en wordt het label ervan gedeeld.

• Wijs een unieke toegangssleutel toe. 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 eerste regel tekst in het besturingselement.

Juist:

In deze voorbeelden wordt het label bovenaan uitgelijnd met de linkerrand van de keuzelijst en wordt het label aan de linkerkant uitgelijnd met de tekst in de keuzelijst.

Onjuist:

In deze onjuiste voorbeelden wordt het label bovenaan uitgelijnd met de tekst in de keuzelijst en wordt het label aan de linkerkant uitgelijnd met de bovenkant van de keuzelijst.

• Gebruik voor keuzelijsten met meerdere keuzemogelijkheden een label dat duidelijk aangeeft dat meerdere selecties mogelijk zijn. Keuzelijstlabels voor selectievakjes kunnen minder expliciet zijn.

Juist:

In dit voorbeeld geeft het label duidelijk aan dat meerdere selecties mogelijk zijn.

Onjuist:

In dit voorbeeld bevat het label geen duidelijke informatie over meerdere selecties.

Beste:

In dit voorbeeld geven de selectievakjes duidelijk aan dat meerdere selecties mogelijk zijn, zodat het label niet expliciet hoeft te zijn.

• U kunt eenheden (seconden, verbindingen enzovoort) opgeven tussen haakjes na het label.

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 en aanvullende tekst

• Als u instructietekst over een keuzelijst wilt toevoegen, 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 tekst tussen haakjes tussen het label en de dubbele punt, of zonder haakjes onder het besturingselement.

In dit voorbeeld wordt aanvullende tekst onder de lijst geplaatst.

Documentatie

Wanneer u naar keuzelijsten verwijst:

• Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, maar neem het onderstrepingsteken of dubbele punt niet op. Neem de woordenlijst op. Verwijst niet naar een keuzelijst als een keuzelijst of een veld.
• Gebruik voor lijstitems de exacte itemtekst, inclusief het hoofdlettergebruik.
• Raadpleeg in programmeren en andere technische documentatie de keuzelijsten als keuzelijsten. Overal anders, gebruik een lijst.
• Als u gebruikersinteractie wilt beschrijven, gebruikt u select.
• Maak indien mogelijk het label en de lijstitems op met vetgedrukte tekst. Anders plaatst u het label en de items alleen tussen aanhalingstekens als dat nodig is om verwarring te voorkomen.

Voorbeeld: Selecteer in de Ga naar de lijst Bladwijzer.