Strukturansichten

Mit einer Strukturansicht können Benutzer eine hierarchisch angeordnete Sammlung von Objekten anzeigen und mit dieser interagieren, indem sie entweder eine einzelne Auswahl oder eine Mehrfachauswahl verwenden.

In einer Struktur werden Objekte, die Daten enthalten, als Blattknoten und Objekte bezeichnet, die andere Objekte enthalten, als Containerknoten bezeichnet. Ein einzelner, oberster Containerknoten wird als Stammknoten bezeichnet. Benutzer können Containerknoten erweitern und reduzieren, indem Sie auf die Schaltflächen "Plus" und "Minus" klicken.

Eine typische Strukturansicht.

Ist dies das richtige Steuerelement?

Das Vorhandensein hierarchischer Daten bedeutet nicht, dass Sie eine Strukturansicht verwenden müssen. Sehr oft ist eine Listenansicht eine einfachere und noch leistungsfähigere Wahl. Listenansichten:

• Unterstützen Sie mehrere verschiedene Ansichten.
• Unterstützt das Sortieren von Daten nach einer der Spalten in der Detailansicht.
• Unterstützen Sie das Organisieren von Daten in Gruppen, indem Sie eine Hierarchie mit zwei Ebenen bilden.

Um eine Listenansicht zu verwenden, können Sie hierarchische Informationen mithilfe der folgenden Techniken flacher machen:

• Entfernen Sie den Stammknoten, falls vorhanden, da er häufig nicht erforderlich ist.

• Verwenden Sie Listenansichtsgruppen, Registerkarten, Dropdownlistenoder erweiterbare Überschriften, um die Container der obersten Ebene zu ersetzen.

  

  In diesem Beispiel werden Listenansichtsgruppen für die Container der obersten Ebene verwendet.

  

  In diesem Beispiel werden Registerkarten für die Container der obersten Ebene verwendet.

  

  In diesem Beispiel wird eine Dropdownliste für die Container der obersten Ebene verwendet.

• Wenn ein zugeordnetes Steuerelement den Inhalt des ausgewählten Containers anzeigt, kann dieses Steuerelement niedrigere Ebenen der Hierarchie anzeigen.

  

  In diesem Beispiel werden Container auf niedriger Ebene im Dokumentfenster angezeigt.

Sie müssen eine Strukturansicht verwenden, wenn Sie eine Hierarchie mit mehr als zwei Ebenen anzeigen müssen (nicht einschließlich des Stammknotens).

Um zu entscheiden, ob eine Strukturansicht das richtige Steuerelement ist, sollten Sie die folgenden Fragen in Betracht ziehen:

• Sind die Daten hierarchisch? Wenn nicht, verwenden Sie ein anderes Steuerelement.
• Verfügt die Hierarchie über mindestens drei Ebenen (nicht einschließlich der Stammebene)? Wenn dies nicht der Fall ist, sollten Sie Alternativen wie Listenansichtsgruppen, Registerkarten, Dropdownlisten oder erweiterbare Überschriften in Betracht ziehen.
• Verfügen die Elemente über Hilfsdaten? Wenn ja, sollten Sie eine Listenansicht im Detailansichtsmodus verwenden, um die Zusätzlichen Daten vollständig zu nutzen.
• Bezieht sich die Daten auf niedrigerer Ebene auf unabhängige Teilvorgänge? In diesem Zusammenhang sollten Sie die Informationen in einem zugeordneten Steuerelement oder in einem separaten Fenster anzeigen (mit Befehlsschaltflächen oder Linksangezeigt).
• Sind die Zielbenutzer erweitert? Erweiterte Benutzer sind erfahrener bei der Verwendung von Bäumen. Wenn Ihre Anwendung auf Anfänger ausgerichtet ist, vermeiden Sie die Verwendung von Strukturansichten.
• Verfügen die Elemente über eine einzelne, natürliche, hierarchische Kategorisierung, die den meisten Benutzern vertraut ist? Wenn ja, sind die Daten ideal für eine Strukturansicht geeignet. Wenn mehrere Ansichten oder Sortierungen erforderlich sind, verwenden Sie stattdessen eine Listenansicht.
• Müssen Benutzer die Daten auf niedrigerer Ebene in einigen, aber nicht in allen Szenarien oder in einigen, aber nicht in allen Fällen sehen? Wenn ja, sind die Daten ideal für eine Strukturansicht geeignet.

