Registerkarten

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.

Registerkarten bieten eine Möglichkeit, verwandte Informationen auf separaten beschrifteten Seiten darzustellen.

Screenshot von fünf Registerkarten

Eine typische Gruppe von Registerkarten.

Registerkarten sind normalerweise Eigenschaftenfenstern zugeordnet (und umgekehrt), aber Registerkarten können in jedem Fenstertyp verwendet werden.

Registerkartensteuerelemente stellen die Manilaordner mit Registerkarten dar, die zum Organisieren von Informationen in Aktenschränken verwendet werden, die häufig im USA gefunden werden. (Manila-Ordner werden nicht weltweit verwendet.)

Hinweis

Richtlinien im Zusammenhang mit Layout, Registerkartenmenüs, Dialogfeldern und Eigenschaftenfenstern werden in separaten Artikeln vorgestellt.

Ist dies das richtige Steuerelement?

Orientieren Sie sich an folgenden Fragen:

  • Können die Steuerelemente bequem auf eine einzelne, vernünftig große Seite passen? Wenn ja, verwenden Sie eine einzelne Seite.
  • Gibt es nur eine Registerkarte? Wenn ja, verwenden Sie eine einzelne Seite.
  • Sind die Registerkarten auf offensichtliche Weise miteinander verbunden? Andernfalls sollten Sie die Informationen in separate Fenster verwandter Informationen aufteilen.
  • Sind die Einstellungen auf verschiedenen Seiten, wenn sie für Einstellungen verwendet werden, völlig unabhängig? Wirkt sich das Ändern einer Einstellung auf einer Seite auf die Einstellungen auf anderen Seiten aus? Wenn sie nicht unabhängig sind, verwenden Sie stattdessen Aufgabenseiten oder einen Assistenten .
  • Handelt es sich bei den Registerkarten hauptsächlich um Peers untereinander, oder gibt es eine hierarchische Beziehung? Wenn sie hierarchisch sind, sollten Sie die Verwendung von progressiven Oder untergeordneten Dialogfeldern in Erwägung ziehen, um verwandte Informationen anzuzeigen.
  • Werden die Registerkarten verwendet, um Schritte innerhalb einer Aufgabe anzuzeigen? Sie können "Registerkarten" verwenden, um Schritte innerhalb einer Aufgabe nur anzuzeigen, wenn sie wie Schritte angezeigt werden, und es gibt eine offensichtliche alternative Möglichkeit, zum Textschritt zu gelangen, z. B. eine Schaltfläche Weiter. Andernfalls, wenn die Schritte erforderlich sind, verwenden Sie Seiten in einem Seitenfluss oder einem Assistenten. Wenn die Schritte optional sind, zeigen Sie die optionalen Schritte stattdessen mithilfe modaler Dialogfelder an.
  • Sind die Registerkarten unterschiedliche Ansichten derselben Daten? In diesem Fall sollten Sie eine geteilte Schaltfläche oder Dropdownliste verwenden, um Ansichten zu ändern. Während Registerkarten effektiv zum Ändern von Ansichten verwendet werden können, sind die Alternativen einfacher.

Verwendungsmuster

Registerkarten weisen mehrere Verwendungsmuster auf:

Verwendung Beispiel
Dynamische Fensteroberfläche
Wie Bildlaufleisten können Registerkarten verwendet werden, um die Fensteroberfläche zu vergrößern, um verwandte Informationen anzuzeigen.
Bei diesem Muster ähnelt die Verwendung von Registerkarten dem linearen Platzieren aller Informationen auf den Registerkarten auf einer einzelnen scrollbaren Oberfläche mit den Registerkartenbeschriftungen als Überschriften.
Screenshot von fünf Registerkarten
In diesem Beispiel vergrößern Registerkarten effektiv die Fensteroberfläche.
Mehrere Ansichten
Wie geteilte Schaltflächen oder Dropdownlisten können Registerkarten verwendet werden, um verschiedene Ansichten derselben oder verwandter Informationen anzuzeigen.
Screenshot der Registerkarten
In diesem Beispiel ändern Registerkarten Ansichten innerhalb eines Dokuments.
Mehrere Dokumente
Wie mehrere Fenster können Registerkarten verwendet werden, um verschiedene Dokumente in einem einzigen Fenster anzuzeigen.
Screenshot von drei Registerkarten für verschiedene Dokumente
Abbildung von Registerkarten für verschiedene Monate
In diesen Beispielen zeigen Registerkarten verschiedene Dokumente innerhalb eines einzelnen Anwendungsfensters an.
Exklusive Optionen
Wie Optionsfelder können Registerkarten verwendet werden, um mehrere exklusive Optionen zu präsentieren. in diesem Muster gilt nur die ausgewählte Registerkarte, und alle anderen Registerkarten werden ignoriert.
Screenshot der Registerkarten
In diesem Beispiel werden Registerkarten (fälschlicherweise) als Ersatz für Optionsfelder verwendet.
Dieses Muster wird nicht empfohlen , da es ein nicht standardmäßiges Verhalten verwendet. Die Registerkarten verhalten sich als Einstellung und nicht als reine Möglichkeit, im Fenster zu navigieren.

Wenn Sie nur eine Sache tun...

Stellen Sie sicher, dass die Informationen auf den Registerkarten zusammenhängen, aber die Einstellungen auf verschiedenen Seiten unabhängig sind. Die zuletzt ausgewählte Registerkarte sollte keine besondere Bedeutung haben.

Richtlinien

Allgemein

  • Verwenden Sie horizontale Registerkarten, wenn:

    • Das Fenster verfügt über mindestens sieben Registerkarten.
    • Alle Registerkarten passen in eine Zeile, auch wenn die Benutzeroberfläche (UI) lokalisiert ist.
  • Verwenden Sie vertikale Registerkarten, wenn:

    • Das Eigenschaftenfenster verfügt über mindestens acht Registerkarten.

    • Die Verwendung horizontaler Registerkarten erfordert mehr als eine Zeile.

      Screenshot des Eigenschaftenfensters mit elf Optionen

      In diesem Beispiel können vertikale Registerkarten acht oder mehr Registerkarten aufnehmen.

  • Verschachteln Sie keine Registerkarten oder kombinieren Sie horizontale Registerkarten mit vertikalen Registerkarten. Reduzieren Sie stattdessen die Anzahl der Registerkarten, verwenden Sie nur vertikale Registerkarten, oder verwenden Sie ein anderes Steuerelement, z. B. eine Dropdownliste.

  • Scrollen Sie nicht auf horizontalen Registerkarten. Horizontales Scrollen ist nicht ohne weiteres auffindbar. Sie können jedoch vertikale Registerkarten scrollen.

    Falsch:

    Screenshot der beschriftung abgeschnittenen horizontalen Registerkarten

    In diesem Beispiel werden die horizontalen Registerkarten scrollen.

  • Für Registerkarten in einem fenster oder bereich, das in der Größe geändert werden kann, platzieren Sie bei Bedarf eine Bildlaufleiste auf der Seite, nicht im Fenster oder Bereich. Die Registerkarten sollten immer sichtbar sein und nicht aus der Ansicht scrollen.

    Screenshot der vertikalen Registerkartenseite mit Bildlaufleiste

    In diesem Beispiel verfügt die Registerkartenseite über die Bildlaufleiste, nicht über den Bereich.

  • Stellen Sie sicher, dass die Registerkarten wie Registerkarten und nicht wie ein anderer Steuerelementtyp aussehen.

    Falsch:

    Screenshot des Fensters mit Schaltflächen für Registerkarten

    In diesem Beispiel sehen diese Registerkarten wie Befehlsschaltflächen aus.

