Tabs, die nicht mehr wie Reiter aussehen

Bedienelemente für das Umschalten zwischen verschiedenen Inhalten haben ein Vorbild in der realen Welt. Leider sehen sie diesem Vorbild manchmal nicht mehr ähnlich.

Sechs Tabs in verschiedenem Design. Auf dem aktiven Registerblatt steht: »Willkommen in der Welt der Apokalypsen-Reiter!«
Tabs, auch Reiter genannt, kommen in sehr unterschiedlicher Gestaltung daher.

Registerkarten, Reiter, Tabs – mindestens diese drei Namen gibt es für die Interface-Elemente, die sich typischerweise im oberen Bereich eines Software-Fensters befinden und unterschiedliche Inhalte anzeigen, sobald man eines davon anklickt.

Was leider alle drei Begriffe gemeinsam haben, ist eine gewisse Mehrdeutigkeit, wenn man keinen konkreten Kontext hat. In der Überschrift zu diesem Artikel verwende ich deshalb bewusst zwei verschiedene Wörter, damit sich niemand mit Sauberkeitswahn oder Pferdefetisch in falscher Vorfreude erwartet, hier etwas über das Design von Geschirrspültabs oder Cowboy-Outfits zu lesen.

»Registerkarte« wäre noch am wenigsten missverständlich. Allerdings klingt dieser Begriff im Vergleich zu seinen Alternativen nach sperrigem Beamtendeutsch, sodass man eher versucht ist, an verstaubte Karteien in Aktenschränken statt an Computer zu denken. Letztendlich war es ja auch genau dieser Papierkram, der für die digitale Version Pate stand. Und dieses Vorbild lässt sich erstaunlich gut in die digitale Welt übertragen … sofern wohlwollende Designer es nicht verschlimmbessern.

Tabs = Reiter = Registerkarten

Eine kleine Klarstellung vorab: Wenn ich von digitalen Tabs, Reitern und Registerkarten spreche, dann meine ich grundsätzlich mit allen drei Begriffen dasselbe.

In der Papierschubser-Welt sind das eigentlich verschiedene Dinge. Eine Registerkarte ist ein Trennblatt, um unterschiedlichen Papierkram in unterschiedliche Kategorien einzuordnen. Ein Tab ist eine fixe Ausbuchtung auf so einem Trennblatt, auf der die jeweilige Kategorie angeschrieben werden kann, und ein Reiter ist im Gegensatz zum Tab nicht fix angebracht, sondern frei versetzbar. Nachdem es diese physischen Unterscheidungen am Computer nicht gibt, haben dort alle drei Begriffe dieselbe Bedeutung.

Bunte Tabs auf Papier mit den Beschriftungen »Monthly«, »Weekly«, »Today«, »Expenses« und »Addresses«.
Keine Erfindung von Software-Bastlern: Tabs gibt es auch auf Papier.

Tabs in der Desktopmetapher: wie die Faust aufs Auge

Eine tolle Eigenschaft von Tabs auf Computern ist, dass sie sich lückenlos in die sogenannte Desktopmetapher einfügen. Darunter versteht man das Konzept, klassische, physische Schreibtischoberflächen (Desktops) nachzubilden.

Digitale Dateien und Ordner, wie wir sie alle kennen, sind letztendlich nichts Anderes als eine künstliche Nachahmung von Papier-Akten. Es gibt keinen technischen Grund, warum Daten genau so organisiert werden, aber andere Formen – etwa Datenbanken – sind schwieriger zu verstehen, weil es nichts Vergleichbares in der realen Welt gibt.

Sehen wir uns nun auf irgendeinem beliebigen System an, wie Ordner dargestellt werden, dann finden wir üblicherweise ein Symbol, das einen gefalteten Karton mit einer Ausbuchtung zeigt. Diese Ausbuchtung ist nichts Geringeres als ein Tab.

