Registerkarten

Hinweis

Dieses Entwurfshandbuch wurde für Windows 7 erstellt und nicht für neuere Versionen von Windows. Ein Teil der Anleitungen gilt weiterhin im Prinzip, aber die Darstellung und die Beispiele spiegeln nicht unsere aktuelle Entwurfsanleitung wider.

Registerkarten bieten eine Möglichkeit, verwandte Informationen auf separaten bezeichneten Seiten zu präsentieren.

Screenshot von fünf Registerkarten

Ein typischer Satz von Registerkarten.

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

Registerkartensteuerelemente stellen die Ordner im Registerkartenbett dar, die zum Organisieren von Informationen in Denkschränken verwendet werden, die häufig in der USA. (Ordner "Ordner" werden nicht weltweit verwendet.)

Hinweis

Richtlinien im Zusammenhang mit Layout,Registerkartenmenüs, Dialogfeldernund Eigenschaftenfenstern werden in separaten Artikeln dargestellt.

Ist dies das richtige Steuerelement?

Orientieren Sie sich an folgenden Fragen:

  • Können die Steuerelemente 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 offensichtliche Weise miteinander verknüpft? Falls nicht, sollten Sie die Informationen in separate Fenster verwandter Informationen aufteilen.
  • Sind Einstellungen auf verschiedenen Seiten vollständig unabhängig, wenn sie für Einstellungen verwendet werden? 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 größtenteils Miteinander verknüpft, oder gibt es eine hierarchische Beziehung? Wenn dies hierarchisch ist, sollten Sie die Verwendung von progressiven Offenlegungs- oder untergeordneten Dialogfeldern in Betracht 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 aussehen, und es gibt eine offensichtliche alternative Möglichkeit, zum Textschritt zu kommen, z. B. eine Schaltfläche Weiter. Wenn die Schritte erforderlich sind, verwenden Sie andernfalls 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 der gleichen Daten? Wenn dies der Fall ist, sollten Sie eine geteilte Schaltfläche oder Dropdownliste verwenden, um Ansichten zu ändern. Registerkarten können zwar effektiv zum Ändern von Ansichten verwendet werden, die Alternativen sind jedoch schlanker.

Verwendungsmuster

Registerkarten haben mehrere Verwendungsmuster:

Verwendung Beispiel
Dynamische Fensteroberfläche
Wie Bildlaufleisten können Registerkarten verwendet werden, um die Fensteroberfläche so zu erhöhen, dass verwandte Informationen angezeigt werden.
Bei diesem Muster ähnelt die Verwendung von Registerkarten konzeptionell dem linearen Platzieren aller Informationen auf den Registerkarten auf einer einzelnen bildlaufbaren Oberfläche mit den Registerkartenbezeichnungen als Überschriften.
Screenshot von fünf Registerkarten
In diesem Beispiel erhöhen 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 zu zeigen.
Screenshot der Registerkarten "Entwurf", "Teilen" und "Vorschau"
In diesem Beispiel ändern Registerkarten ansichten innerhalb eines Dokuments.
Mehrere Dokumente
Wie mehrere Fenster können Registerkarten verwendet werden, um verschiedene Dokumente in einem einzelnen Fenster anzuzeigen.
Screenshot von drei Registerkarten für verschiedene Dokumente
Abbildung der 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 wird nur die ausgewählte Registerkarte angewendet, und alle anderen Registerkarten werden ignoriert.
Screenshot der Registerkarten "Speicherort", "Daten" und "Meldungen"
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 wie eine Einstellung und nicht als eine möglichkeit, innerhalb des Fensters zu navigieren.

Wenn Sie nur eins tun...

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

Richtlinien

Allgemein

  • Verwenden Sie horizontale Registerkarten, wenn:

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

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

    • Die Verwendung horizontaler Registerkarten würde mehr als eine Zeile erfordern.

      Screenshot des Eigenschaftenfensters mit elf Optionen

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

  • Schachteln Sie keine Registerkarten, und kombinieren Sie keine horizontalen 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 leicht erkennbar. Sie können jedoch vertikale Registerkarten scrollen.

    Falsch:

    Screenshot der abgeschnittenen horizontalen Registerkartenbezeichnung

    In diesem Beispiel werden die horizontalen Registerkarten gescrollt.

  • Legen Sie für Registerkarten in einem Fenster oder Bereich, in dem die Größe geändert werden kann, bei Bedarf eine Bildlaufleiste auf der Seite und nicht im Fenster oder Bereich ab. Die Registerkarten sollten immer sichtbar sein und nicht aus der Ansicht heraus scrollen.

    Screenshot der vertikalen Registerkartenseite mit Bildlaufleiste

    In diesem Beispiel enthält die Registerkarte die Bildlaufleiste, nicht den Bereich.

  • Stellen Sie sicher, dass die Registerkarten wie Registerkarten und nicht wie andere Steuerelementtypen 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 sich ändernden Registerkarten keine Effekte zu. Auf Registerkarten muss in beliebiger Reihenfolge zugegriffen werden können. Das Ändern der aktuellen Registerkarte sollte niemals Nebeneffekte haben, Einstellungen anwenden oder zu einer Fehlermeldung führen.
  • Weisen Sie der zuletzt ausgewählten Registerkarte keine besondere Bedeutung zu. Die Registerkartenauswahl ist für die Navigation der letzten Registerkartenauswahl des Benutzers 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 ab.
  • Wenn Benutzer wahrscheinlich mit der letzten angezeigten Registerkarte beginnen, lassen Sie die Registerkarte beibehalten, und wählen Sie sie standardmäßig aus. Sorgen Sie dafür, dass die Einstellungen pro Fenster und pro Benutzer beibehalten werden. Wählen Sie andernfalls standardmäßig die erste Seite aus.

