it-swarm-eu.dev

Wie lange sollte die Verzögerung dauern, bis ein Tooltip angezeigt wird?

Ich arbeite an einer Website, auf der ein Untermenü "Multifunktionsleiste" angezeigt wird, sobald die Maus einen der Hauptmenüpunkte berührt. Ich versuche dem Designer zu erklären, dass er warten soll, bis der Cursor auf dem Menüelement steht, und nicht auftauchen soll, wenn die Maus gerade darüber fährt. Ich bin mir nicht sicher, wie lange (in Millisekunden) das Warten dauern soll.

Ich kann nicht auf die betreffende Website verlinken, aber ich denke, dass das gleiche Prinzip für Standard-Tooltipps gilt. Wie lange sollte es dauern, bis ein Tooltip angezeigt wird?

21

Wenn noch jemand nach aktualisierten Antworten zu diesem Thema sucht, hat Nielsen Norman einen großartigen Artikel zu diesem Thema: https://www.nngroup.com/articles/timing-exposing-content/

  1. Der Mauszeiger betritt den Zielbereich: Zeigt innerhalb von 0,1 Sekunden visuelles Feedback an.
  2. Warten Sie 0,3 bis 0,5 Sekunden.
  3. Wenn der Cursor im Zielbereich angehalten bleibt, zeigen Sie den entsprechenden versteckten Inhalt innerhalb von 0,1 Sekunden an.
  4. Zeigen Sie das belichtete Inhaltselement so lange an, bis der Cursor den auslösenden Zielbereich oder den belichteten Inhalt länger als 0,5 Sekunden verlassen hat.

Die Pause von 300 bis 500 Millisekunden soll sicherstellen, dass der Benutzer beabsichtigt, zu sehen, was sich hinter dem Menü oder dem Tooltip befindet, und nicht auf dem Weg zu etwas anderem vorbeizukommen.

13
bentheben

Ich konnte keine Konventionen zu diesem Thema finden, aber ich habe einige Bibliotheken gefunden, in denen der Tooltip auf einen Standardwert von von 500 ms gesetzt zu sein scheint scheint ziemlich vernünftig.

Wie auch immer, ich denke du solltest von dort aus gehen und es optimieren, bis es sich richtig anfühlt. Sie können es mit einigen Benutzern ausprobieren und deren Feedback bewerten.

http://msdn.Microsoft.com/en-us/library/ms531435%28VS.85%29.aspx

http://www.jinsight.com/jetchart/api/com/jinsight/jetchart/ToolTip.html

https://www.Adobe.com/livedocs/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Parts&file=tooltips_074_10.html

13
Nacho

Wenn Sie den Tooltip langsam einblenden, können Sie beginnen, sobald die Maus auf dem Hotspot ruht. Denken Sie daran, die Animation abzubrechen, wenn sich die Maus auf diese Weise herausbewegt, wenn die Maus nur für eine Sekunde darüber gleitet und der Tooltip nicht angezeigt wird. Wenn der Benutzer anhält, aber dann weitergeht, wird kein Tooltip falsch angezeigt Teil der Seite.

5
Sruly

Es hängt wirklich davon ab, wofür Ihre Tooltips gedacht sind.

Wir haben viele Steuerelemente und Schaltflächen in der Symbolleiste, die einfach das Material Design Icon Set ohne Text verwenden. Die meisten davon sind selbsterklärend, aber wir haben QuickInfos mit Beschreibungen hinzugefügt, in denen auch die Tastaturkürzel angezeigt werden, sofern verfügbar.

Wenn wir keine Verzögerung hatten, war es für Benutzer, die die Software gelernt hatten und die Tooltips nicht mehr benötigten, sehr ärgerlich. Wenn Sie die Maus über einige Tasten bewegen, werden sofort die QuickInfos angezeigt.

Wir haben uns für eine Verzögerung von 1 Sekunde entschieden, da diese langsam genug ist, um nicht im normalen Gebrauch zu erscheinen, und wenn Sie sehen möchten, was die Taste tut, warten Sie eine Weile.

4
Tim

Wenn die Entscheidung, einen Tooltip zu verwenden, gut durchdacht ist und der Tooltip nützlich und wichtig ist. Verzögern Sie nicht.

Eine Verzögerung kann zu Verwirrung führen. Sie möchten nicht, dass der Benutzer dieselbe Frage stellt, die Sie hier stellen, wie er Ihre Website oder App verwendet.

Wenn Sie der Meinung sind, dass die Tooltip-Informationen nicht obligatorisch sind, aber einem Benutzer helfen können, wenn er nicht weiterkommt, verwenden Sie ein kleines Fragezeichen und lassen Sie ihn darauf klicken, wenn er weitere Informationen benötigt.

2
Jason

Es gibt natürlich immer eine Option, um es klickbasiert zu machen. Ich denke, das würde tatsächlich besser funktionieren und die Anwendung universell nutzbar machen (Handys & Tablets).

Es gibt auch ein Projekt in JavaScript, das Sie als Inspiration in diesem Bereich verwenden können, das hoverIntent-Projekt

http://cherne.net/brian/resources/jquery.hoverIntent.html

HTH

2
mare

Als Ergänzung zu @Nachos Antwort habe ich einen Grund angegeben, warum sehr kurze Verzögerungen oder ein sofortiges Erscheinen für Tooltips vermieden werden sollten:

QuickInfos, das Erweitern von Anzeigen und Handlungsaufforderungen oder Informationsfelder, die über Listenelementen angezeigt werden (z. B. Schnellansichtsfelder auf Miniaturansichten von Produktlistenseiten), sind weitere Beispiele für häufig verwendete Elemente mit Hover-Interaktionen, die sich für Benutzer als störend erweisen können, wenn sie ebenfalls ausgelöst werden empfindlich.

Eine sofortige Reaktion ist für optionale Informationen unerwünscht, wenn ein Tooltip als geeigneter Anzeigekontext angesehen wird. Der Artikel enthält auch Timing-Richtlinien:

die Absicht des Benutzers, entsprechende versteckte Inhalte freizulegen, kann entweder sofort beim Klicken oder Tippen oder nach einer Pause des Mauszeigers und einer etwa 0,3 bis 0,5 Sekunden langen Bewegung im Zielbereich angenommen werden. Zu diesem Zeitpunkt kann der verborgene Inhalt sicher animiert werden Die Seite

Quelle: NNGroup

1
Remy