Links ein einzelner Ordner mit abstehendem Tab, rechts mehrere solche Ordner hintereinander.
Ordner-Symbole sind in Software-Systemen so selbstverständlich, dass wir kaum noch darüber nachdenken, was sie eigentlich darstellen. Erst bei mehreren Ordnern hintereinander wird offensichtlich, dass die charakteristische Ausbuchtung eigentlich ein Tab ist. (Bildquelle: phonlamaiphoto via Adobe Stock)

Wenn in gängigen Benutzeroberflächen schon jeder einzelne Ordner mit Tab dargestellt wird, ist es nur naheliegend, auch tatsächliche Tabs als Bedienelemente zu verwenden.

Besser als die Realität

Solche Metaphern aus der realen Welt müssen oft einen schwierigen Spagat schaffen, um eng genug, aber nicht zu eng an ihrer Vorlage zu bleiben. Wenn eine einzelne Originaldatei in mehreren Ordnern gleichzeitig liegen kann, ist das mangels Realismus verwirrend, umgekehrt stört sich aber kaum jemand daran, dass man in einem einzelnen digitalen Ordner zwanzig Bücher ablegen kann. Auch Tabs haben in dieser Hinsicht ihre Tücken.

Als digitalen Nachteil könnte man es betrachten, dass eine räumliche Dimension fehlt. Während Tabs auf Papier oft platzsparend hintereinander angeordnet sind, hat man auf Bildschirmen lediglich eine Reihe in der Vertikalen zur Verfügung. Wenn dort der Platz ausgeht, muss zwangsweise irgendetwas dazuerfunden werden, was es in der Papierform nicht gibt oder nicht einmal geben kann.

Links: tiefe Aktenschrank-Lade mit Tabs, die zum Teil hintereinander liegen. Rechts oben: Eigenschaften-Fenster einer EXE-Datei unter Windows mit zwei Tab-Reihen. Rechts unten: Fenster eines Texteditors mit mehreren Tabs, wobei der Tab ganz links nicht komplett im Fenster ist und rechts von den Tabs zwei Schaltflächen mit Pfeilen nach links und rechts vorhanden sind.
Auf Papier können Tabs auch hintereinander angeordnet sein. Tabs am zweidimensionalen Bildschirm behelfen sich notfalls mit mehreren Tab-Reihen oder einer Funktion, um durch viele Tabs zu scrollen. (Bildquelle Aktenschrank: Rama, CC BY-SA 2.0 FR, Bild beschnitten)

Vergleicht man die digitale Version nicht mit Aktenschränken, sondern mit Mappen oder Büchern, gibt es aber auch einen Vorteil: Weil man nicht umblättern muss, sieht man nicht nur den aktuellen Tab und die nachfolgenden, sondern auch jene, die davor gereiht sind.

Rechte Seite einer offenen Ringmappe mit Buchstaben-Reitern, um Kontakte zu verwalten. Die aufgeschlagene Seite hat den Reiter »O P Q«, danach folgen die restlichen Buchstaben des Alphabetes, aber die Reiter davor fehlen.
Kein Bund für die Ewigkeit: Durch Umblättern werden Reiter vorübergehend voneinander getrennt.

Darüber hinaus fallen auch andere physikalische Einschränkungen weg. Nachdem Tabs und Reiter vom eigentlichen Inhalt abstehen, werden sie in der realen Welt gelegentlich zum Platzproblem, sodass etwa ein A4-Blatt mit Tab nicht mehr in jede A4-Mappe passt. Idealerweise sind physische Tabs abgeschrägt, damit sie keine scharfen Kanten haben und nicht so leicht abknicken; und ihre Breite ist fix vorgegeben, sodass man sich bei der Beschriftung mitunter in Winzigschrift oder kreat. Abk.n (kreativen Abkürzungen) üben muss.

Am Bildschirm gibt es alle diese Probleme nicht. Hier sind Tabs im einfachsten Fall eine Reihe von beschrifteten Rechtecken. Den aktiven Reiter erkennt man daran, dass die untere Linie des Rechtecks fehlt und er somit mit dem Inhalt verbunden ist. Einfacher und platzsparender kann ein Bedienelement kaum sein.

