<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="drop-down-lists" xml:lang="de">

  <info>

    <credit type="author">

      <name>Allan Day</name>

      <email>aday@gnome.org</email>

    </credit>

    <link type="guide" xref="ui-elements"/>

    <uix:thumb mime="image/svg" src="figures/ui-elements/drop-down-list.svg"/>

    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Christian Kirbach</mal:name>

      <mal:email>christian.kirbach@gmail.com</mal:email>

      <mal:years>2014</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Mario Blättermann</mal:name>

      <mal:email>mario.blaettermann@gmail.com</mal:email>

      <mal:years>2016</mal:years>

    </mal:credit>

  </info>

<title>Auswahllisten</title>

Eine Auswahlliste ist ein Element der Benutzeroberfläche, das dem Benutzer die Auswahl aus einer Liste sich gegenseitig ausschließender Optionen anzeigt. Im Ausgangszustand erscheint eine Auswahlliste als Knopf und klappt beim Anklicken eine Liste aus.

<media type="image" mime="image/svg" src="figures/ui-elements/drop-down-list.svg"/>

Auswahlknöpfe oder eine Liste sind häufig einer Auswahlliste vorzuziehen, da diese sämtliche verfügbaren Optionen gleichzeitig ohne weiteren Benutzereingriff anzeigen. Andererseits kann eine Auswahlliste vorteilhafter sein, wenn:

<list>

<item>
die Anzahl der Optionen groß ist.
</item>

<item>
wenig Platz verfügbar ist.
</item>

<item>
die Liste der Optionen zeitlich veränderlich ist.
</item>

<item>
der Inhalt des verborgenen Teils des Menüs aus dessen Beschriftung und dem ausgewählten Eintrag ersichtlich ist. Wenn ein Optionsmenü beispielsweise mit »Month:« beschriftet ist und »January« ausgewählt ist, kann der Benutzer sinnvollerweise schlussfolgern, dass das Menü die zwölf Monate des Jahres enthält, ohne nachschauen zu müssen.
</item>

</list>

<section id="general-guidelines">

<title>Allgemeine Richtlinien</title>

<list>

<item>
While GTK+ does provide a specific combobox widget, it is recommended that drop-down lists are constructed using a combination of a button and a popover. This allows more comfortable scrolling for long lists, and allows search to be integrated into the list. Using this approach also allows the current selected item to always be displayed.
</item>

<item>
Wenn die Objekte sehr zahlreich sind, sollten Sie eine Suchfunktion anbieten, über die die Liste gefiltert werden kann.
</item>

<item>
Label the drop-down list button with a text label above it or to its left, using <link xref="writing-style#capitalization">sentence capitalization</link>. Provide an access key in the label that allows the user to give focus directly to the drop-down list.
</item>

<item>
Use <link xref="writing-style#capitalization">sentence capitalization</link> for drop-down list items, for example <gui>Switched movement</gui>.
</item>

</list>

</section>

<section id="custom-values">

<title>Benutzerdefinierte Werte</title>

<media type="image" mime="image/svg" src="figures/ui-elements/drop-down-list-custom-values.svg"/>

A drop-down list can allow custom values to be added to a number of presets, or can be used to enter and select from custom values alone.

<list>

<item>
Stellen Sie sicher, dass benutzerdefinierte Werte in einer Weise angeordnet werden, die für Benutzer am sinnvollsten sind. Eine alphabetische Anordnung oder nach den neuesten Werten ist am üblichsten.
</item>

<item>
Wenn eine Auswahlliste sowohl voreingestellte als auch benutzerdefinierte Werte enthält, trennen Sie sie in separate Gruppen innerhalb der Liste.
</item>

<item>
Ermöglichen Sie, dass benutzerdefinierte Werte aus der Liste entfernt werden können.
</item>

<item>
Prüfen Sie benutzerdefinierte Werte bereits während der Eingabe, um Fehler auszuschließen.
</item>

<item>
Wenn eine Auswahlliste nur benutzerdefinierte Werte akzeptiert und bisher noch nichts eingegeben wurde, stellen Sie den Eintrag für den benutzerdefinierten direkt nach dem Öffnen der Auswahl dar, anstelle einer leeren Liste.
</item>

</list>

</section>

</page>