Listenfelder

Hinweis

Dieses Entwurfshandbuch wurde für Windows 7 erstellt und wurde nicht für neuere Versionen von Windows aktualisiert. Ein Großteil der Anleitungen gilt immer noch grundsätzlich, aber die Präsentation und die Beispiele spiegeln nicht unsere aktuellen Entwurfsanleitungen wider.

Mit einem Listenfeld können Benutzer aus einer Gruppe von Werten auswählen, die in einer Liste angezeigt werden, die immer sichtbar ist. Bei einem Listenfeld mit einzeler Auswahl wählen Benutzer ein Element aus einer Liste mit sich gegenseitig ausschließenden Werten aus. Bei einem Listenfeld mit mehrfacher Auswahl wählen Benutzer null oder mehr Elemente aus einer Liste von Werten aus.

Screenshot des Listenfelds für die Einzelauswahl

Ein typisches Einzelauswahllistenfeld.

Hinweis

Richtlinien im Zusammenhang mit Layout- und Listenansichten werden in separaten Artikeln vorgestellt.

Ist dies das richtige Steuerelement?

Orientieren Sie sich an folgenden Fragen:

  • Enthält die Liste Daten und nicht Programmoptionen? So oder so ist ein Listenfeld unabhängig von der Anzahl der Elemente eine geeignete Wahl. Optionsfelder oder Kontrollkästchen eignen sich dagegen nur für eine geringe Anzahl von Programmoptionen.
  • Müssen Benutzer Ansichten ändern, gruppieren, nach Spalten sortieren oder Spaltenbreiten und -reihenfolge ändern? Wenn ja, verwenden Sie stattdessen eine Listenansicht .
  • Muss das Steuerelement eine Ziehquelle oder ein Ablageziel sein? Wenn ja, verwenden Sie stattdessen eine Listenansicht.
  • Müssen die Listenelemente in die Zwischenablage kopiert oder eingefügt werden? Wenn ja, verwenden Sie stattdessen eine Listenansicht.

Einzelauswahllisten

  • Wird das Steuerelement verwendet, um eine Option aus einer Liste von Werten auszuwählen, die sich gegenseitig ausschließen? Wenn dies nicht erwünscht ist, verwenden Sie ein anderes Steuerelement. Wenn Sie mehrere Optionen auswählen möchten, verwenden Sie stattdessen eine Standardmäßige Mehrfachauswahlliste, eine Kontrollkästchenliste, einen Listengenerator oder eine Liste hinzufügen/entfernen.
  • Gibt es eine Standardoption, die für die meisten Benutzer in den meisten Situationen empfohlen wird? Ist es viel wichtiger, die ausgewählte Option zu sehen, als die Alternativen zu sehen? In diesem Fall sollten Sie eine Dropdownliste verwenden, wenn Sie Benutzer nicht dazu ermutigen möchten, Änderungen vorzunehmen, indem Sie die Alternativen ausblenden.

Screenshot von höchster Qualität als Standardschaltfläche

In diesem Beispiel ist die höchste Farbqualität für die meisten Benutzer die beste Wahl, daher ist eine Dropdownliste eine gute Wahl, um die Alternativen herunterzuspielen.

  • Erfordert die Liste eine konstante Interaktion? Wenn ja, verwenden Sie eine Einzelauswahlliste, um die Interaktion zu vereinfachen.

Screenshot der Liste von Optionen wie Nur-Text

In diesem Beispiel ändern Benutzer ständig das ausgewählte Element in der Liste Anzeigeelemente, um die Vordergrund- und Hintergrundfarben festzulegen. Die Verwendung einer Dropdownliste wäre in diesem Fall sehr mühsam.

  • Scheint die Einstellung eine relative Menge zu sein? Würden Benutzer von sofortigem Feedback über die Auswirkungen von Einstellungsänderungen profitieren? Wenn ja, sollten Sie stattdessen einen Schieberegler verwenden.
  • Gibt es eine signifikante hierarchische Beziehung zwischen den Listenelementen? Wenn ja, verwenden Sie stattdessen ein Strukturansichtssteuerelement .
  • Ist der Bildschirmraum premium? Verwenden Sie in diesem Fall stattdessen eine Dropdownliste, da der verwendete Bildschirmbereich fest und unabhängig von der Anzahl der Listenelemente ist.