Designkonzepte

Bäume sollen Daten organisieren und das Auffinden erleichtern, aber es ist schwierig, Daten in einer Struktur leicht zu erkennen. Beachten Sie bei der Entscheidung über Strukturansichten und deren Organisation die folgenden Prinzipien.

Vorhersehbarkeit und Auffindbarkeit

Eine Strukturansicht basiert auf den Beziehungen zwischen Objekten. Bäume funktionieren am besten, wenn die Objekte eine klare, bekannte, sich gegenseitig ausschließende Beziehung bilden, in der jedes Objekt einem einzelnen, leicht zu bestimmenden Container zugeordnet ist.

Ein erhebliches Problem besteht darin, dass ein Objekt in verschiedenen Knoten angezeigt werden kann. Wo würden Benutzer beispielsweise erwarten, dass ein Hardwaregerät gefunden wird, das Musik wiedergibt, über eine große Festplatte verfügt und einen USB-Anschluss verwendet? Vielleicht in einem von mehreren verschiedenen Containerknoten, z. B. Multimedia, Speicher, USB und möglicherweise in Hardwareressourcen. Eine Lösung besteht darin, jedes Objekt unabhängig von den Umständen unter den einzelnen am besten geeigneten Containern zu platzieren; Ein weiterer Ansatz besteht darin, jedes Objekt unter allen Containern zu platzieren, die angewendet werden. Die erste fördert eine einfache, saubere Hierarchie und letztere fördert die Auffindbarkeit, die jede vorteile und potenzielle Probleme hat.

Benutzer verstehen möglicherweise nicht vollständig das Layout der Struktur, aber sie bilden ein mentales Modell der Beziehungen nach der Interaktion mit der Struktur für eine Weile. Wenn dieses mentale Modell falsch ist, führt es zu Verwirrung. Angenommen, ein Musikplayer befindet sich in den Multimedia-, Speicher- und USB-Containern. Diese Anordnung verbessert die Auffindbarkeit. Wenn ein Benutzer das Gerät zuerst in Multimedia findet, kann der Benutzer schließen, dass alle Geräte wie Musikplayer im Multimediacontainer angezeigt werden. Der Benutzer erwartet dann ähnliche Geräte, wie z. B. Digitalkameras, im Multimedia-Container und wird verwechselt, wenn dies nicht der Fall ist.

Die Herausforderung beim Entwerfen einer Struktur besteht darin, die Auffindbarkeit mit einem vorhersagbaren Benutzermodell auszugleichen, das Verwirrung minimiert.

Breite vs. Tiefe

Benutzerfreundlichkeitsstudien haben gezeigt, dass Benutzer bei der Suche nach Objekten in einem Baum, der breit ist als in einem Baum, der tiefist, erfolgreicher sind. Daher sollten Sie beim Entwerfen einer Struktur breite Breite bevorzugen. Im Idealfall sollte eine Struktur nicht mehr als vier Ebenen aufweisen (nicht den Stammknoten zählen), und die am häufigsten verwendeten Objekte sollten in den ersten beiden Ebenen angezeigt werden.

Weitere Grundsätze

• Wenn Benutzer das gesuchte Gesuchte finden, werden sie nicht mehr gesucht. Sie sehen nicht, wo sonst ein Objekt gefunden werden kann, da sie nicht benötigt werden. Diese Benutzer können davon ausgehen, dass der erste gefundene Pfad der einzige Pfad ist.
• Benutzer haben Probleme beim Auffinden von Objekten in großen, komplexen Bäumen. Benutzer führen keine vollständige manuelle Suche durch, um Objekte in solchen Bäumen zu finden; sie stoppen, sobald sie glauben, dass sie einen angemessenen Aufwand unternommen haben. Daher müssen große, komplexe Bäume durch andere Zugriffsmethoden wie die Wortsuche, einen Index oder filterung ergänzt werden.
• Einige Programme ermöglichen Es Benutzern, eigene Bäume zu erstellen. Während solche selbst gestalteten Bäume möglicherweise mit dem mentalen Modell eines Benutzers ausgerichtet werden, werden sie oft haphazard und schlecht gepflegt. Während z. B. ein Dateisystem, ein E-Mail-Programm und eine Favoritenliste in der Regel ähnliche Informationstypen speichern, stört es benutzer selten, sie auf die gleiche Weise zu organisieren.