Interaktion

  • Wenn Steuerelemente nur auf eine Seite angewendet werden, platzieren Sie sie innerhalb des Rahmens der Registerkartenseite.
  • Wenn Steuerelemente auf das gesamte Fenster angewendet werden, platzieren Sie sie außerhalb der Registerkartenseite.
  • Weisen Sie wechselnden Registerkarten keine Effekte zu. Registerkarten müssen in beliebiger Reihenfolge zugänglich sein. Das Ändern der aktuellen Registerkarte sollte niemals Nebenwirkungen haben, Einstellungen anwenden oder zu einer Fehlermeldung führen.
  • Weisen Sie der zuletzt ausgewählten Registerkarte keine besondere Bedeutung zu. Die Registerkartenauswahl dient der Navigation, die letzte Registerkartenauswahl des Benutzers ist keine Einstellung.
  • Machen Sie die Einstellungen auf einer Seite nicht von den Einstellungen auf anderen Seiten abhängig. Legen Sie stattdessen alle abhängigen Einstellungen auf derselben Seite fest.
  • Wenn Benutzer wahrscheinlich mit der letzten Registerkarte beginnen, müssen Sie die Registerkarte beibehalten, und wählen Sie sie standardmäßig aus. Stellen Sie sicher, dass die Einstellungen fensterweise und benutzerbezogen beibehalten werden. Wählen Sie andernfalls standardmäßig die erste Seite aus.

Symbole

  • Platzieren Sie keine Symbole auf Registerkarten. Symbole führen in der Regel zu unnötigen visuellen Unordnungen, verbrauchen Platz auf dem Bildschirm und verbessern das Verständnis der Benutzer häufig nicht. Fügen Sie nur Symbole hinzu, die das Verständnis unterstützen, z. B. Standardsymbole.

    Falsch:

    Screenshot des Fensters mit Symbolen auf Registerkarten

    In diesem Beispiel fügen die Symbole visuelle Unordnung hinzu und tragen nur wenig zur Verbesserung des Verständnisses der Benutzer bei.

    Ausnahme: Sie können klar erkennbare Symbole verwenden, wenn nicht genügend Platz für die Anzeige aussagekräftiger Bezeichnungen vorhanden ist:

    Richtig:

    Screenshot von Registerkarten mit Symbolen und gekürzten Bezeichnungen

    In diesem Beispiel ist das Fenster so eng, dass Symbole die Registerkarten besser kommunizieren als die Bezeichnungen.

  • Verwenden Sie keine Produktlogos für Registerkartengrafiken. Registerkarten dienen nicht zum Branding.

Dynamisches Fensteroberflächenmuster

  • Verwenden Sie keine Bildlaufleisten auf Registerkartenseiten. Registerkarten funktionieren ähnlich wie Bildlaufleisten, um den effektiven Bereich eines Fensters zu vergrößern. Ein Mechanismus sollte ausreichen.

  • Verwenden Sie prägnante Registerkartenbeschriftungen. Verwenden Sie ein oder zwei Wörter, die den Inhalt der Seite eindeutig beschreiben. Längere Bezeichnungen verbrauchen Bildschirmfläche, insbesondere wenn die Bezeichnungen lokalisiert sind.

  • Verwenden Sie spezifische, aussagekräftige Registerkartenbezeichnungen. Vermeiden Sie generische Registerkartenbezeichnungen, die für jede Registerkarte gelten können, z. B. Allgemein, Erweitert oder Einstellungen.

  • Wenn eine Registerkarte nicht auf den aktuellen Kontext angewendet wird und Benutzer dies nicht erwarten, entfernen Sie sie. Dies vereinfacht die Benutzeroberfläche, und benutzer werden sie nicht verpassen.

    Falsch:

    Screenshot des Optionsfensters mit abgeblendeter Registerkartenname

    In diesem Beispiel ist die Registerkarte Dateispeicherorte fälschlicherweise deaktiviert, wenn Microsoft Word als E-Mail-Editor verwendet wird. Anstatt diese Registerkarte zu deaktivieren, sollte sie entfernt werden, da Benutzer nicht erwarten würden, Dateispeicherorte in diesem Kontext anzuzeigen oder zu ändern.

  • Wenn eine Registerkarte nicht auf den aktuellen Kontext angewendet wird und Benutzer möglicherweise folgendes erwarten:

    • Zeigen Sie die Registerkarte an.
    • Deaktivieren Sie die Steuerelemente auf der Seite.
    • Fügen Sie Text ein, der erläutert, warum die Steuerelemente deaktiviert sind.

    Deaktivieren Sie die Registerkarte nicht, da dies nicht selbsterklärend ist und die Erkundung verhindert. Benutzer, die nach einem bestimmten Wert suchen, wären gezwungen, auf allen anderen Registerkarten nachzuschlagen.

    Screenshot des Fensters mit abgeblendeten Registerkartenoptionen

    In diesem Beispiel gilt keine der Ansichtsoptionen im Leselayout. Benutzer können jedoch erwarten, dass sie basierend auf der Registerkartenbezeichnung angewendet werden, sodass die Seite angezeigt wird, aber die Optionen deaktiviert sind.