Standard-Mehrfachauswahllisten und Kontrollkästchenlisten

  • Ist die Mehrfachauswahl für die Aufgabe wichtig oder häufig verwendet? Wenn dies der Fall ist, verwenden Sie eine Kontrollkästchenliste, um die Mehrfachauswahl offensichtlich zu machen, insbesondere, wenn Ihre Zielbenutzer nicht fortgeschritten sind. Viele Benutzer werden nicht erkennen, dass eine standardbasierte Mehrfachauswahlliste die Mehrfachauswahl unterstützt. Verwenden Sie eine Standardmäßige Mehrfachauswahlliste, wenn die Kontrollkästchen zu viel Aufmerksamkeit auf mehrfache Auswahl lenken oder zu zu viel Bildschirmauflistung führen würden.
  • Ist die Stabilität der Mehrfachauswahl wichtig? Wenn ja, verwenden Sie eine Kontrollkästchenliste, einen Listengenerator oder eine Liste hinzufügen/entfernen, da sich durch Klicken nur ein einzelnes Element gleichzeitig ändert. Mit einer Standard-Mehrfachauswahlliste ist es sehr einfach, alle Auswahlen auch durch Zufall zu löschen.
  • Wird das Steuerelement verwendet, um null oder mehr Elemente aus einer Liste von Werten auszuwählen? Wenn dies nicht erwünscht ist, verwenden Sie ein anderes Steuerelement. Verwenden Sie zum Auswählen eines Elements stattdessen eine Einzelauswahlliste.

Vorschaulisten

  • Sind die Optionen einfacher mit Bildern als mit Text allein zu wählen? Wenn ja, verwenden Sie eine Vorschauliste.

Listen-Generatoren und Hinzufügen/Entfernen von Listen

  • Wird das Steuerelement verwendet, um null oder mehr Elemente aus einer Liste von Werten auszuwählen? Wenn dies nicht erwünscht ist, verwenden Sie ein anderes Steuerelement. Verwenden Sie zum Auswählen eines Elements stattdessen eine Einzelauswahlliste.
  • Spielt die Reihenfolge der ausgewählten Elemente eine Rolle? Wenn ja, unterstützen der Listen-Generator und das Hinzufügen/Entfernen von Listenmustern die Reihenfolge, während die anderen Mehrfachauswahlmuster dies nicht tun.
  • Ist es wichtig, dass Benutzern eine Zusammenfassung aller ausgewählten Elemente angezeigt wird? Wenn ja, zeigen der Listen-Generator und das Hinzufügen/Entfernen von Listenmustern nur die ausgewählten Elemente an, während die anderen Mehrfachauswahlmuster dies nicht tun.
  • Sind die möglichen Optionen nicht eingeschränkt? Wenn ja, verwenden Sie eine Add/Remove-Liste, damit Benutzer Werte auswählen können, die derzeit nicht in der Liste enthalten sind.
  • Erfordert das Hinzufügen eines Werts zur Liste ein spezielles Dialogfeld zum Auswählen von Objekten? Wenn ja, verwenden Sie eine Add/Remove-Liste, und zeigen Sie das Dialogfeld an, wenn Benutzer auf Hinzufügen klicken.
  • Ist der Bildschirmraum premium? Wenn ja, verwenden Sie stattdessen eine Add/Remove-Liste, da sie weniger Platz auf dem Bildschirm belegt, da nicht immer der Satz von Optionen angezeigt wird.

Bei Listenfeldern ist die Anzahl der Elemente in der Liste kein Faktor bei der Auswahl des Steuerelements , da sie von Tausenden von Elementen bis auf eins für Einzelauswahllisten (und keine für Mehrfachauswahllisten) skaliert werden. Da Listenfelder für Daten verwendet werden können, ist die Anzahl der Elemente möglicherweise nicht im Voraus bekannt.

Hinweis: Manchmal wird ein Steuerelement, das wie ein Listenfeld aussieht, mithilfe einer Listenansicht implementiert und umgekehrt. Wenden Sie in solchen Fällen die Richtlinien basierend auf der Nutzung und nicht auf der Implementierung an.

Verwendungsmuster

Listenfelder weisen mehrere Verwendungsmuster auf:

Bezeichnung Wert
Einzelauswahllisten Zulassen, dass Benutzer jeweils ein Element auswählen können.
Screenshot des Listenfelds mit ausgewähltem Element
In diesem Beispiel können Benutzer nur ein Anzeigeelement auswählen.
Standardlisten für mehrfache Auswahl Zulassen, dass Benutzer eine beliebige Anzahl von Elementen auswählen können, einschließlich keines.
Standardlisten mit mehrfacher Auswahl haben genau das gleiche Aussehen wie Einzelauswahllisten, sodass es keinen visuellen Hinweis darauf gibt, dass ein Listenfeld die Mehrfachauswahl unterstützt. Da Benutzer diese Fähigkeit ermitteln müssen, wird dieses Listenmuster am besten für Aufgaben verwendet, bei denen die Mehrfachauswahl nicht erforderlich ist und selten verwendet wird.
Es gibt zwei verschiedene Mehrfachauswahlmodi: mehrfach und erweitert. Der erweiterte Auswahlmodus ist bei weitem der gebräuchlichere, in dem die Auswahl durch Ziehen oder mit UMSCHALT+Klick und STRG+Klick erweitert werden kann, um Gruppen mit zusammenhängenden bzw. nicht angrenzenden Werten auszuwählen. Im Mehrfachauswahlmodus schaltet das Klicken auf ein beliebiges Element den Auswahlstatus unabhängig von der UMSCHALT- und STRG-TASTE um. Aufgrund dieses ungewöhnlichen Verhaltens ist der Mehrfachauswahlmodus veraltet, und Sie sollten stattdessen Kontrollkästchenlisten verwenden.
Screenshot des Listenfelds mit ausgewählten Elementen
In diesem Beispiel können Benutzer eine beliebige Anzahl von Elementen im Mehrfachauswahlmodus auswählen.
Kontrollkästchenlisten Wie standardmäßige Mehrfachauswahllisten können Benutzer eine beliebige Anzahl von Elementen auswählen, einschließlich keiner.
Im Gegensatz zu Standard-Mehrfachauswahllisten weisen die Kontrollkästchen eindeutig darauf hin, dass eine Mehrfachauswahl möglich ist. Verwenden Sie dieses Listenmuster für Aufgaben, bei denen die Mehrfachauswahl unerlässlich oder häufig verwendet wird.
Screenshot der Symbolleisten-Kontrollkästchenliste
In diesem Beispiel wählen Benutzer in der Regel mehrere Elemente aus, sodass eine Kontrollkästchenliste verwendet wird.
Angesichts dieses eindeutigen Hinweises auf die Mehrfachauswahl können Sie davon ausgehen, dass Kontrollkästchenlisten standardmäßigen Mehrfachauswahllisten vorzuziehen sind. In der Praxis erfordern nur wenige Aufgaben eine mehrfache Auswahl oder verwenden sie stark. Die Verwendung einer Kontrollkästchenliste in solchen Fällen lenkt zu viel Aufmerksamkeit auf die Auswahl. Daher sind Standard-Mehrfachauswahllisten viel häufiger.
Vorschaulisten Kann eine einzelne oder mehrfache Auswahl sein, aber es wird eine Vorschau der Auswirkung der Auswahl anstelle von Text angezeigt.
Screenshot der Vorschau der Fensterfarbenoptionen
In diesem Beispiel zeigt eine Vorschau der einzelnen Optionen deutlich die Auswirkungen der Auswahl, die effektiver ist als die Verwendung von Text allein.
Listen-Generatoren Benutzern das Erstellen einer Liste von Auswahlmöglichkeiten ermöglichen, indem Sie jeweils ein Element hinzufügen und optional die Listenreihenfolge festlegen.
Ein Listen-Generator besteht aus zwei Einzelauswahllisten: Die Liste auf der linken Seite ist ein fester Satz von Optionen, und die Liste auf der rechten Seite ist die Liste, die erstellt wird. Zwischen den Listen gibt es zwei Befehlsschaltflächen:
  • Eine Schaltfläche Hinzufügen , die die aktuell ausgewählte Option in die zu erstellende Liste verschiebt, die vor dem ausgewählten Element eingefügt wird. (Doppelklicken auf ein Optionselement hat die gleiche Auswirkung.)
  • Eine Schaltfläche Entfernen , die das ausgewählte Element aus der erstellten Liste entfernt und an die Optionsliste zurückgibt. (Doppelklicken auf ein Element in der erstellten Liste hat die gleiche Auswirkung.) Die erstellte Liste kann optional über die Befehle "Nach oben" und " Nach unten" verfügen, um die Listenelemente zu sortieren.