Schematische Darstellung von drei Reitern.
Ein paar gerade Striche und fertig ist ein Bedienelement, das fast jeder intuitiv versteht.

Schaltflächen: die schlechtere Metapher

Ein prominenter Anwendungsfall von digitalen Tabs findet sich in Browsern: Hier kann man seit vielen Jahren mehrere Webseiten parallel öffnen und via Reitern zwischen diesen wechseln. Im Jahr 2021 hatte sich allerdings Mozilla, der Hersteller des Browsers Firefox, dazu entschlossen, Tabs nicht mehr wie ihr Papiervorbild aussehen zu lassen, sondern wie Schaltflächen.

Irgendwo sah ich die Meinung, dass sie damit wohl den Leuten von Apple nacheifern, die in ihrem Browser Safari zuvor schon Ähnliches verbrochen hatten. Als jemand, der Äpfel nur in der Obstschüssel statt am Schreibtisch hat, konnte ich das nicht direkt nachprüfen, aber ein paar Screenshots im Web zeigen mir, was damit wohl gemeint war.

Das Safari-Design ist, wie von Apple gewohnt, minimalistisch. Allerdings ist der aktive Tab genauso von allen vier Seiten eingerahmt wie inaktive Tabs. Er unterscheidet sich zwar durch Farbe und Schrift von diesen und sticht dadurch heraus, wenn man eine ganze Reihe an Webseiten geöffnet hat, aber wenn nur zwei Tabs offen sind, kann man intuitiv kaum sagen, welcher der aktive sein soll.

Browser-Fenster mit zwei offenen Tabs.
Sind das Tabs oder sind das Schaltflächen? (Bildquelle: Visueller Safari-Nachbau als Design-Template von Bing Yang via Dribbble, Bild beschnitten.)

Der inaktive Reiter ist zugegeben kontrastärmer und sieht aus, als wäre er im Hintergrund; das wäre bei Reitern ja ein starkes Indiz für Inaktivität. Aber ohne die Verbindung zum Inhalt sehen die Reiter nicht wie Reiter aus, sondern wie Schaltflächen – und bei solchen ist es genau umgekehrt. Eine weiter hinten liegende Schaltfläche ist üblicherweise gedrückt, also aktiv.

Schaltflächen sind generell kein gutes Vorbild für dieses Bedienelement. Ich verstehe ja, dass nicht jeder von uns Aktenschränke mit Registerblättern im Wohnzimmer hat, aber selbst wenn man nur in einem Buch ein paar Stellen mit herausstehenden Post-its markiert, hat man damit schon einfache Reiter in der realen Welt verwendet. Schaltflächen mag es in unserem Alltag zwar auch jede Menge geben, aber wie oft haben wir eine ganze Reihe vor uns, um exklusiv zwischen verschiedenen Inhalten hin- und herzuspringen?

Zwei Boxen mit jeweils 2 kleinen Schaltern, die unterhalb jeweils mit »1« und »2« beschriftet sind.
Mit diesen zwei Kästchen kann ich daheim jeweils zwischen zwei verschiedenen Audio-Quellen und Lautsprechern umschalten. Das ähnelt zwar entfernt auch Schaltflächen-Tabs, aber im Vergleich zu Papier-Tabs ist das schon ein gewaltiger Gedankensprung.

Apple dürfte letztendlich auch eingesehen haben, dass diese Analogie ein Apfel-und-Birnen-Vergleich ist. In aktuelleren Screenshots ist der aktive Reiter wieder wie seine Papier-Vorgänger mit dem restlichen Interface verbunden.

Völlig losgelöst

Im Gegensatz zu Apple ist Mozilla noch nicht von diesem Designexperiment abgekommen, aber in Mozillas Firefox sehen diese Schaltflächen-Tabs ganz anders aus. Hier sind so gut wie alle Rahmenlinien weggefallen; nur der aktive Tab ist noch eingerahmt und durch Weißraum von allem rundherum abgesetzt, wodurch er nun wie eine einzelne Schaltfläche isoliert im Raum herumhängt.

