it-swarm.com.de

Wie gehe ich mit dem Tab-Überlauf dynamischer Tabs um?

Registerkarten mit Registerkarten, bei denen die Anzahl der Registerkarten dem Benutzer überlassen bleibt, verwenden unterschiedliche Lösungen für den Punkt, an dem Registerkarten mit der Standardgröße nicht mehr auf den Bildschirm passen.

Google Chrome beginnt, die Breite der Registerkarten zu verringern, und führt dies bis zu einer großen und unbrauchbaren Anzahl von Registerkarten durch und bietet keine speziellen Navigationsmöglichkeiten zwischen Registerkarten. enter image description here

Firefox reduziert sowohl die Breite der Registerkarten als auch ein Navigations-Dropdown-Menü (von Anfang an - sobald zwei Registerkarten vorhanden sind) und bei Überschreitung einer bestimmten Anzahl auch Bildlaufpfeile am rechten und linken Ende der Registerkartenleiste.

enter image description here

IE9 reduziert die Breite der Registerkarten und bietet an einer bestimmten Stelle auch Bildlaufpfeile.

enter image description here

Axure RP reduziert die Breite der Registerkarten nicht (auf keinen Fall wesentlich) und stellt nur das Dropdown-Menü und die Pfeile bereit. enter image description here

Welcher Ansatz ist am besten und warum? Es ist wichtig zu beachten, dass in meinem Fall die Beschriftungen sehr lang sein können (4-5 Wörter) und nicht unbedingt sehr beschreibend sind, wenn sie abgeschnitten werden.

20

Von der Wand weiß ich ... aber warum sollte das eine schlechte Lösung sein?:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Wir haben bei Oracle etwas Ähnliches verwendet, als unsere Dialoge mit Registerkarten zu verrückt wurden. Zumindest auf diese Weise können Sie mit längeren Namen usw. umgehen.

[~ # ~] Update [~ # ~]

Einige würden das argumentieren:

Bei browserähnlichen Apps ist eine signifikante horizontale chrome im Allgemeinen eine schlechte Idee, da die Tendenz besteht, den horizontalen Raum mehr als den vertikalen zu bewerten (aus verschiedenen Gründen: Bildlaufgewohnheiten, Horizontalität des westlichen Textes, Monitorgrößen) usw.) In diesem Zusammenhang nehmen Seitenleisten einfach unnötigen horizontalen Platz ein.

Wir sprechen jedoch über den Kontext einer Situation, in der der Benutzer versucht, mit vielen, vielen Fenstern zu arbeiten (an sich ungewöhnlich). In diesem Zusammenhang wird dann das Sortieren der Fenster Teil der Hauptaufgabe, und daher würde ich argumentieren, dass dies wahrscheinlich mehr Aufmerksamkeit verdient.

Der Vorschlag ist nicht, dass das vertikale Navi. ist immer da, aber nur einmal wird die Anzahl der Fenster unüberschaubar. In diesem Fall sollten Sie dieser Aufgabe den entsprechenden Bildschirmbereich widmen, und die vertikale Darstellung passt viel besser zu einer endlosen Liste von Fenstern.

Logisch darüber nachdenken, wer wird sich wirklich mit dieser großen Anzahl von Fenstern befassen? Wahrscheinlich ein erfahrener Benutzer, der wahrscheinlich auch einen sehr großen Bildschirm oder möglicherweise sogar zwei hat.

Vielleicht können Sie sogar ein Sortier- oder Beschriftungswerkzeug oben im Fenster hinzufügen (siehe zweites Bild).

Vielleicht muss der Nutzungskontext etwas tiefer überlegt werden, anstatt sich an Ihre klassische Lösung zu halten. Ungewöhnliche Probleme erfordern manchmal ein Umdenken.

4
Lisa Tweedie

Mir gefällt, wie Tab Mix Plus damit umgeht - mit mehrere Tab-Zeilen ...

Tabs in Firefox using Tab Mix Plus

Dies ist eines der Dinge, die ich an Firefox mag - großartige Erweiterungen.


Sie können auch versuchen, Gruppenregisterkarten nach bestimmten Kriterien (z. B. Site) ==, um den Platz auf dem Anforderungsbildschirm zu verringern.

Wenn Sie die Registerkarten gruppieren, müssen Vorschau der Registerkarten und die Option zum Ziehen über eine bestimmte Registerkarte in einer Gruppe mit Aktivieren des Vorschau-Tags beim Überziehen anderweitig aktiviert sein Die Gruppierung blockiert mögliche Benutzeraktionen.

Ein Beispiel hierfür ist die Gruppierung der Taskleiste in Win 7 im Vergleich zur Gruppierung der Taskleiste in XP und Vista), wodurch Benutzeraktionen auf gruppierten Registerkarten eingeschränkt wurden.

4
Danny Varod

Ich verstehe wirklich nicht, warum Registerkarten in der Windows-Taskleiste im Allgemeinen als ein einzigartiges Problem angesehen werden, das sich im Laufe der Zeit ziemlich dramatisch verbessert hat, seit es sich früher ähnlich wie Firefox und andere Browser mit einem kleinen Bildlaufpfeil verhalten hat, um Überlaufelemente anzuzeigen Wir haben jetzt in Windows 7.