Screenshot des Listen-Generators für Symbolleistenschaltflächen
In diesem Beispiel wird ein Listen-Generator verwendet, um eine Symbolleiste zu erstellen, indem Elemente aus einer Reihe verfügbarer Optionen ausgewählt und deren Reihenfolge festgelegt wird.
Hinzufügen/Entfernen von Listen Benutzern das Erstellen einer Auswahlliste ermöglichen, indem Sie jeweils ein oder mehrere Elemente hinzufügen und optional die Listenreihenfolge festlegen (z. B. Listenersteller).
Im Gegensatz zu einem Listen-Generator wird beim Klicken auf Hinzufügen ein Dialogfeld angezeigt, in dem Elemente ausgewählt werden, die der Liste hinzugefügt werden sollen. Die Verwendung eines separaten Dialogfelds ermöglicht eine erhebliche Flexibilität bei der Auswahl von Elementen, die Sie mit einer spezialisierten Objektauswahl oder sogar einem allgemeinen Dialogfeld verwenden können. Im Vergleich zum Listen-Generator ist diese Variante kompakter, erfordert jedoch etwas mehr Aufwand, um Elemente hinzuzufügen.
Screenshot der Menüinhaltsliste
In diesem Beispiel können Benutzer Tools aus einem Menü hinzufügen oder daraus entfernen sowie die Reihenfolge festlegen.
Der Listen-Generator und das Hinzufügen/Entfernen von Listenmustern sind zwar deutlich schwerer als die anderen Mehrfachauswahllisten, bieten aber zwei eindeutige Vorteile:
  • Benutzer haben die Kontrolle über die Listenreihenfolge, sowohl während der Erstellung der Liste als auch danach.
  • Benutzer können eine Zusammenfassung der ausgewählten Elemente überprüfen, was ein erheblicher Vorteil sein kann, wenn die Anzahl der Auswahlmöglichkeiten groß ist.
Ihre Nachteile sind, dass sie viel mehr Platz auf dem Bildschirm benötigen und beim Erstellen einer großen Liste von Elementen von Grund auf schwierig zu verwenden sein können. Daher werden sie am besten verwendet, um kurz vorhandene Listen zu erstellen oder zu ändern.

Richtlinien

Präsentation

  • Sortieren Sie Listenelemente in einer logischen Reihenfolge, z. B. gruppieren Sie verwandte Optionen zusammen, platzieren Sie am häufigsten verwendete Elemente zuerst oder in alphabetischer Reihenfolge. Sortieren Sie Namen in alphabetischer Reihenfolge, Zahlen in numerischer Reihenfolge und Datumsangaben in chronologischer Reihenfolge. Listen mit mindestens 12 Elementen sollten alphabetisch sortiert werden, um die Auffindbarkeit von Elementen zu erleichtern.

Richtig:Screenshot der Ausrichtung (links, zentriert, rechts)

In diesem Beispiel werden die Listenfeldelemente nach ihrer räumlichen Beziehung sortiert.

Falsch:Screenshot der unorganisierten Liste

In diesem Beispiel gibt es so viele Listenelemente, dass sie in alphabetischer Reihenfolge sortiert werden sollten.

Richtig:Screenshot der alphabetisierten Liste

In diesem Beispiel sind die Listenelemente einfacher zu finden, da sie in alphabetischer Reihenfolge sortiert sind. Das Element "Alle Windows-Produkte" steht jedoch unabhängig von seiner Sortierreihenfolge am Anfang der Liste.

  • Platzieren Sie Optionen, die alle oder Keine darstellen, am Anfang der Liste, unabhängig von der Sortierreihenfolge der verbleibenden Elemente.
  • Schließen Sie Metaoptionen in Klammern ein.

Screenshot der Dropdownliste ohne Auswahl

In diesem Beispiel ist "(none)" eine Metaoption, da es kein gültiger Wert für die Auswahl ist, sondern dass die Option selbst nicht verwendet wird.

  • Verwenden Sie stattdessen keine meta-Optionen für leere Listenelemente. Benutzer wissen nicht, wie leere Elemente interpretiert werden sollen, während die Bedeutung von Metaoptionen explizit ist.