Firefox-Browser mit drei offenen Tabs: »Feldheuschrecken – Wikipedia«, »Chefkoch – 350.000 Rezepte« und »Amazon.de: Pfanne«.
Ungleich und ungleich gesellt sich gern: Firefox’ Tab-Leiste folgt trotz komplett anderer Bedienlogik fast derselben Optik wie die Schaltflächen in der Zeile darunter. Der aktive Tab hat außerdem eine gewisse Ähnlichkeit mit dem Suchfeld und der Zoom-Anzeige. Wo kämen wir denn hin, wenn komplett unterschiedliche Dinge unterschiedlich aussähen?

Dieses konkrete Konzept ist so abstrakt, dass mir dazu nichts Vergleichbares aus der realen Welt einfällt. Wenn ich als langjähriger Firefox-Nutzer nur zwei Tabs sehe, erkenne ich persönlich zwar, welcher der aktive sein soll, aber ich bin mir nicht sicher, ob das jeder so versteht. Nachdem nur der aktive überhaupt wie ein Steuerelement aussieht, müsste ja eigentlich gerade dieser dazu einladen, angeklickt zu werden – obwohl das nichts bewirkt.

Mozilla begründet das Design auch tatsächlich mit so einem Aufforderungscharakter: Die losgelösten Tabs sollen dazu einladen, vom Benutzer beliebig verschoben und angeordnet zu werden. Im Originalwortlaut (Quelle: Mozilla-Blogeintrag vom 01.06.2021):

»We detached the tab from the browser to invite you to move, rearrange and pull out tabs into a new window to suit your flow, and organize them so they’re easier for you to find.«

Woraus sich die Einladung zu diesen konkreten Interaktionen ergeben soll, leuchtet mir allerdings nicht ein. Tabs schiebe ich in mehreren Programmen herum, aber bei Schaltflächen ist es mir – mit wenigen Ausnahmen – noch nie in den Sinn gekommen, das auch nur auszuprobieren. Und die meisten Firefox-Tabs, nämlich die inaktiven, machen ja nicht einmal sichtbar, dass man mit ihnen auch nur irgendetwas machen kann. Die sind nicht nur nicht »losgelöst«, sondern geradezu in die Oberfläche einzementiert.

Nicht zuletzt verschwendet diese spezielle Form von Tabs auch unnötigen Platz in der Höhe. Aber das ist ja ein genereller Design-Trend, seit Touchscreens auf dem Vormarsch sind: immer weniger Steuerelemente, die immer mehr Platz beanspruchen. Da kommt man sich als Mausbenutzer vor, als würde man mit einem Seziermesser Holz hacken.

Minimalistischer als minimalistisch

Trotz weggefallener Rahmenlinien gibt es in Firefox zumindest noch zwei optische Hinweise, um die inaktiven Tabs als solche zu erkennen: zum einen das Schließen-X am rechten Rand und zum anderen das Favicon, also das kleine Symbol der jeweiligen Website.

Andere Anwendungen mit ähnlich minimalistischen Reitern haben nicht einmal das. So hatte etwa das E-Mail-Programm Thunderbird, das ebenfalls vom Firefox-Hersteller Mozilla stammt, einige Zeit lang so unscheinbar gestaltete Tabs im Adressbuch, dass ich sie des öfteren verzweifelt gesucht hatte, obwohl sie direkt vor meiner Nase waren.

Auch der kostenlose Excel-Konkurrent LibreOffice Calc stellt Tabellenblatt-Tabs so dar, dass sie kaum noch als Reiter erkennbar sind. Dadurch übersehe ich öfters, dass ein Dokument überhaupt mehrere Blätter hat und habe schon einmal Daten versendet, die nicht für den Empfänger gedacht waren.

Tabellenblatt-Reiter in Microsoft Excel und LibreOffice Calc, jeweils mit den Bezeichnungen »Verkaufserlöse«, »Fördergelder« und »Bestechungsgelder«.
Im Gegensatz zu Microsoft Excel sind die Tabs in LibreOffice Calc durch die horizontale Scrollleiste vom Inhalt abgeschnitten und die inaktiven Tabs sehen so unreiterhaft aus, dass man sie leicht mit Statuszeileninformationen verwechseln kann.