Wenn Sie nur eine Sache tun...

Berücksichtigen Sie sorgfältig die Vorteile und Nachteile der Verwendung von Baumansichten. Wenn Sie hierarchisch angeordnete Daten haben, bedeutet dies nicht, dass Sie eine Strukturansicht verwenden müssen.

Verwendungsmuster

Strukturansichten weisen mehrere Verwendungsmuster auf:

Verwendung	Beispiel
Strukturansichten mit nur Containerknoten Benutzer können jeweils einen Container anzeigen und mit ihnen interagieren.	In der Regel verfügen diese Strukturansichten über ein zugeordnetes Steuerelement, das den Inhalt des ausgewählten Containers anzeigt, sodass Benutzer jeweils nur mit einem Container interagieren können. In diesem Beispiel enthält die Strukturansicht nur Containerknoten. Der Inhalt des ausgewählten Knotens wird im zugeordneten Listenansichtssteuerelement angezeigt.
Strukturansichten mit Container- und Blattknoten Benutzer können Container anzeigen und mit ihnen interagieren und verlassen.	In der Regel verfügen diese Strukturansichten über ein zugeordnetes Steuerelement, das den Inhalt des ausgewählten Containers oder Blatts anzeigt. Wenn Benutzer mit Blättern interagieren können, ist es häufig erforderlich, mehrere Auswahlmöglichkeiten zu unterstützen. In diesem Beispiel verfügt die Strukturansicht über Container- und Blattknoten. da die Mehrfachauswahl unterstützt wird, werden die Inhalte der geöffneten Elemente mithilfe Registerkarten im zugeordneten Steuerelement angezeigt. Alternativ kann die Strukturansicht eine organisierte Liste aufweisen, in der die Container Überschriften und die Blätter Optionen sind. In diesem Beispiel sind die Strukturblätter Optionen, und die Container sind Optionskategorien.
Kontrollkästchenstrukturansichten Benutzer können eine beliebige Anzahl von Elementen auswählen, einschließlich keiner.	Die Kontrollkästchen weisen eindeutig darauf hin, dass mehrfache Auswahl möglich ist. Verwenden Sie dieses Strukturmuster, wenn eine Mehrfachauswahl unerlässlich oder häufig verwendet wird. In diesem Beispiel ermöglicht eine Kontrollkästchenstrukturansicht das Aktivieren oder Deaktivieren von Features.
Strukturansichts-Generatoren Benutzer können eine Struktur erstellen, indem Sie jeweils einen Container oder ein Blatt hinzufügen und optional die Reihenfolge festlegen.	Viele Bäume können von Benutzern erstellt oder geändert werden. einige Bäume werden mithilfe von Kontextmenüs und Drag-and-Drop (z. B. den Ordnern im Windows-Explorer) erstellt, während andere Strukturen mithilfe eines speziellen Dialogfelds erstellt werden (z. B. die Favoritenliste in Windows Internet Explorer). In diesem Beispiel aus Internet Explorer können Benutzer ihre eigene Liste der Favoriten mithilfe eines Dialogfelds erstellen.
Strukturansichten mit alternativen Zugriffsmethoden Benutzer können Objekte auf andere Weise als die Verwendung einer hierarchischen Struktur finden.	Wie bereits erwähnt, haben Benutzer Probleme beim Auffinden von Objekten in großen, komplexen Bäumen, sodass solche Bäume durch andere Zugriffsmethoden wie z. B. eine Wortsuche, einen Index oder eine Filterung ergänzt werden sollten. In diesem Beispiel können Benutzer auch mithilfe eines Inhaltsverzeichnisses, eines Indexes und favoriten auf Informationen zugreifen. für einige Benutzer können die Registerkarten "Index" und "Suchen" nützlicher sein als die Registerkarte "Inhalt". In diesem Beispiel ermöglicht das Windows-Startmenü benutzern auch den Zugriff auf Programme, Dateien und Webseiten, indem sie einen Teil des Namens in das Suchfeld eingeben.

Leitlinien

Präsentation