Falsch:Screenshot der Dropdownliste mit leerer Auswahl

In diesem Beispiel ist die Bedeutung des leeren Elements unklar.

Richtig:Screenshot der Dropdownliste ohne Auswahl

In diesem Beispiel wird stattdessen die Metaoption "(none)" verwendet.

Interaktion

  • Erwägen Sie die Bereitstellung von Doppelklickverhalten. Doppelklicken sollte die gleiche Auswirkung wie das Auswählen eines Elements und das Ausführen des Standardbefehls haben.
  • Machen Sie das Doppelklickverhalten redundant. Es sollte immer eine Befehlsschaltfläche oder ein Kontextmenübefehl vorhanden sein, der die gleiche Wirkung hat.
  • Wenn Benutzer mit den ausgewählten Elementen nichts tun können, lassen Sie die Auswahl nicht zu.

Richtig:Screenshot der Liste der abgeschlossenen Assistentenänderungen

In diesem Listenfeld wird eine schreibgeschützte Liste der Änderungen angezeigt. eine Auswahl ist nicht erforderlich.

  • Wenn Sie ein Listenfeld deaktivieren, deaktivieren Sie auch alle zugehörigen Bezeichnungen und Befehlsschaltflächen.
  • Verwenden Sie die Änderung des ausgewählten Elements in einem Listenfeld nicht für Folgendes:
    • Führen Sie Befehle aus.
    • Zeigen Sie andere Fenster an, z. B. ein Dialogfeld, um weitere Eingaben zu sammeln.
    • Dynamische Anzeige anderer Steuerelemente im Zusammenhang mit dem ausgewählten Steuerelement (Bildschirmsprachausgaben können solche Ereignisse nicht erkennen). Ausnahme: Sie können statischen Text, der zur Beschreibung des ausgewählten Elements verwendet wird, dynamisch ändern.

Acceptable:Screenshot der Details des ausgewählten Listenelements

In diesem Beispiel ändert das Ändern des ausgewählten Elements die Beschreibung.

  • Vermeiden Sie horizontales Scrollen. Mehrspaltige Listen basieren auf horizontalem Scrollen, was in der Regel schwieriger zu verwenden ist als vertikales Scrollen. Mehrspaltige Listen, die horizontales Scrollen erfordern, können verwendet werden, wenn Sie über viele alphabetisch sortierte Elemente und genügend Platz auf dem Bildschirm für ein breites Steuerelement verfügen.

Acceptable:Screenshot der Liste der Ordner im Windows-Explorer

In diesem Beispiel werden mehrere Spalten verwendet, für die horizontaler Bildlauf erforderlich ist, da es viele Elemente und viel verfügbaren Bildschirmraum für ein breites Steuerelement gibt.

Mehrfachauswahllisten

  • Erwägen Sie, die Anzahl der ausgewählten Elemente unterhalb der Liste anzuzeigen, insbesondere, wenn Benutzer wahrscheinlich mehrere Elemente auswählen. Diese Informationen geben nicht nur nützliches Feedback, sondern zeigen auch deutlich, dass das Listenfeld die Mehrfachauswahl unterstützt.

Screenshot des Listenfelds mit vier ausgewählten Elementen

In diesem Beispiel wird die Anzahl der ausgewählten Elemente unterhalb der Liste angezeigt.

  • Sie können andere Auswahlmetriken angeben, die möglicherweise aussagekräftiger sind, z. B. die ressourcen, die für die Auswahl erforderlich sind.

Screenshot der Kontrollkästchenliste der Windows-Features

In diesem Beispiel ist der für die Installation der Komponenten erforderliche Speicherplatz aussagekräftiger als die Anzahl der ausgewählten Elemente.

  • Wenn potenziell viele Listenelemente vorhanden sind und das Auswählen oder Löschen aller Elemente wahrscheinlich ist, fügen Sie die Befehlsschaltflächen Alle auswählen und Alle löschen hinzu.
  • Verwenden Sie für Standardmäßige Mehrfachauswahllisten keinen Mehrfachauswahlmodus, da dieser Auswahlmodus veraltet ist. Verwenden Sie für ein entsprechendes Verhalten stattdessen eine Kontrollkästchenliste.