Mehrere Ansichten und Dokumentmuster

  • Verwenden Sie die Ansichts- oder Dokumentnamen auf Registerkartenbeschriftungen.
  • Vermeiden Sie zu lange Registerkartennamen. Verwenden Sie bei Bedarf entweder eine maximale Namensgröße, oder kürzen Sie die angezeigte Registerkartenbeschriftung mithilfe von Auslassungspunkten ab. Längere Bezeichnungen verbrauchen Bildschirmfläche, insbesondere wenn die Bezeichnungen lokalisiert sind.
  • Wenn eine Registerkarte nicht auf den aktuellen Kontext zutrifft, entfernen Sie die Registerkarte.

Muster für exklusive Optionen

  • Verwenden Sie dieses Muster nicht! Verwenden Sie stattdessen Optionsfelder oder eine Dropdownliste.

    Falsch:

    Screenshot des Fensters mit zwei Registerkarten

    In diesem Beispiel werden Registerkarten fälschlicherweise als Ersatz für Optionsfelder verwendet.

    Richtig:

    Screenshot des Fensters mit zwei Optionsfeldern

    In diesem Beispiel werden stattdessen Optionsfelder ordnungsgemäß verwendet.

Bezeichnungen

  • Beschriften Sie Registerkarten basierend auf ihrem Muster. Verwenden Sie Nomen anstelle von Verben, ohne die Interpunktion zu beenden. Weitere Informationen finden Sie in den vorherigen Musterrichtlinien.
  • Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.
  • Weisen Sie keinen Zugriffsschlüssel zu. Auf Registerkarten kann über die Tastenkombinationen (STRG+TAB, STRG+UMSCHALT+TAB, STRG+PgUp, STRG+PgDn) zugegriffen werden. Es gibt einen Mangel an guten Zugriffstasten, sodass das Zuweisen von Zugriffsschlüsseln zu Registerkarten die Zuweisung zu anderen Steuerelementen erleichtert.

Dokumentation

Wenn Sie auf Registerkarten verweisen:

  • Verwenden Sie den exakten Bezeichnungstext, einschließlich der Großschreibung, und schließen Sie die Wortregisterkarte ein.
  • Verwenden Sie klicken, um die Benutzerinteraktion zu beschreiben.
  • Formatieren Sie die Bezeichnung nach Möglichkeit mit fettem Text. Andernfalls setzen Sie die Bezeichnung nur in Anführungszeichen, wenn dies erforderlich ist, um Verwechslungen zu vermeiden.
  • Da mehrere Verwendungen mehrdeutig sein können, insbesondere für eine weltweite Zielgruppe, verwenden Sie die Nomenregisterkarte allein, um nur auf ein Registerkartensteuerelement zu verweisen. Für andere Verwendungszwecke klären Sie die Bedeutung mit einem Deskriptor: der TAB-TASTE, einem Tabstopp oder einer Registerkartenmarkierung auf dem Lineal.

Beispiel: Klicken Sie im Menü Extras auf Optionen, und klicken Sie dann auf die Registerkarte Ansicht .