• Sortieren Sie die Elemente in einem Container in einer logischen Reihenfolge. Sortieren Sie Namen in alphabetischer Reihenfolge, Zahlen in numerischer Reihenfolge und Datumsangaben in chronologischer Reihenfolge.

• Verwenden Des Always Show Selection-Attributs, damit Benutzer das ausgewählte Element leicht bestimmen können, auch wenn das Steuerelement keinen Eingabefokus hat.

• Wenn die Struktur als Inhaltsverzeichnis fungiert, verwenden Sie das Single Expand-Attribut, um die Verwaltung der Struktur zu vereinfachen. Auf diese Weise wird nur der relevante Teil der Struktur erweitert.

• Vermeiden Sie leere Bäume. Wenn ein Benutzer eine Struktur erstellt, initialisieren Sie die Struktur mit Anweisungen oder Beispielelementen, die Benutzer möglicherweise benötigen.

  

  In diesem Beispiel wird die Liste zunächst mit Beispielen dargestellt.

• Reduzieren Sie die Containerknoten nicht, wenn Benutzer keinen Grund haben, sie zu reduzieren. Dadurch wird unnötige Komplexität hinzugefügt.

• Wenn die Ladeleistung ein Problem darstellt, zeigen Sie standardmäßig nur die Container der ersten und zweiten Ebene der Struktur an. Sie können dann zusätzliche Daten bei Bedarf laden, wenn ein Benutzer Verzweigungen in der Struktur erweitert.

• Wenn Benutzer einen Container erweitern oder reduzieren, müssen Sie diesen Zustand beibehalten, sodass er wirksam wird, wenn die Strukturansicht das nächste Malangezeigt wird, es sei denn, Benutzer bevorzugen wahrscheinlich den Start im Standardzustand. Persistenz sollte pro Strukturansicht pro Benutzer erfolgen.

• Wenn Container auf hoher Ebene ähnliche Inhalte aufweisen, sollten Sie visuelle Hinweise verwenden, um sie zu unterscheiden.

  Falsch:

  

  In diesem Beispiel weisen die Postfach- und Archivordner ähnliche Inhalte auf. Sobald die Bäume weiter erweitert wurden, ist es für die Benutzer sehr schwierig zu wissen, wo sie sich im Baum befinden, was zu Verwirrung führt. Die Verwendung geringfügig unterschiedlicher Symbole in den verschiedenen Abschnitten würde dieses Problem beheben.

• Überdenken Sie verbindungslinien. Obwohl diese Linien eindeutig Beziehungen zwischen Container- und Blattknoten zeigen, fügen sie visuellen Clutter hinzu, ohne das Verständnis erheblich zu unterstützen. Insbesondere helfen sie nicht, wenn Knoten nah beieinander sind, noch helfen sie, wenn Knoten so weit auseinander liegen, dass ein Bildlauf erforderlich ist.

  Richtig:

  

  Besser:

  

  Die Verbindungslinien sind nur wenig zu verstehen.

Wechselwirkung

• Erwägen Sie, ein Doppelklickverhalten bereitzustellen. Das Doppelklicken sollte denselben Effekt haben wie das Auswählen eines Elements und das Ausführen des Standardbefehls.

• Machen Sie das Doppelklickverhalten redundant. Es sollte immer eine Befehlsschaltfläche oder ein Kontextmenübefehl vorhanden sein, der denselben Effekt hat.

• Wenn ein Element eine weitere Erläuterung erfordert, die Erläuterung in einer Infoinfobereitstellen.

  

  In diesem Beispiel enthält eine Infoinfo weitere Informationen.

• Stellen Sie Kontextmenüs relevanter Befehle bereit. Zu diesen Befehlen gehören "Ausschneiden", "Kopieren", "Einfügen", "Entfernen" oder "Löschen", "Umbenennen" und "Eigenschaften".

• Wenn Sie eine Strukturansicht deaktivieren, deaktivieren Sie auch alle zugehörigen Bezeichnungen und Befehlsschaltflächen.

Strukturorganisation