Standardwerte

  • Wählen Sie die sicherste Option (um Datenverlust oder Systemzugriff zu verhindern) und standardmäßig die sicherste Option aus. Wenn Sicherheit und Sicherheit keine Faktoren sind, wählen Sie die wahrscheinlichste oder bequemste Option aus.

Ausnahme: Wählen Sie keine Elemente aus, wenn das Steuerelement eine Eigenschaft in einem gemischten Zustand darstellt. Dies geschieht, wenn eine Eigenschaft für mehrere Objekte angezeigt wird, die nicht über dieselbe Einstellung verfügen.

Screenshot der Größen- und Abstandsanpassung des Listenfelds

Empfohlene Größenanpassung und Abstand für Listenfelder.

  • Wählen Sie eine Listenfeldbreite aus, die für die längsten gültigen Daten geeignet ist. Standardlistenfelder können nicht horizontal gescrollt werden, sodass Benutzer nur sehen können, was im Steuerelement sichtbar ist.
  • Fügen Sie zusätzliche 30 Prozent (bis zu 200 Prozent für kürzeren Text) für jeden Text (aber keine Zahlen) ein, der lokalisiert wird.
  • Wählen Sie eine Listenfeldhöhe aus, in der eine integrale Anzahl von Elementen angezeigt wird. Vermeiden Sie das vertikale Abschneiden von Elementen.
  • Wählen Sie eine Listenfeldhöhe aus, die unnötiges vertikales Scrollen verhindert. Listenfelder sollten zwischen 3 und 20 Elemente anzeigen, ohne dass ein Bildlauf erforderlich ist. Erwägen Sie, ein Listenfeld etwas länger zu machen, wenn dadurch die vertikale Bildlaufleiste wegfällt. Listen mit potenziell vielen Elementen sollten mindestens fünf Elemente anzeigen, um das Scrollen zu erleichtern, indem mehr Elemente gleichzeitig angezeigt werden und die Bildlaufleiste einfacher positioniert werden kann.
  • Wenn Benutzer davon profitieren, das Listenfeld zu vergrößern, ändern Sie die Größe des Listenfelds und des übergeordneten Fensters. Auf diese Weise können Benutzer die Listenfeldgröße nach Bedarf anpassen. In veränderbaren Listenfeldern sollten jedoch nicht weniger als drei Elemente angezeigt werden.

Bezeichnungen

Steuerelementbezeichnungen

  • Alle Listenfelder benötigen Bezeichnungen. Schreiben Sie die Bezeichnung als Wort oder Ausdruck, nicht als Satz; verwenden Sie einen Doppelpunkt am Ende der Bezeichnung.

Ausnahme: Lassen Sie die Bezeichnung aus, wenn es sich lediglich um eine Neubewertung der Standard-Anweisung eines Dialogfelds handelt. In diesem Fall verwendet die Standard-Anweisung den Doppelpunkt (es sei denn, es handelt sich um eine Frage) und den Zugriffsschlüssel.

Acceptable:Screenshot der Liste mit redundanter Bezeichnung

In diesem Beispiel wird die Standard-Anweisung durch die Listenfeldbezeichnung erneut erstellt.

Better:Screenshot der Liste von ohne redundante Bezeichnung

In diesem Beispiel wird die redundante Bezeichnung entfernt, sodass die Standard-Anweisung den Doppelpunkt und den Zugriffsschlüssel verwendet.

  • Wenn ein Listenfeld einem Optionsfeld oder Kontrollkästchen untergeordnet ist und durch die Bezeichnung dieses Steuerelements eingeführt wird, die mit einem Doppelpunkt endet, fügen Sie keine zusätzliche Bezeichnung für das Listenfeldsteuerelement ein.

Screenshot der Schaltfläche und Liste mit derselben Bezeichnung

In diesem Beispiel ist das Listenfeld einem Optionsfeld untergeordnet und teilt seine Bezeichnung.

  • Weisen Sie einen eindeutigen Zugriffsschlüssel zu. Richtlinien finden Sie unter Tastatur.
  • Verwenden Sie die Groß-/Kleinschreibung im Satzformat.
  • Positionieren Sie die Bezeichnung entweder links vom Steuerelement oder oberhalb des Steuerelements, und richten Sie die Bezeichnung am linken Rand des Steuerelements aus.
    • Wenn sich label auf der linken Seite befindet, richten Sie den Bezeichnungstext vertikal an der ersten Textzeile im Steuerelement aus.