Symbole

  • Legen Sie keine Symbole auf Registerkarten ab. Symbole fügen in der Regel unnötige visuelle Überordnung hinzu, nutzen Bildschirmraum und verbessern häufig nicht das Benutzerverständnis. 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 Überordnung hinzu und tragen nur wenig zur Verbesserung des Benutzerverständnisses bei.

    Ausnahme: Sie können eindeutig erkennbare Symbole verwenden, wenn möglicherweise nicht genügend Speicherplatz vorhanden ist, um aussagekräftige Bezeichnungen anzuzeigen:

    Richtig:

    Screenshot von Registerkarten mit Symbolen und verkürzten Bezeichnungen

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

  • Verwenden Sie keine Produktlogos für Registerkartengrafiken. Registerkarten sind nicht für das Brandingvon vorgesehen.

Dynamisches Fensteroberflächenmuster

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

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

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

  • Wenn eine Registerkarte nicht für den aktuellen Kontext gilt und Benutzer dies nicht erwarten, entfernen Sie sie. Dadurch wird die Benutzeroberfläche vereinfacht, und Benutzer werden sie nicht übersehen.

    Falsch:

    Screenshot des Optionsfensters mit abgeblendeter Registerkartenname

    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 nicht erwarten würden, Dateispeicherorte in diesem Kontext anzuzeigen oder zu ändern.

  • Wenn eine Registerkarte nicht für den aktuellen Kontext gilt und Benutzer dies möglicherweise erwarten:

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

    Deaktivieren Sie die Registerkarte nicht, da dies nicht selbsterklärend ist und das Erkunden verhindert. Benutzer, die nach einem bestimmten Wert suchen, müssen auf allen anderen Registerkarten suchen.

    Screenshot des Fensters mit abgeblendeten Optionen der Registerkarte "Ansicht"

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

Mehrere Ansichten und Dokumentmuster

  • Verwenden Sie die Ansichts- oder Dokumentnamen für Registerkartenbezeichnungen.
  • Vermeiden Sie übermäßig lange Registerkartennamen. Weisen Sie bei Bedarf entweder eine maximale Namensgröße auf, oder kürzen Sie die angezeigte Registerkartenbezeichnung mithilfe von Ellipsen. Längere Bezeichnungen verbrauchen Bildschirmspeicherplatz, insbesondere wenn die Bezeichnungen lokalisiert sind.
  • Wenn eine Registerkarte nicht für den aktuellen Kontext gilt, 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 "Erstellen"-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 Optionsfelder stattdessen ordnungsgemäß verwendet.

Bezeichnungen

  • Bezeichnungsregisterkarten basierend auf ihrem Muster. Verwenden Sie Nomen anstelle von Verben, ohne die Interpunktion zu beenden. Weitere Informationen finden Sie in den obigen Musterrichtlinien.
  • Verwenden Sie für Überschriften die Standardgroß- und kleinschreibung.
  • Weisen Sie keinen Zugriffsschlüssel zu. Auf Registerkarten kann über ihre Tastenkombinationen zugegriffen werden (STRG+TAB, STRG+UMSCHALT+TAB, STRG+PGUP, STRG+PgDn). Es gibt einen Mangel an guten Zugriffsschlüsseloptionen, sodass die Zuweisung von Zugriffsschlüsseln zu Registerkarten es einfacher macht, sie anderen Steuerelementen zuzuweisen.

Dokumentation

Beim Verweisen auf Registerkarten:

  • Verwenden Sie den genauen Bezeichnungstext, einschließlich der Groß-/Großschreibung, und schließen Sie die Wortregisterkarte ein.
  • Um die Benutzerinteraktion zu beschreiben, klicken Sie auf .
  • Formatieren Sie die Bezeichnung nach Möglichkeit mit fett formatiertem 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 globale Zielgruppe, verwenden Sie die Nomenregisterkarte allein, um nur auf ein Registerkartensteuerelement zu verweisen. Für andere Verwendungszwecke verdeutlichen Sie die Bedeutung mit einem Deskriptor: der TAB-TASTE, einem Tabstopp oder einer Tabstoppmarkierung auf dem Lineal.

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