• Verwenden Sie eine natürliche hierarchische Struktur, die den meisten Benutzern vertraut ist.
• Wenn Sie eine solche Struktur nicht verwenden können, versuchen Sie, die Auffindbarkeit mit einem vorhersehbaren Benutzermodell zu ausgleichen, das Verwirrung minimiert.
• Um die Auffindbarkeit zu verbessern, platzieren Sie ein Element in mehreren Containern, wenn:
  • Das Element ist nicht mit anderen ähnlichen Elementen verknüpft (sodass Benutzer nicht durch falsche Zuordnungen verwechselt werden).
  • Es gibt nur einige dieser redundant gefundenen Elemente (sodass die Struktur nicht aufgebläht wird).
• Verwenden Sie die einfachste hierarchische Struktur, die gut funktioniert. Gehen Sie dazu wie folgt vor:
  • Platzieren Sie die am häufigsten verwendeten Objekte in den ersten beiden Ebenen der Struktur (ohne den Stammknoten zu zählen), und platzieren Sie weniger häufig verwendete Objekte weiter unten in der Hierarchie.
  • Vermeiden Sie unnötige Container auf mittlerer Ebene oder kombinieren Sie redundante Container auf mittlerer Ebene.
• Bevorzugen Sie Breite über Tiefe. Im Idealfall sollte eine Struktur nicht mehr als vier Ebenen aufweisen, und die am häufigsten verwendeten Objekte sollten in den ersten beiden Ebenen angezeigt werden.
• Ermitteln Sie, ob Sie wirklich einen Stammknoten benötigen. Stellen Sie einen Stammknoten bereit, wenn Benutzer Befehle in der gesamten Struktur ausführen müssen (möglicherweise mithilfe eines Kontextmenüs auf dem Stammknoten). Andernfalls ist die Struktur einfacher und einfacher zu verwenden.
• Wenn die Struktur über alternative Zugriffsmethoden wie eine Wortsuche oder einen Index verfügt, optimieren Sie die Struktur für das Browsen, indem Sie sich auf die nützlichsten Inhalte konzentrieren. Bei alternativen Zugriffsmethoden muss der Inhalt der Struktur nicht umfassend sein. Die Vereinfachung der Struktur erleichtert Benutzern das Auffinden der nützlichsten Inhalte.

Kontrollkästchenstrukturansichten

• Die Anzahl der ausgewählten Elemente unterhalb der Listeanzeigen, insbesondere, wenn Benutzer wahrscheinlich mehrere Elemente auswählen. Dieses Feedback hilft Benutzern zu bestätigen, dass ihre Auswahl korrekt ist.

  

  In diesem Beispiel wird die Anzahl der ausgewählten Elemente unterhalb der Struktur angezeigt. Es ist klar, dass zwei Elemente nicht ausgewählt sind.

• Wenn möglicherweise viele Elemente vorhanden sind und alle Elemente ausgewählt oder gelöscht werden, fügen Sie "Alle auswählen" und "Alle Befehlsschaltflächen löschen" hinzu.

• Verwenden Sie Kontrollkästchen mit gemischtem Zustand, um die Teilweiseauswahl der Elemente in einem Container anzugeben.

  Richtig:

  

  In diesem Beispiel werden die Kontrollkästchen für gemischte Zustände verwendet, um die Teilweiseauswahl anzugeben.

Empfohlene Größenanpassung und Abstand

Empfohlene Größenanpassung und Abstand für Strukturansichtssteuerelemente.

• Wählen Sie eine Breite der Strukturansicht aus, die die Notwendigkeit eines horizontalen Bildlaufs für die meisten Elemente vermeidet, wenn die Struktur vollständig erweitert wird.

• Fügen Sie zusätzliche 30 Prozent hinzu, um die Lokalisierung zu berücksichtigen.

• Wählen Sie eine Höhe der Strukturansicht aus, die unnötigen vertikalen Bildlauf verhindert. Erwägen Sie, eine Strukturansicht etwas länger zu machen (oder sogar noch mehr, wenn verfügbarer Platz vorhanden ist), wenn dies die Notwendigkeit einer vertikalen Bildlaufleiste verringert.

  Falsch:

  

  In diesem Beispiel würden die Bildlaufleisten in den meisten Fällen dadurch beseitigt, dass die Strukturansicht etwas breiter und länger ist. In dieser bestimmten Struktur kann jeweils nur ein Container geöffnet werden.

