it-swarm-eu.dev

Tabs - beim Hover oder beim Klicken aktivieren? beide!

Mögen Sie die in http://www.msn.com verwendeten Registerkarten?

Sie können sowohl durch Schweben als auch durch Klicken aktiviert werden. Es gibt eine kurze Verzögerung beim Schweben, um versehentliche Aktivierungen zu verhindern, während das Klicken sofort funktioniert.

Ich mag sie irgendwie.

2
Miki

Sie sind ordentlich, das ist sicher. Die Funktion der Schnittstellensteuerung sollte jedoch zumindest sein

  • deutlich erkennbar an ihrem Aussehen (oder entsprechen den Erwartungen der Benutzer) und
  • konsistent über eine Schnittstelle.

Diese Registerkarten für den Hover-to-Activate-Bereich sind aus mehreren Gründen problematisch.

Erstens werden sie durch ihr Erscheinungsbild mit anderen Nur-Klick-Schnittstellenobjekten auf der Seite verglichen, wodurch ihre eigentliche Funktion maskiert wird. Sie haben eine Unterstreichung, ähnlich der oberen Navigation und dem Hyperlink-Schema im Allgemeinen. Sie ändern sich beim Rollover und werden für diese kurze Sekunde fett, bevor sich die Registerkarte ändert, was weiter darauf hindeutet, dass es sich um Links handelt. Dann ändert sich die Benutzeroberfläche, ohne dass der Benutzer eine Interaktion durchgeführt hat. Links und Menüelemente "klicken" nicht, wenn Sie mit der Maus darüber fahren, und die leicht zu verwechselnde Ähnlichkeit ist verwirrend oder leicht alarmierend.

Zweitens stimmt die Hover-Funktion nicht mit anderen Tab-Links auf der Website überein. Dieser Artikel , der über eines der Hover-Tab-Felder verlinkt ist, hat einen ähnlichen Bereich mit verwandten Inhalten unterhalb des Artikels. Das Feld ändert jedoch nur die Registerkarten, wenn der Benutzer auf eine nicht ausgewählte Registerkarte klickt (keine schwebende Aktion). Ähnliche Probleme gibt es in anderen Abschnitten.

Zusammenfassend lässt sich sagen, dass die Neuheit, obwohl sie auf Web 2.0-artige Weise cool ist, von Usability-Problemen überschattet wird, deren Kosten möglicherweise höher sind als der Vorteil einzigartiger Schnittstellen-Macken.

Einige lesen:

12
Matt

Ich gehe davon aus, dass sich die Antwort auf diese Frage ändern wird, wenn sich die Benutzer an das neue Schema von Registerkarten gewöhnen, die auf einen Schwebeflug reagieren.

Ich erinnere mich, dass ich einen Entwickler gebeten habe, den Text in einer Box nicht automatisch auszuwählen, kurz nachdem einige Browser damit begonnen hatten. Mein Grund war "Niemand erwartet dieses Verhalten." Seitdem ist es üblich geworden, und jetzt klopfe ich dem Entwickler auf den Rücken und sage: "Danke, dass Sie diese Idee beigesteuert haben."

Halten Sie sich an den Standard oder schieben Sie den Umschlag mit etwas Neuem ? Das ist eine interessante Frage. Wir müssen uns daran erinnern, dass im Laufe der Kommunikationstechnologien grafische Benutzeroberflächen und -) sind sehr jung. Ich möchte auf eine andere Massentechnologie verweisen, um meinen Kommentar zu erklären. Berücksichtigen Sie die Hinweise, die wir in gedruckten Büchern verstehen, z. B. Fußzeilen oder Seitenzahlen, bei denen es in erster Linie darum geht, den Benutzer zu orientieren und zu bestimmten Inhalten zu suchen/zu navigieren. Es hat ewig gedauert, diese Hinweise zu entwickeln. Wir können diese Hinweise mit Steuerelementen online und in der Anwendungs-GUI vergleichen. Die Schemata, die uns beim Navigieren in einem gedruckten Buch helfen, brauchten Generationen, um sich auf einer akzeptierten Norm zu stabilisieren. Die Kontrollen, die uns beim Navigieren durch Online-Inhalte helfen, werden auch Zeit brauchen, um eine Norm zu entwickeln und zu stabilisieren. Beim Drucken von Büchern wurden bestimmte Designlösungen gelöscht (z. B. das Wiederholen des letzten Wortes auf einer rechten Seite oben auf der nächsten linken Seite, sodass das Wort beim Umblättern der Seite vorhanden ist - ein Hinweis, mit dem die Leute Bücher vorlesen konnten). . Ebenso müssen sich Online-Steuerelemente im Laufe der Zeit ändern. Es ist nicht zu erwarten, dass wir in den ersten Jahren nach der Gestaltung der Navigation von Online-Medien alle Interaktionsdetails korrekt erhalten haben.

Tabs, die nur mit einem Klick funktionieren, haben es zuerst auf den Markt geschafft, und die Leute haben gelernt, dass Schema . Die Natur von Schemata ist, dass unser Gehirn sie automatisch an neue Erfahrungen anpasst. Könnte der Hover-Tab funktionieren? Dies hängt davon ab, wie weit es außerhalb des Registerkartenschemas liegt, wie nützlich es ist und wie stark Benutzer sich dagegen wehren, ihr Registerkartenschema zu ändern. Designer können Benutzern helfen, dieses Steuerelement zu übernehmen, indem sie - Matt Lutze fragt in seiner Antwort auf diese Frage indirekt danach - Möglichkeiten vorschlagen, wie das neue Steuerelement leichter an das vorhandene Schema angepasst werden kann. Matt sagte: "Ihr Aussehen vergleicht sie mit anderen Nur-Klick-Oberflächenobjekten auf der Seite und maskiert ihre eigentliche Funktion." Was benötigt wird, ist eine Möglichkeit für Benutzer, die Aktion dieser Hover-Tab-Steuerelemente vorherzusagen.

Ich frage mich, warum MSN diese Steuerelemente auf der gesamten Website inkonsistent implementiert hat. Ist das ein Experiment? Wenn ja, denke ich, dass es ein interessantes Experiment ist, und ich behalte mir ein Urteil darüber vor, wie nützlich diese Art der Registerkartensteuerung ist, bis das Konzept/Design iteriert wird, um die hier angesprochenen Probleme anzugehen.

2
JeromeR

Ich bin mir nicht sicher, ob Sie dies berücksichtigt haben, aber mobile Browser erkennt den Schwebeflug nicht. Da das mobile Web mit einem enormen Tempo wächst, denke ich, dass Sie wahrscheinlich dafür eintreten könnten, zumindest das Klicken zu unterstützen, wenn nicht beide.

Jedoch Wenn es Teil der Hauptnavigation der Site ist (wie es üblicherweise verwendet wird), wird durch Öffnen des Dropdown-Fensters beim Klicken die Möglichkeit ausgeschlossen, denselben Link für die Seite "Abschnitt" zu verwenden .

Einige mögliche Lösungen könnten sein:

  • Hybrider Ansatz , bei dem der Hauptlink in der Navigation weiterhin auf die Seite "Abschnitt" verweist, sowie ein weiterer Link (Abwärtspfeil), der den Drop- aktiviert. auf einen Klick nach unten. (Beispiele: LJWorld , Flickr - nav bei Anmeldung). Persönlich, ich habe diesen Ansatz immer gemocht und mich gefragt, warum mehr Websites dies nicht tun.

  • Verwenden Sie eine Art Erkennung , um das Hover-to-Open für Desktops und Click-to-Open für mobile Benutzer bereitzustellen.

0