Zeilen mit Informationen oder Inhaltsobjekten.
Allan Day
aday@gnome.org
Christian Kirbach
christian.kirbach@gmail.com 2014
Mario Blättermann
mario.blaettermann@gmail.com 2016

# Listen

Listen sind ein grundlegendes Element der Benutzeroberfläche. Sie können zum Darstellen von Informationen, Inhaltsobjekten oder Bedienelementen verwendet werden. In GNOME 3 gibt es zwei primäre Typen: Standardlisten und Tabellen.

Listen in der Seitenleiste sind ein separates Designmuster, das ebenfalls eine Listenansicht verwendet.

# Anwendungsfälle

A list is an appropriate way to present content items that have a distinct name as their primary identifier. If the content is visual in nature, such as with photos or videos, you might want to consider using a grid instead.

In einigen Fällen ist es vorteilhaft, für die gleichen Inhaltsobjekte sowohl eine Listen- als auch eine Gitteransicht zu ermöglichen. Auf diese Weise erlaubt eine Listenansicht die Darstellung zusätzlicher Informationen zum Inhalt mittels Informationsspalten.

# Standardlisten

Standardlisten sind der häufigste Listentyp und sollten generell gegenüber Tabellen bevorzugt werden.

In Standardlisten werden die Zeilen durch Trenner abgegrenzt. Die Änderung der Sortierreihenfolge geschieht durch ein Bedienelement außerhalb der eigentlichen Liste.

## Stile

Standardlisten haben zwei Stile: volle Breite oder eingebettet. Listen voller Breite füllen ihren umgebenden Container, während eingebettete Listen von der Auffüllung umrandet werden.

Listen voller Breite sind visuell einfacher und daher eleganter. Sie sollten verwendet werden, wo immer es möglich ist. Allerdings ist es nicht immer möglich, eine Liste voller Breite zu implementieren. Es gibt einige Situationen, in denen eine eingebettete Liste die bessere Wahl ist:

Wenn die Liste Informationsspalten enthält, die zwecks besserer Lesbarkeit nahe beieinander dargestellt werden müssen und daher die Liste in einen breiten Container eingebettet werden muss.

Wenn ein Fenster verschiedene Listen enthält.

Wenn die Liste an anderen Bedienelementen im Fenster ausgerichtet werden muss.

## Bearbeitbare Listen

Bearbeitbare Listen ermöglichen dem Benutzer das Hinzufügen oder Entfernen von Listeneinträgen (aus diesem Grund sind sie auch als Add/Remove-Listen bekannt). So wohl Listen voller Breite als auch eingebettete Listen können bearbeitbar sein.

Jede Zeile enthält einen Knopf zum Entfernen. Bei wenigen Listeneinträgen sollte die letzte Listenzeile als Hinzufügen-Knopf verwendet werden. Wenn die Liste lang ist, können Sie den Hinzufügen-Knopf alternativ in einer Kopfleiste oder Aktionsleiste platzieren.

# Tabellen

Tabellen können für komplexere, mehrspaltige Listen verwendet werden, wo die Sortierung der Tabelle in mehreren Spalten erforderlich ist. Spaltenüberschriften ermöglichen den Benutzern die Erkennung des Informationstyps in jeder Spalte und die Neuordnung der Liste entsprechend den Inhalten einer Spalte.

Wenn Sie Spaltenüberschriften verwenden, zeigen Sie die Sortierreihenfolge mittels Pfeilen in der Überschrift an.

Reihenfolge | Pfeilrichtung | Beispiel
--- | --- | ---
Natürlich | Nach unten | Alphabetisch, kleinste Zahl zuerst, ältestes Datum zuerst, markierte Einträge zuerst
Umgekehrt | Nach oben | Umgekehrt alphabetisch, größte Zahl zuerst, neuestes Datum zuerst, nicht markierte Einträge zuerst

# Verhalten von Spalten

Abhängig vom Typ der Liste verhalten sich Spalten unterschiedlich, wenn sie angeklickt werden. Es gibt in dieser Hinsicht drei Listentypen:

Listentyp | Verhalten von Zeilen
--- | ---
Navigation | Die Auswahl einer Zeile öffnet das zugehörige Objekt, entweder durch Navigieren zu einer neuen Ansicht oder durch Öffnen eines Dialoges. Dieses Muster ist für Listen aus Inhaltsobjekten oder zum Darstellen von Einstellungsgruppen üblich.
Auswählen | The list item is selected when it is clicked or pressed. This approach is often used for selecting one of a series of configuration options. In the case of drop-down lists, one option is always selected. The selected row is indicated by a check mark.
Edit | Die Auswahl der Zeile wandelt diese in ein Texteingabefeld um, in dem der Eintrag bearbeitet werden kann.

Navigation style lists can be combined with selection mode in order to allow rows to be both opened and manipulated. Using double-click to open list items should be avoided, since it is undiscoverable and is incompatible with touch input.

# Allgemeine Richtlinien

Differentiate the different types of information using different alignments, text colors and weights. Highlight the most important and relevant information by giving other information a lighter weight and/or color.

Seien Sie vorsichtig und überfrachten Sie Listen nicht mit verschiedenen Spalten und Elementen, um sicherzustellen, dass Sie damit nur essenzielle Informationen bereitstellen.

Als Faustregel gilt, dass Sie verschiedene Listen im gleichen Fenster vermeiden sollten, insbesondere in primären Fenstern.

Verwenden Sie keine Listen mit weniger als fünf Einträgen, es sei denn, die Anzahl der Einträge wächst mit der Zeit. Für Optionslisten können in diesem Fall alternativ Ankreuzfelder oder Radioknöpfe verwendet werden.

Stellen Sie sicher, dass Listen so geordnet sind, dass sie den Benutzern wirklich hilfreich sind. Es kann nützlicher sein, Dokumente nach dem letzten Zugriff zu ordnen, anstatt sie alphabetisch zu sortieren. Beispielsweise können Kontakte, die gerade online sind, interessanter sein als jene, die nicht verfügbar sind.

Wenn Sie in Ihrer Liste Symbole verwenden, verwenden Sie stilisierte Symbole. Das weniger vordergründige optische Erscheinungsbild sorgt dafür, dass Ihre Liste nicht überladen wirkt und die Symbole sie nicht dominieren.

Bei einer langen Liste sollten Sie ermöglichen, diese mit dem standardisierten Such-Designmuster zu durchsuchen.

# API-Referenz

GtkListBox

GtkTreeView