Ein paar Reiter mit vier Rahmenlinien sind an sich schon ein minimalistisches Konzept, das kaum minimalistischer sein könnte. Aber manchen Designern ist offenbar selbst das noch zu pompös.

Kommentare

Neuen Kommentar schreiben

Anonym, 2023-01-24 09:45:

Über Tabs & Co kann man an verregneten Sonntagen lange diskutieren. Was mich jedoch an diesen Tabs wie in Bild 4 dargestellt so sehr stört ist folgendes Verhalten:

Im Bild werden die sechs Tabs (Reiter, etc) in einer bestimmten Reihenfolge dargestellt. Klickt man sich jedoch durch und möchte wissen was sich unter der Beschriftung verbirgt, so wechseln manche Übersichten plötzlich die Reihenfolge, sodass dann bspw. nicht mehr "Sicherheit" links oben steht, sondern "Allgemein", weil "Sicherheit" nach unten gerutscht ist (wahrscheinlich, um quasi in den Vordergrund gestellt zu werden). Bei sechs Tabs mag man noch den Überblick behalten, doch wenn es einmal mehr als zehn sind, leidet die Übersicht doch sehr.

Falls Sie "ClassicShell" oder "OpenShell" schon einmal zur Herstellung eines vernünftigen Startmenüs in Windows-Versionen ab 8 verwendet haben, dann wissen Sie wovon ich spreche.

Der Hang (oder sollte man eher schreiben - der Drang) zum Minimalistismus zeigt manchmal schon eigenartige Auswüchse. Zum Glück sind manche "Kreationen" dank entsprechender Rückmeldungen nur eine Frage von Versionsnummern. Sind die Anwender verärgert oder wiederholen sich die Shitstorms, rudern die Anbieter rasch wieder zurück.

Bisherige Kommentare

  • Tony T

    Haha, Bestechungsgelder :D Das mit der Ordner-Kapazität hab ich versucht, meiner Oma zu erklären ... Sie schreibt in Word 20 Seiten oder mehr, druckt das dann aus - und dann wird alles gelöscht und das Dokument neu befüllt - Recycling!

  • Anonym

    Über Tabs & Co kann man an verregneten Sonntagen lange diskutieren. Was mich jedoch an diesen Tabs wie in Bild 4 dargestellt so sehr stört ist folgendes Verhalten:

    Im Bild werden die sechs Tabs (Reiter, etc) in einer bestimmten Reihenfolge dargestellt. Klickt man sich jedoch durch und möchte wissen was sich unter der Beschriftung verbirgt, so wechseln manche Übersichten plötzlich die Reihenfolge, sodass dann bspw. nicht mehr "Sicherheit" links oben steht, sondern "Allgemein", weil "Sicherheit" nach unten gerutscht ist (wahrscheinlich, um quasi in den Vordergrund gestellt zu werden). Bei sechs Tabs mag man noch den Überblick behalten, doch wenn es einmal mehr als zehn sind, leidet die Übersicht doch sehr.

    Falls Sie "ClassicShell" oder "OpenShell" schon einmal zur Herstellung eines vernünftigen Startmenüs in Windows-Versionen ab 8 verwendet haben, dann wissen Sie wovon ich spreche.

    Der Hang (oder sollte man eher schreiben - der Drang) zum Minimalistismus zeigt manchmal schon eigenartige Auswüchse. Zum Glück sind manche "Kreationen" dank entsprechender Rückmeldungen nur eine Frage von Versionsnummern. Sind die Anwender verärgert oder wiederholen sich die Shitstorms, rudern die Anbieter rasch wieder zurück.

    • Anonym

      Antwort an Anonym:

      Ja, die doppelten Tab-Reihen haben mich auch immer irritiert - vor allem, wenn ich alle durchklicken wollte, etwa auf der Suche nach einer bestimmten Einstellung.