Tabulatoren

Anmerkung

Dieses Designhandbuch wurde für Windows 7 erstellt und wurde für neuere Versionen von Windows nicht aktualisiert. Ein Großteil der Anleitungen gilt weiterhin im Prinzip, aber die Präsentation und Beispiele spiegeln nicht unsere aktuelle Designleitfadenwider.

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

Ein typischer Satz von Registerkarten.

Registerkarten sind in der Regel Eigenschaftenfenstern zugeordnet (und umgekehrt), registerkarten können jedoch in jedem Fenstertyp verwendet werden.

Registerkartensteuerelemente stellen die Ordner im Registerkarten-Manila dar, die zum Organisieren von Informationen in Ablageschränken verwendet werden, die häufig in den USA zu finden sind. (Manila-Ordner werden nicht weltweit verwendet.)

Anmerkung

Richtlinien im Zusammenhang mit Layoutfenstern, Registerkartenmenüs, Dialogfeldernund Eigenschaftenfenster n werden in separaten Artikeln vorgestellt.

Ist dies das richtige Steuerelement?

Berücksichtigen Sie die folgenden Fragen, um sich zu entscheiden:

• Können die Steuerelemente bequem auf eine einzelne Seite mit einer angemessenen Größe passen? Wenn ja, verwenden Sie eine einzelne Seite.
• Gibt es nur eine Registerkarte? Wenn ja, verwenden Sie eine einzelne Seite.
• Sind die Registerkarten auf eine offensichtliche Weise miteinander verknüpft? Falls nicht, sollten Sie die Informationen in separate Fenster verwandter Informationen aufteilen.
• Wenn sie für Einstellungen verwendet wird, sind Einstellungen auf verschiedenen Seiten vollständig unabhängig? Wirkt sich das Ändern einer Einstellung auf einer Seite auf einstellungen auf anderen Seiten aus? Wenn sie nicht unabhängig sind, verwenden Sie stattdessen Aufgabenseiten oder einen Assistenten.
• Sind die Registerkarten meist Peers voneinander oder gibt es eine hierarchische Beziehung? Wenn hierarchisch, sollten Sie die progressive Offenlegung oder untergeordnete Dialogfelder verwenden, um verwandte Informationen anzuzeigen.
• Werden die Registerkarten zum Anzeigen von Schritten innerhalb einer Aufgabe verwendet? Sie können "Registerkarten" verwenden, um Schritte innerhalb einer Aufgabe nur anzuzeigen, wenn sie als Schritte dargestellt werden, und es gibt eine offensichtliche, alternative Möglichkeit, zum Textschritt zu gelangen, z. B. eine Schaltfläche "Weiter". Andernfalls verwenden Sie, wenn die Schritte erforderlich sind, Seiten in einem Seitenfluss oder einem -Assistenten. Wenn die Schritte optional sind, zeigen Sie stattdessen die optionalen Schritte 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. Registerkarten können zwar effektiv zum Ändern von Ansichten verwendet werden, aber die Alternativen sind einfacher.

Verwendungsmuster

Registerkarten weisen mehrere Verwendungsmuster auf:

Verwendung	Beispiel
dynamische Fensteroberfläche Wie Bildlaufleisten können Registerkarten verwendet werden, um den Fensteroberflächenbereich zu vergrößern, um verwandte Informationen anzuzeigen.	Bei diesem Muster ähnelt die Verwendung von Registerkarten konzeptuell dem Linearen Platzieren aller Informationen auf den Registerkarten auf einer einzelnen bildlauffähigen Oberfläche mit den Registerkartenbeschriftungen als Überschriften. In diesem Beispiel erhöhen Registerkarten den Fensteroberflächenbereich effektiv.
Mehrere Ansichten Wie geteilte Schaltflächen oder Dropdownlisten können Registerkarten verwendet werden, um verschiedene Ansichten derselben oder verwandter Informationen anzuzeigen.	In diesem Beispiel ändern Registerkarten Ansichten in einem Dokument.
Mehrere Dokumente Wie mehrere Fenster können Registerkarten verwendet werden, um verschiedene Dokumente in einem einzelnen Fenster anzuzeigen.	In diesen Beispielen zeigen Registerkarten unterschiedliche Dokumente in einem einzigen Anwendungsfenster an.
exklusive Optionen Wie Optionsfelder können Registerkarten verwendet werden, um mehrere exklusive Optionen darzustellen. in diesem Muster wird nur die ausgewählte Registerkarte angewendet, und alle anderen Registerkarten werden ignoriert.	In diesem Beispiel werden Registerkarten (falsch) 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 anstelle einer reinen Möglichkeit, innerhalb des Fensters zu navigieren.

