Die Rückkehr nach China fiel zufällig mit der UXday-Veranstaltung der Baidu User Experience-Abteilung zusammen. Das Thema unserer Gruppendiskussion waren Tabus bei der Verwendung von Tabs.
Das von uns besprochene Thema konzentrierte sich auf einen Punkt: Wie gehe ich mit riesigen Tabs um?
Schauen wir uns zunächst die Geschichte von Tab an. Die Registerkarte hier ist ein allgemeiner Begriff für eine Art interaktiver Elemente, einschließlich der Navigation im Webdesign und der Verwendung in Desktop-Software wie Browsern. Interaktive Elemente, sogenannte Tabs, weisen im Allgemeinen die folgenden zwei Eigenschaften auf:
Es hat sowohl Aktions- als auch Statusbedeutungen. Ein Grund für die Beliebtheit von Tabs liegt darin, dass sie einfach zu bedienen sind und gleichzeitig dem Benutzer klar zeigen, wo er sich gerade befindet (Tab).
Aus Sicht der Informationsarchitektur überlappen sich die Inhalte zwischen den Registerkarten im Allgemeinen nicht. Und die Beziehung zwischen den Registerkarten sollte gleich sein und es sollte keine gegenseitige Zugehörigkeit bestehen.
Im weitesten Sinne können die meisten Navigationsmenüs also auf Registerkarten reduziert werden.
Die Verwendung von Tabs im Webdesign gilt allgemein als Pionier von Amazon. Ich glaube, viele von Ihnen haben den klassischen Rezensionsartikel von LukeW gelesen: Die Geschichte der Tab-Navigation von Amazon (für die chinesische Version klicken Sie bitte hier). Aus diesem Artikel können wir ersehen, dass sich die Navigation von Amazon von nur zwei Registerkarten: „Buch“ und „Musik“ zu zwei Registerkartenreihen entwickelt hat, als sie im Jahr 2000 ihren Höhepunkt erreichte. Wenn die Anzahl der Tabs zunimmt, stößt die Tab-Interaktionsmethode offensichtlich auf einige Schwierigkeiten.
Ein weiteres Beispiel ist das Dialogfeld „Einstellungen“ in Word 2003. Wie in der Abbildung unten gezeigt, muss Microsoft die Etiketten in zwei Reihen anordnen, wenn zu viele Beschriftungen vorhanden sind und der Anzeigeraum begrenzt ist. Ein großes Problem dabei ist, wie die Beziehung zwischen dem ausgewählten Status und der aktuellen Inhaltsseite ausgedrückt werden soll, wenn die obere Beschriftungsreihe ausgewählt wird.
Das Vorgehen von Microsoft wurde kritisiert. Wenn der Benutzer im Bild oben auf die obere Beschriftungsreihe klickt, wird die obere Zeile automatisch mit der unteren Zeile vertauscht, um eine enge Beziehung zwischen den Beschriftungen und der Inhaltsseite aufrechtzuerhalten. Allerdings macht dieser Ansatz die Position des Labels sehr inkonsistent. Ich glaube, dass viele Menschen die gleiche verwirrende Erfahrung machen.
In einigen anderen Programmen wie Firefox 3 (wie unten gezeigt) wird beim Klicken auf die Beschriftung der oberen Zeile die Beschriftungsanzeige nur in den ausgewählten Status geändert. Dies hat den Vorteil, dass die Konsistenz der Beschriftungsposition erhalten bleibt Einige Positionsangaben gehen verloren.
Wenn also mehrere Etikettenreihen keine gute Idee sind, wie gehen Sie dann mit vielen davon um?
Eine naheliegende Idee besteht darin, die Etikettenanordnung von der üblichen horizontalen auf eine vertikale Anordnung zu ändern. Im Allgemeinen befindet sich diese Anordnung auf der linken Seite der Ansicht und kann in Form von Symbolen oder Text erfolgen.
Allerdings gibt es bei diesem Ansatz einige Probleme. Erstens: Wenn der Etikettenname sehr lang ist, nimmt er viel wertvollen freien Platz ein, und dieser Platz steht zufällig im Mittelpunkt der Aufmerksamkeit des Benutzers auf dem Bildschirm und ist ein Schlachtfeld für Militärstrategen. Bei manchen Websites ist die vertikale Platzierung von Texten, insbesondere bei englischsprachigen Websites, eine Katastrophe. Wenn es auf der rechten Seite platziert wird, kann es zu Störungen der Bildlaufleiste kommen und ist für Benutzer nicht leicht zu erkennen. Zweitens, wenn nicht viele Tags vorhanden sind (angesichts der variablen Anzahl von Tags), ist es auch schwierig, den Inhalt unter den Tags unterzubringen.
Eine Idee ist, dass Tags gruppiert werden können, wenn zwischen den Tags eine gewisse Struktur vorhanden ist. Fügen Sie dann eine Navigationsebene hinzu. Microsofts OneNote hat in dieser Hinsicht den Höhepunkt erreicht. Es unterteilt Informationen in drei Ebenen: Notizbuch, Abschnitt und Seite. Das Ergebnis ist, dass die obere, linke und rechte Seite der Seite voller Beschriftungen ist ... Microsoft ist sehr gut darin, die dreischichtige Etikettennavigation mithilfe von Gestalt (Unterteilung auf der linken Seite), Farbmarkierung (Farbe für Abschnitt und Weiß für Seite) und anderen Techniken sehr gut zu handhaben.
