Lijstweergaven
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 lijstweergave kunnen gebruikers een verzameling gegevensobjecten bekijken en ermee werken met behulp van één selectie of meerdere selecties.
Een typische lijstweergave.
Lijstweergaven hebben meer flexibiliteit en functionaliteit dan keuzelijsten. In tegenstelling tot keuzelijsten ondersteunen ze het wijzigen van weergaven, groeperen, meerdere kolommen met koppen, sorteren op kolommen, het wijzigen van kolombreedten en volgorde, het zijn van een sleepbron of een neerhalend doel, en het kopiëren van gegevens naar en van het klembord.
Notitie
Richtlijnen met betrekking tot indeling en keuzelijsten worden in afzonderlijke artikelen weergegeven.
Is dit de juiste controle?
Een lijstweergave is meer dan alleen een flexibelere en functionele keuzelijst: de extra functionaliteit resulteert in een ander gebruik. In de volgende tabel ziet u de vergelijking.
Gebruik | Keuzelijsten | Lijstweergaven |
---|---|---|
gegevenstype |
Zowel gegevens- als programmaopties. |
Alleen gegevens. |
Inhoudsopgave |
Alleen labels. |
Labels en hulpgegevens, mogelijk in meerdere kolommen. |
Interactie |
Wordt gebruikt voor het maken van selecties. |
Kan worden gebruikt voor het maken van selecties, maar vaak gebruikt voor het weergeven en gebruiken van gegevens. Dit kan een slepen-bron of een doel voor neerzetten zijn. |
presentatie |
Vast. |
Gebruikers kunnen weergaven, groeperen, sorteren op kolommen en kolombreedten en volgorde wijzigen. |
Als u wilt bepalen of dit de juiste controle is, moet u rekening houden met deze vragen:
- Bevat de lijst gegevens in plaats van programmaopties? Als dat niet het gaat, kunt u in plaats daarvan een keuzelijst gebruiken.
- Moeten gebruikers weergaven wijzigen, groeperen, sorteren op kolommen of kolombreedten en -volgorde wijzigen? Als dat niet het is, gebruikt u in plaats daarvan een keuzelijst.
- Moet het besturingselement een sleepbron of een doel voor neerzetten zijn? Als dat het zo is, gebruikt u een lijstweergave.
- Moeten de lijstitems worden gekopieerd naar of geplakt vanaf het klembord? Als dat het zo is, gebruikt u een lijstweergave.
Lijstweergaven selectievakjes
- Wordt het besturingselement gebruikt om nul of meer items te kiezen uit een lijst met gegevens? Als u één item wilt kiezen, gebruikt u in plaats daarvan één selectie.
- Is meervoudige selectie essentieel voor de taak of veelgebruikt? Als dat het geval is, gebruikt u een keuzelijstweergave om meerdere selecties duidelijk te maken, met name als uw doelgebruikers niet geavanceerd zijn. Als dat niet zo is, gebruikt u een standaardweergave met meerdere selectielijsten als de selectievakjes te veel aandacht vestigen op meerdere selecties of leiden tot te veel schermverloop.
- Is de stabiliteit van de meervoudige selectie belangrijk? Als dat het zo is, gebruikt u een selectievakjelijst, opbouwfunctie voor lijsten of lijst toevoegen/verwijderen, omdat u op slechts één item tegelijk klikt. Met een standaardlijst met meerdere selecties is het heel eenvoudig om alle selecties per ongeluk te wissen.
Notitie
Soms wordt een besturingselement dat lijkt op een lijstweergave geïmplementeerd met behulp van een keuzelijst en omgekeerd. In dergelijke gevallen past u de richtlijnen toe op basis van het gebruik, niet op de implementatie.
Gebruikspatronen
Alle weergaven ondersteunen één selectie, waarbij gebruikers slechts één item tegelijk kunnen selecteren en meerdere selecties, waar gebruikers een willekeurig aantal items kunnen selecteren, inclusief geen. Lijstweergaven ondersteunen uitgebreide selectiemodus, waar de selectie kan worden uitgebreid door respectievelijk te slepen of met Shift+klikken of Ctrl+klikken om groepen aaneengesloten of niet-aangrenzende waarden te selecteren. In tegenstelling tot keuzelijsten bieden ze geen ondersteuning voor meerdere selectiemodus, waarbij het klikken op een item de selectiestatus wijzigt, ongeacht de Shift- en Ctrl-toetsen.
Standaardlijstweergave
Het besturingselement lijstweergave ondersteunt vijf standaardweergaven:
Gebruik | Voorbeeld |
---|---|
tegel elk item wordt weergegeven als een gemiddeld pictogram, met een label en optionele details aan de rechterkant. |
![]() In de tegelweergave worden mediumpictogrammen met labels en optionele details aan de rechterkant weergegeven. |
groot pictogram elk item wordt weergegeven als een extra groot, groot of gemiddeld pictogram met een label eronder. |
![]() In de weergave Groot pictogram wordt elk item weergegeven als een groot pictogram met een label eronder. |
klein pictogram elk item wordt weergegeven als een klein pictogram met een label aan de rechterkant. |
![]() In de weergave Klein pictogram wordt elk item weergegeven als een klein pictogram met het bijbehorende label aan de rechterkant. |
lijst elk item wordt weergegeven als een klein pictogram met een label aan de rechterkant. |
in de lijstmodus worden items in kolommen weergegeven en wordt een horizontale schuifbalk gebruikt. De weergavemodi voor pictogrammen ordenen daarentegen items in rijen en gebruiken een verticale schuifbalk. ![]() In de lijstmodus wordt elk item weergegeven als een klein pictogram met het bijbehorende label aan de rechterkant. |
details elk item wordt weergegeven als een rij in tabelvorm. de meest linkse kolom bevat zowel het optionele pictogram als het label van het item en de volgende kolommen bevatten aanvullende informatie, zoals itemeigenschappen. |
Daarnaast kunnen kolommen worden toegevoegd of verwijderd en opnieuw worden gerangschikt en het formaat ervan gewijzigd. rijen kunnen worden gegroepeerd, gesorteerd op kolom. ![]() In de detailweergave wordt elk item weergegeven als een regel in een tabelindeling. |
Variaties in lijstweergave
Etiket | Waarde |
---|---|
kolomkiezer Lijstweergaven hebben soms zoveel kolommen dat het niet praktisch is om ze allemaal weer te geven. In dit geval is de beste manier om de meest nuttige kolommen standaard weer te geven en gebruikers waar nodig kolommen toe te voegen of te verwijderen. |
![]() Als u met de rechtermuisknop op de kolomkop klikt, wordt een contextmenu weergegeven waarmee gebruikers kolommen kunnen toevoegen of verwijderen. ![]() Als u op Meer klikt in het contextmenu van de kolomkop, wordt het dialoogvenster Kolommen kiezen weergegeven, zodat gebruikers kolommen kunnen toevoegen of verwijderen en de volgorde ervan kunnen wijzigen. |
lijstweergave selectievakje Gebruikers toestaan om meerdere items te selecteren. |
Lijstweergaven met meerdere selecties hebben precies hetzelfde uiterlijk als weergaven met één selectielijst, dus er is geen visuele aanwijzing dat ze meerdere selecties ondersteunen. Een keuzelijstweergave kan worden gebruikt om duidelijk aan te geven dat meerdere selectie mogelijk is. Dit patroon moet daarom worden gebruikt voor taken waarbij meerdere selecties essentieel of vaak worden gebruikt.![]() In dit voorbeeld worden selectievakjes in de weergave Klein pictogram gebruikt, omdat meerdere selecties essentieel zijn voor de taak. |
lijstweergaven met groepen Organiseer de gegevens in groepen. |
Hoewel detailweergaven vaak ondersteuning bieden voor het sorteren van de gegevens op een van de kolommen, bieden lijstweergaven gebruikers de mogelijkheid om de items in groepen te ordenen. Enkele voordelen van groepering zijn:
![]() In dit voorbeeld worden in het Welkomstcentrum van Windows gegroepeerde items in een lijstweergave weergegeven. |
Richtsnoeren
Presentatie
Sorteer lijstitems in een logische volgorde. Sorteer namen in alfabetische volgorde, getallen in numerieke volgorde en datums in chronologische volgorde.
Laat gebruikers indien van toepassing de sorteervolgorde wijzigen. Het sorteren van gebruikers is belangrijk als de lijst veel items bevat of als er scenario's zijn waarin items effectiever worden gevonden met behulp van een andere sorteervolgorde dan de standaardvolgorde.
Het kenmerk Selectie altijd weergeven gebruiken, zodat gebruikers het geselecteerde item gemakkelijk kunnen bepalen, zelfs als het besturingselement geen focus heeft.
Vermijd het presenteren van lege lijstweergaven. Als gebruikers een lijst maken, initialiseert u de lijst met instructies of voorbeelditems die gebruikers mogelijk nodig hebben.
In dit voorbeeld bevat de weergave Lijst zoeken in eerste instantie instructies.
Als gebruikers weergaven, groeperen, sorteren op kolommen of kolommen en hun breedte en volgorde kunnen wijzigen, blijven deze instellingen behouden zodat ze van kracht worden wanneer de lijstweergave de volgende keer wordt weergegeven. Zorg ervoor dat ze per lijstweergave blijven bestaan, per gebruiker.
Interactie
Gebruik één klik om het lijstitem te selecteren dat de gebruiker aanwijst. Uitzondering: Voor het patroon van de opdrachtkoppelingslijst selecteert u met één klik het item en sluit u het venster of navigeert u naar de volgende pagina.
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 voor een lijstitem verdere uitleg is vereist, de uitleg in eeninfotip. Gebruik volledige zinnen en eindepunctie.
In dit voorbeeld wordt een infotip gebruikt om meer informatie te verstrekken.
Geef contextmenu's van relevante opdrachten op. Dergelijke opdrachten omvatten Knippen, Kopiëren, Plakken, Verwijderen of Verwijderen, Naam wijzigen en Eigenschappen.
Als gebruikers de sorteervolgorde en groepering kunnen wijzigen, geeft u de contextmenu's Sorteren op en Groeperen op. De eerste klik op een kolomnaam sorteert of groepeert de lijst in oplopende volgorde voor die kolom, de tweede klik op sorteren of groepen in aflopende volgorde. Gebruik de vorige volgorde (uit een andere kolom) als secundaire sleutel.
In dit voorbeeld wordt in het contextmenu Sorteren op de sorteervolgorde gewijzigd. Als u eenmaal op Naam klikt, wordt in oplopende volgorde gesorteerd op naam. Als u nogmaals op Naam klikt, wordt in aflopende volgorde gesorteerd op naam.
De kolomkop van de lijstweergave toegankelijk maken met behulp van het toetsenbord.
- ontwikkelaars: U kunt dit doen door de focus op het besturingselement voor de kolomkop in te stellen. Deze mogelijkheid is nieuw voor Windows Vista.
Bij het uitschakelen van een lijstweergave schakelt u ook de bijbehorende labels en opdrachtknoppen uit.
Vermijd horizontaal schuiven. De lijstmodus maakt gebruik van horizontaal schuiven. Deze modus is meestal het meest compact, maar horizontaal schuiven is over het algemeen moeilijker te gebruiken dan verticaal schuiven. Overweeg in plaats daarvan de weergave Klein pictogram te gebruiken als compactheid niet belangrijk is. De lijstmodus is echter een goede keuze wanneer er veel alfabetisch gesorteerde items zijn en voldoende schermruimte voor een breed besturingselement.
aanvaardbaar:
In dit voorbeeld wordt de lijstmodus gebruikt omdat er veel items en voldoende beschikbare schermruimte zijn 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 lijstweergave meerdere selecties ondersteunt.
In dit voorbeeld wordt het aantal geselecteerde items onder de lijst weergegeven.
U kunt ook andere metrische selectiegegevens opgeven in plaats van het aantal geselecteerde items, zoals de resources die nodig zijn voor de selecties.
In dit voorbeeld is de benodigde schijfruimte voor het installeren van de onderdelen zinvoller dan het aantal geselecteerde onderdelen.
Als er mogelijk veel items zijn en alle items waarschijnlijk worden geselecteerd of gewist, voegt u alle opdrachtknoppen selecteren en wissen toe voor lijstweergaven van selectievakjes.
Schakel selectievakjes met gemengde status in om gedeeltelijke selectie van de items in een container aan te geven. De gemengde status wordt niet gebruikt als een derde status voor een afzonderlijk item.
Weergaven wijzigen
Als gebruikers weergaven kunnen wijzigen:
Kies standaard de handigste weergave. Wijzigingen die gebruikers aanbrengen, moeten permanent worden gemaakt per lijstweergave per gebruiker.
Wijzig de weergave met behulp van een splitsknop, menuknop of vervolgkeuzelijst. Wanneer het praktisch is, gebruikt u een splitsknop op de werkbalk en wijzigt u het knoplabel om de huidige weergave weer te geven.
In dit voorbeeld wordt een splitsknop op de werkbalk gebruikt om weergaven te wijzigen.
Een contextmenu Weergeven opgeven.
In dit voorbeeld wordt een contextmenu Weergave gebruikt om weergaven te wijzigen.
Detailsweergaven
Overweeg de tegelsweergave te gebruiken om de leesbaarheid te verbeteren.
aanvaardbaar:
In dit voorbeeld zijn er te veel gegevens en zijn het venster, de lijst en de kolommen te klein, waardoor de lijstitems moeilijk te lezen zijn.
Beter:
In dit voorbeeld worden in de tegelweergave de gegevens weergegeven zonder afkapping.
Kies de standaardkolombreedten die geschikt zijn voor de langste gegevens. In lijstweergaven worden lange gegevens automatisch afgekapt met weglatingstekens, zodat de kolombreedten geschikt zijn als er standaard maar weinig weglatingstekens worden weergegeven. Hoewel gebruikers het formaat van kolommen kunnen wijzigen, geven ze de voorkeur aan andere oplossingen:
- De grootte van elke kolombreedte aanpassen aan de gegevens.
- Pas de breedte van het besturingselement aan zodat deze past bij de kolommen plus eventuele schuifbalken.
- Gebruik indien nodig horizontaal schuiven.
- U hebt alleen afgekapte gegevens voor oneven items of als laatste redmiddel.
Als gegevens van normale grootte standaard moeten worden afgekapt, kunt u het venster en de lijstweergave aanpassen. Neem een extra 30 procent (tot 200 procent voor kortere tekst) op voor tekst (maar niet getallen) die worden gelokaliseerd.
Onjuist:
In dit voorbeeld worden de meeste gegevens afgekapt. De vele weglatingstekens geven duidelijk aan dat het besturingselement en de kolombreedte te klein zijn voor de gegevens.
Onjuist:
In dit voorbeeld worden gegevens zonder reden afgekapt.
Kies een geschikte standaardkolomvolgorde. In het algemeen kunt u de kolommen als volgt orden:
- Eerst de itemnaam of het identificeren van gegevens.
- Vervolgens zijn andere gegevens handig bij het onderscheiden van de lijstitems.
- Vervolgens zijn de meest nuttige (bij voorkeur korte of vaste lengte) gegevens.
- Vervolgens kunt u minder nuttige gegevens (bij voorkeur korte of vaste lengte) gebruiken.
- Laatste, lange, variabele lengtegegevens.
Lange, variabele lengtegegevens worden in de laatste kolommen geplaatst om de behoefte aan horizontaal schuiven te verminderen. Plaats in deze categorieën gerelateerde informatie samen in een logische volgorde.
In voorkomend geval kunnen gebruikers kolommen toevoegen en verwijderen, en de volgorde wijzigen. De meest nuttige kolommen standaard weergeven. Dit wordt bereikt met het kenmerk Slepen van koptekst.
Kies een uitlijning die geschikt is voor de gegevens. Gebruik de volgende regels:
- Getallen, valuta's en tijden rechts uitlijnen.
- Tekst, id's (zelfs als numeriek) en datums links uitlijnen.
Voor sorteerbare kolomkoppen de eerste klik op een kop de lijst in oplopende volgorde voor de kolom sorteert, wordt met de tweede klik in aflopende volgorde gesorteerd. Gebruik de vorige sorteervolgorde (uit een andere kolom) als secundaire sorteersleutel.
In dit voorbeeld is eerst op de kolom Naam geklikt en vervolgens op de kolom Type. Als gevolg hiervan is Typ in oplopende volgorde de primaire sorteersleutel en is Naam in oplopende volgorde de secundaire.
het kenmerk Volledige rij selecteren gebruiken, zodat gebruikers de geselecteerde items in alle kolommen gemakkelijk kunnen bepalen.
Gebruik geen sorteerbare kolomkop, tenzij de gegevens kunnen worden gesorteerd.
Gebruik geen kolomkop als er slechts één kolom is en het niet nodig is om de sortering om te draaien. Gebruik in plaats daarvan een label om de gegevens te identificeren.
Onjuist:
juist:
In het juiste voorbeeld wordt een label gebruikt in plaats van een kolomkop.
Aanbevolen grootte en afstand
Aanbevolen grootte en afstand voor lijstweergaven.
- Kies een lijstweergavehoogte waarmee een integraal aantal items wordt weergegeven. Vermijd het verticaal afkappen van items.
- Kies een lijstweergavegrootte die onnodig verticaal en horizontaal schuiven in alle ondersteunde weergaven elimineert. Lijstweergaven moeten tussen 3 en 20 items worden weergegeven. Overweeg om een lijstweergave iets groter te maken als u dit doet, een 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 profiteren van het groter maken van de lijstweergave, kunt u de lijstweergave en het bovenliggende venster ervan vergroten. Hierdoor kunnen gebruikers de grootte van de lijstweergave naar behoefte aanpassen. Het formaat van lijstweergaven mag echter niet minder dan drie items bevatten.
Labels
Besturingslabels
Alle lijstweergaven hebben labels nodig. Schrijf het label als een woord of woordgroep, niet als een zin, eindigend op een dubbele punt met behulp van statische tekst.
Wijs een unieke toegangssleutel toe voor elk label. Zie Toetsenbordvoor richtlijnen.
Gebruik hoofdlettergebruik inzinsstijl.
Plaats het label boven het besturingselement en lijn het label uit met de linkerrand van het besturingselement.
Schrijf voor lijstweergaven met meerdere selecties het label dat duidelijk aangeeft dat meerdere selecties mogelijk zijn. Labels voor lijstweergave van 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 informatie over meerdere selecties.
aanvaardbaar:
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.
Koplabels
- Houd de koplabels kort (drie woorden of minder).
- Gebruik één zelfstandig naamwoord of zelfstandig naamwoordzin zonder interpunctie.
- Gebruik hoofdlettergebruik inzinsstijl.
- Lijn de kop op dezelfde manier uit als de gegevens.
Groepslabels
- Gebruik de volgende groepslabels voor verzamelingen op hoog niveau:
- Namen: Gebruik de eerste letter van naam- of letterbereiken.
- Grootten: Niet opgegeven, 0 kB, 0-10 KB, 10-100 KB, 100 KB - 1 MB, 1-16 MB, 16-128 MB
- Datums: Vandaag, Gisteren, Vorige week, Eerder dit jaar en Een lange tijd geleden.
- Anders gebruiken groepslabels de exacte tekst van de gegevens die worden gegroepeerd, inclusief hoofdlettergebruik en leestekens.
Gegevenstekst
- Gebruik hoofdlettergebruik inzinsstijl.
Instructietekst
- Als u instructietekst over een lijstweergave 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 informatie tussen haakjes tussen het label en de dubbele punt of zonder haakjes onder het besturingselement.
Documentatie
Wanneer u naar lijstweergaven verwijst:
- Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, maar neem het onderstrepingsteken of dubbele punt van de toegangssleutel niet op en neem de woordenlijst op. Verwijst niet naar een keuzelijst als een keuzelijst, lijstweergave of veld.
- Gebruik voor lijstgegevens de exacte gegevenstekst, inclusief het hoofdlettergebruik.
- Raadpleeg lijstweergaven als lijstweergaven alleen in programmering en andere technische documentatie. Overal anders wordt een lijst gebruikt.
- Als u de gebruikersinteractie wilt beschrijven, selecteert u de gegevens en klikt u op de koppen.
- 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: Selecteer in de lijst Programma's en servicesbestands- en printerdeling.
Wanneer u verwijst naar selectievakjes in een lijstweergave:
- Gebruik de exacte labeltekst, inclusief hoofdlettergebruik, en schakel het woord in. Neem het onderstrepingsteken van de toegangssleutel niet op.
- 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.