Wenn Sie nur eine Sache tun...

Stellen Sie sicher, dass die Informationen auf den Registerkarten verknüpft sind, und die Einstellungen auf verschiedenen Seiten sind unabhängig. Die letzte ausgewählte Registerkarte sollte keine besondere Bedeutung haben.

Leitlinien

Allgemein

• Horizontale Registerkarten verwenden, wenn:

  • Das Fenster verfügt über sieben oder weniger Registerkarten.
  • Alle Registerkarten passen in eine Zeile, auch wenn die Benutzeroberfläche lokalisiert ist.

• Vertikale Registerkarten verwenden, wenn:

  • Das Eigenschaftenfenster verfügt über acht oder mehr Registerkarten.

  • Die Verwendung horizontaler Registerkarten erfordert mehr als eine Zeile.

    

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

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

• Scrollen Sie nicht mit horizontalen Registerkarten. Horizontaler Bildlauf ist nicht leicht auffindbar. Sie können jedoch vertikale Registerkarten scrollen.

  Falsch:

  

  In diesem Beispiel werden die horizontalen Registerkarten gescrollt.

• Platzieren Sie bei Registerkarten in einem Fenster oder Bereich, deren Größe geändert werden kann, bei Bedarf eine Bildlaufleiste auf der Seite, nicht auf das Fenster oder den Bereich. Die Registerkarten sollten immer sichtbar sein und nicht aus der Ansicht scrollen.

  

  In diesem Beispiel weist die Registerkartenseite die Bildlaufleiste und nicht den Bereich auf.

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

  Falsch:

  

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

Wechselwirkung

• Wenn Steuerelemente nur auf eine Seite angewendet werden, platzieren Sie sie im Rahmen der Registerkartenseite.
• Wenn Steuerelemente auf das gesamte Fenster angewendet werden, platzieren Sie sie außerhalb der Registerkartenseite.
• Weisen Sie den Ändern von 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 letzten ausgewählten Registerkarte keine besondere Bedeutung zu. Die Tabstoppauswahl dient der Navigation, die die letzte Registerkartenauswahl des Benutzers nicht angibt.
• Nehmen Sie die Einstellungen auf einer Seite nicht abhängig von den Einstellungen auf anderen Seiten vor. Platzieren Sie stattdessen alle abhängigen Einstellungen auf derselben Seite.
• Wenn Benutzer wahrscheinlich mit der letzten angezeigten Registerkarte beginnen, müssen Sie die Registerkarte beibehalten und standardmäßig auswählen. Legen Sie fest, dass die Einstellungen pro Fenster pro Benutzer beibehalten werden. Andernfalls wählen Sie standardmäßig die erste Seite aus.

Ikonen

• Platzieren Sie keine Symbole auf Registerkarten. Symbole fügen in der Regel unnötige visuelle Unübersichtlichkeit hinzu, verbrauchen Platz auf dem Bildschirm und verbessern häufig das Verständnis des Benutzers nicht. Fügen Sie nur Symbole hinzu, die das Verständnis unterstützen, z. B. Standardsymbole.

  Falsch:

  

  In diesem Beispiel fügen die Symbole eine visuelle Unübersichtlichkeit hinzu, und machen Sie wenig, um das Verständnis des Benutzers zu verbessern.

  Ausnahme: Sie können deutlich erkennbare Symbole verwenden, wenn möglicherweise nicht genügend Platz zum Anzeigen aussagekräftiger Beschriftungen vorhanden ist:

  Richtig:

  

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

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