Richtig:Screenshot der Liste mit linksbündigem Beschriftung über dem Screenshot der Liste mit textbündigem Beschriftung nach links

In diesen Beispielen wird die Bezeichnung oben am linken Rand des Listenfelds ausgerichtet, und die Bezeichnung auf der linken Seite wird am Text im Listenfeld ausgerichtet.

Falsch:Screenshot der Liste mit textbündiger Bezeichnung oberhalb des Screenshots der Liste mit oben ausgerichteter Bezeichnung auf der linken Seite

In diesen falschen Beispielen wird die Bezeichnung oben am Text im Listenfeld ausgerichtet, und die Bezeichnung auf der linken Seite wird am oberen Rand des Listenfelds ausgerichtet.

  • Verwenden Sie für Listenfelder mit mehrfacher Auswahl eine Bezeichnung, die deutlich darauf hinweist, dass mehrfache Auswahl möglich ist. Kontrollkästchenlistenbezeichnungen können weniger explizit sein.

Richtig:Screenshot der Liste mit einer oder mehreren Bezeichnungen auswählen

In diesem Beispiel zeigt die Bezeichnung deutlich an, dass eine Mehrfachauswahl möglich ist.

Falsch:Screenshot des Listenfelds mit Add-Ons-Bezeichnung

In diesem Beispiel stellt die Bezeichnung keine offensichtlichen Informationen über die Mehrfachauswahl bereit.

Best:Screenshot der Kontrollkästchenliste mit Add-Ons-Bezeichnung

In diesem Beispiel weisen die Kontrollkästchen eindeutig darauf hin, dass eine Mehrfachauswahl möglich ist, sodass die Bezeichnung nicht explizit sein muss.

  • Sie können Einheiten (Sekunden, Verbindungen usw.) in Klammern nach der Bezeichnung angeben.

Optionstext

  • Weisen Sie jeder Option einen eindeutigen Namen zu.
  • Verwenden Sie die Groß-/Kleinschreibung im Satzformat, es sei denn, ein Element ist ein richtiges Substantiv.
  • Schreiben Sie die Bezeichnung als Wort oder Ausdruck, nicht als Satz, und verwenden Sie keine endende Interpunktion.
  • Verwenden Sie parallele Ausdrücke, und versuchen Sie, die Länge für alle Optionen ungefähr gleich zu halten.

Anweisungs- und Ergänzungstext

  • Wenn Sie Anweisungstext zu einem Listenfeld hinzufügen müssen, fügen Sie ihn oberhalb der Bezeichnung hinzu. Verwenden Sie vollständige Sätze mit endender Interpunktion.
  • Verwenden Sie die Groß-/Kleinschreibung im Satzformat.
  • Zusätzliche Informationen, die hilfreich, aber nicht notwendig sind, sollten kurz gehalten werden. Platzieren Sie diesen Text entweder in Klammern zwischen der Bezeichnung und dem Doppelpunkt oder ohne Klammern unter dem Steuerelement.

Screenshot der Kontrollkästchenliste und des beschreibenden Texts

In diesem Beispiel wird ergänzender Text unterhalb der Liste platziert.

Dokumentation

Wenn Sie auf Listenfelder verweisen:

  • Verwenden Sie den exakten Bezeichnungstext, einschließlich der Groß-/Kleinschreibung, aber schließen Sie den Unterstrich oder Doppelpunkt der Zugriffsschlüssel nicht ein. Schließen Sie die Wortliste ein. Verweisen Sie nicht auf ein Listenfeld als Listenfeld oder Feld.
  • Verwenden Sie für Listenelemente den exakten Elementtext, einschließlich seiner Großschreibung.
  • Verweisen Sie in der Programmierung und anderen technischen Dokumentationen auf Listenfelder als Listenfelder. Verwenden Sie überall sonst die Liste.
  • Verwenden Sie select, um die Benutzerinteraktion zu beschreiben.
  • Formatieren Sie nach Möglichkeit die Bezeichnungs- und Listenelemente mit fett formatiertem Text. Andernfalls setzen Sie die Bezeichnung und die Elemente nur in Anführungszeichen, wenn dies erforderlich ist, um Verwechslungen zu vermeiden.

Beispiel: Wählen Sie in der Liste Zu welcher Liste wechselndie Option Lesezeichen aus.