Im Allgemeinen IE scheint in letzter Zeit in diesem Bereich am innovativsten zu sein. In IE8 + haben sie dynamisch farbcodierte Registerkarten welche Gruppenregisterkarten von einer geöffnet wurden Ein weiterer:

IE8's colour-coded tabs

Es scheint mir sinnvoll zu sein, diese dynamischen Registerkartengruppen (oder ähnliche Registerkarten, die alle denselben Host verwenden) so zu behandeln, wie verschiedene Anwendungen in der Windows-Taskleiste behandelt werden, insbesondere wenn die Registerkarten überlaufen. In Windows 7 mehrere Fenster derselben Anwendungsgruppe zusammen. Wenn Sie auf eine einzelne Gruppe klicken, wird eine Liste der Fenster angezeigt, die sie darstellen:

Tab overflow behaviour in the Windows 7 taskbar

Bild aus dem Engineering Windows 7-Blog

Leider laufen die Registerkarten auch in IE8 trotz der Tab-Gruppierung genau so über, wie Sie es oben beschrieben haben (im Gegensatz zum Gruppieren/Reduzieren von Tab-Gruppen zusammen):

Demonstrating IE8's tab overflow behaviour

Bild aus Chaks 'Corner

Im Allgemeinen sind die Faktoren, die beim Umgang mit Registerkartenüberläufen berücksichtigt werden müssen, folgende:

  1. Lesbarkeit
  2. Raumbewusstsein
  3. Ästhetik
  4. Vertrautheit

Ich denke, die Lösung von Chrome leidet unter Punkt 1, ist aber unter Punkt 2 erfolgreich. Ich glaube, dass die Lösung von Firefox aufgrund dieser Anforderungen das Beste aus einem schlechten Haufen ist. Als Referenz (da Sie es nicht angegeben haben) geht Safari wie folgt mit diesem Problem um (die im abgedunkelten Abschnitt der Dropdown-Liste aufgeführten Registerkarten sind vollständig überfüllt):

How Safari copes with tab overflow

Die vielleicht neuartigste Lösung für dieses Problem ist die von IE9. Ich stelle zwar fest, dass Sie erwähnt haben, wie IE9 mit diesem Problem umgeht, aber es ist erwähnenswert, dass IE9 wurde im Allgemeinen für etwa 5 Registerkarten ausgelegt (das ist ein wirklich interessanter Artikel, den Sie lesen können, wenn Sie daran interessiert sind Thema sowieso).

Trotz der Gegenreaktion, die bei Hauptbenutzern (die es gewohnt sind, eine große Anzahl von Registerkarten zu verwenden) ausgelöst wurde, ermutigt dieses Design die Benutzer, ihre Registerkarten früher auf mehrere Fenster zu verteilen (wodurch die Notwendigkeit, eine extrem große Anzahl von Registerkarten in zu verwalten, effektiv beseitigt wird ein einziges Fenster).


Bearbeiten: Es gibt eine Reihe von raffinierten Firefox-Add-Ons, die kreative Lösungen für den Umgang mit einer sehr großen Anzahl von Registerkarten bieten , Dazu gehört die Möglichkeit, bestimmte Registerkarten umzuschalten, um nur ein Favicon anzuzeigen und damit weniger Platz zu beanspruchen, oder Registerkarten wie das OS X Dock zu "fisheye", sodass die Registerkarte unter der Maus/mit Tastaturfokus in voller Breite angezeigt wird kollabiert proportional, wenn nicht.

Im OS X-Dock wird das gesamte Dock selbst proportional verkleinert, um mehr Elemente aufzunehmen, bis einzelne Elemente winzig sind. Wie beschrieben, können dann (optional) die Objekte näher an der Maus vergrößert werden:

The OS X Dock, showing the effect of magnification

Bild aufgenommen von Control Your Mac

4
Kit Grose

Der Ansatz Chrome ist falsch, weil Sie dann eindeutig nicht durch die Registerkarten navigieren können. Ich mag auch den Ansatz IE nicht, weil er die Registerkarten auf etwas reduzieren kann) Sie können dann nicht unterscheiden zwischen.

Persönlich bevorzuge ich den Ansatz, die Registerkarten weitgehend gleich zu lassen (oder höchstens den Leerraum ein wenig zu reduzieren) und dann das Scrollen und die Dropdown-Auswahl zu ermöglichen - den Firefox- und Axure-Stil.

Der einzige Ort, an dem ich jemals mit vielen Registerkarten arbeiten musste, ist Excel mit einer großen Anzahl geöffneter Blätter. Dort wird dieser Stil verwendet, durch den ich leicht navigieren kann, da ich das benötigte Blatt schnell sehen kann. In diesem Fall (und in diesem Fall klingt es so) ist es wichtig, den Namen der Registerkarte zu sehen, während es weniger wichtig ist, zu sehen, wie viele Registerkarten Sie geöffnet haben (im Chrome/IE-Stil).

1