• Wenn Benutzer davon profitieren, die Strukturansicht zu vergrößern, können Sie die Strukturansicht und die Größe des übergeordneten Fensters ändern. Auf diese Weise können Benutzer die Größe der Strukturansicht nach Bedarf anpassen.

Etiketten

Steuerelementbeschriftungen

• Alle Strukturansichten benötigen Beschriftungen. Schreiben Sie die Beschriftung als Wort oder Ausdruck, nicht als Satz, endet mit einem Doppelpunkt, und verwenden Sie statischen Text.

• Weisen Sie eine eindeutige Zugriffstaste zu. Anleitungen zu Aufgaben finden Sie unter Tastatur-.

• Verwenden Sie großgeschriebene Sätze.

• Positionieren Sie die Beschriftung über dem Steuerelement, und richten Sie die Beschriftung am linken Rand des Steuerelements aus.

• Schreiben Sie für Mehrfachauswahlstrukturansichten die Beschriftung so, dass eine Mehrfachauswahl möglich ist. Kontrollkästchen-Strukturansichtsbeschriftungen können weniger explizit sein.

  Falsch:

  

  In diesem Beispiel enthält die Bezeichnung keine Informationen zur Mehrfachauswahl.

  Besser:

  

  In diesem Beispiel weist die Beschriftung eindeutig darauf hin, dass eine Mehrfachauswahl möglich ist.

  Am besten:

  

  In diesem Beispiel weisen die Kontrollkästchen eindeutig darauf hin, dass mehrfache Auswahl möglich ist, sodass die Beschriftung nicht explizit sein muss.

Datentext

• Verwenden Sie großgeschriebene Sätze.

Anweisungstext

• Wenn Sie Anweisungstext zu einer Strukturansicht hinzufügen müssen, fügen Sie ihn oberhalb der Beschriftung hinzu. Verwenden Sie vollständige Sätze mit der endenden Interpunktion.

• Verwenden Sie großgeschriebene Sätze.

• Ergänzende Erklärungen, die hilfreich, aber nicht notwendig sind, sollten kurz gehalten werden. Platzieren Sie diese Informationen entweder in Klammern zwischen der Beschriftung und dem Doppelpunkt, nach der Hauptanweisung, wenn sie anstelle einer Beschriftung oder unterhalb des Steuerelements verwendet wird.

  

  In diesem Beispiel befindet sich die ergänzende Erläuterung unter dem Steuerelement.

Dokumentation

Beim Verweisen auf Strukturansichten:

• Verwenden Sie den exakten Beschriftungstext, einschließlich der Groß-/Kleinschreibung, aber nicht den Unterstrich oder den Doppelpunkt der Zugriffstaste. Schließen Sie die Wortliste oder hierarchische Liste ein, wenn der Kontext eine Unterscheidung von regulären Listen erfordert.
• Verwenden Sie für Strukturelemente den exakten Elementtext, einschließlich der Großschreibung.
• Verweisen Sie auf Strukturansichten nur in der Programmierung und anderen technischen Dokumentationen als Strukturansichten. Überall sonst verwenden Sie Listen- oder hierarchische Liste, da die Begriffsstruktur für die meisten Benutzer verwirrend ist.
• Um die Benutzerinteraktion zu beschreiben, verwenden Sie die Auswahl für die Daten, und erweitern und reduzieren Sie die Plus- und Minusschaltflächen.
• Formatieren Sie die Beschriftungs- und Strukturelemente nach Möglichkeit fett formatiert. Platzieren Sie andernfalls die Beschriftung und Die Elemente nur dann in Anführungszeichen, wenn dies erforderlich ist, um Verwirrung zu vermeiden.

Beispiel: Wählen Sie in der Liste InhaltBenutzeroberflächenentwurfaus.

Beim Verweisen auf Kontrollkästchen in einer Strukturansicht:

• Verwenden Sie den exakten Beschriftungstext einschließlich großgeschriebener Text, und schließen Sie das Kontrollkästchen "Wörter" ein. Fügen Sie nicht den Unterstrich der Zugriffstaste ein.
• Um die Benutzerinteraktion zu beschreiben, verwenden Sie "Auswählen" und "Löschen".
• 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.

Beispiel: Aktivieren Sie in der liste Elemente, die gesichert werden sollen, das Kontrollkästchen "Meine Dokumente".