Dynamisches Fensteroberflächenmuster

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

• Verwenden Sie präzise Registerkartenbeschriftungen. Verwenden Sie ein oder zwei Wörter, die den Inhalt der Seite deutlich beschreiben. Längere Bezeichnungen verbrauchen Platz auf dem Bildschirm, insbesondere, wenn die Bezeichnungen lokalisiert werden.

• Verwenden Sie bestimmte, aussagekräftige Registerkartenbeschriftungen. Vermeiden Sie generische Registerkartenbeschriftungen, die auf eine beliebige Registerkarte angewendet werden können, z. B. "Allgemein", "Erweitert" oder "Einstellungen".

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

  Falsch:

  

  In diesem Beispiel ist die Registerkarte "Dateispeicherorte" falsch deaktiviert, wenn Microsoft Word als E-Mail-Editor verwendet wird. Anstatt diese Registerkarte zu deaktivieren, sollte sie entfernt werden, da Benutzer in diesem Kontext nicht erwarten würden, dass Dateispeicherorte angezeigt oder geändert werden.

• Wenn sich eine Registerkarte nicht auf den aktuellen Kontext bezieht und benutzer davon ausgehen, dass sie folgendes ist:

  • Zeigt 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 untersagt. Benutzer, die nach einem bestimmten Wert suchen, würden gezwungen sein, auf allen anderen Registerkarten zu suchen.

  

  In diesem Beispiel gelten keine der Ansichtsoptionen im Leselayout. Benutzer erwarten jedoch, dass sie basierend auf der Registerkartenbeschriftung 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 übermäßig lange Registerkartennamen. Wenn erforderlich, haben Sie entweder eine maximale Namensgröße, oder kürzen Sie die angezeigte Registerkartenbeschriftung mithilfe von Auslassungszeichen ab. Längere Bezeichnungen verbrauchen Platz auf dem Bildschirm, insbesondere, wenn die Bezeichnungen lokalisiert werden.
• Wenn eine Registerkarte nicht auf den aktuellen Kontext angewendet wird, entfernen Sie die Registerkarte.

Muster für exklusive Optionen

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

  Falsch:

  

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

  Richtig:

  

  In diesem Beispiel werden Optionsfelder stattdessen ordnungsgemäß verwendet.

Etiketten

• Beschriftungsregisterkarten basierend auf ihrem Muster. Verwenden Sie Nomen anstelle von Verben, ohne Interpunktion zu beenden. Weitere Informationen finden Sie in den vorherigen Musterrichtlinien.
• Verwenden Sie großgeschriebene Sätze.
• Weisen Sie keine Zugriffstaste zu. Registerkarten können über die Tastenkombinationen zugegriffen werden (STRG+TAB, STRG+UMSCHALT+TAB, STRG+PgUp, STRG+PgDn). Es gibt einen Mangel an auswahlmöglichkeiten für Zugriffstasten, sodass das Zuweisen von Zugriffstasten zu Registerkarten die Zuweisung zu anderen Steuerelementen erleichtert.

Dokumentation

Beim Verweisen auf Registerkarten:

• Verwenden Sie den exakten Beschriftungstext, einschließlich der Groß-/Kleinschreibung, und schließen Sie die Wortregisterkarte ein.
• Um die Benutzerinteraktion zu beschreiben, verwenden Sie Klick.
• Formatieren Sie die Beschriftung nach Möglichkeit mit fett formatiertem Text. Platzieren Sie andernfalls die Beschriftung nur dann in Anführungszeichen, wenn dies erforderlich ist, um Verwirrung zu vermeiden.
• Da mehrere Verwendungen mehrdeutig sein können, insbesondere für ein weltweites Publikum, verwenden Sie die Substantivregisterkarte allein, um nur auf ein Registerkartensteuerelement zu verweisen. Für andere Verwendungen klären Sie die Bedeutung mit einem Deskriptor: die TAB-TASTE, einen Tabstopp oder ein Tabstopp im Lineal.

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