Tooltips brauchen eine Verzögerung – und dann müssen sie sie überspringen
Tooltips need a delay, and then they need to skip it
Auf den Frageseiten von FrontPrep zeigten Tooltips Firmennamen neben Interviewfragen an. Eine 0ms-Verzögerung führte dazu, dass Tooltips bei jeder Mausbewegung über Logos sofort aufpoppten. Eine 200ms-Verzögerung löste das Problem, machte aber das Wechseln zwischen Logos zäh. Die Lösung: Nach dem Schließen eines Tooltips startet ein 300ms-Timer. Bewegt man die Maus innerhalb dieses Zeitfensters über ein anderes Logo, öffnet sich der Tooltip sofort. Nach Ablauf des Timers greift wieder die 200ms-Verzögerung. Der Artikel erklärt die Implementierung mit React und Radix und bietet einen Claude-Skill zur Überprüfung eigener Codebasen.
Ein Klick ist immer beabsichtigt, ein Hover jedoch nicht.
- ProxCoques
Es wird mich nie aufhören zu erstaunen, dass Apple (unter Jef Raskin, der auch in "The Humane Interface" darüber schrieb) Probleme mit Interaktionen wie diesen in System 6 schon um 1993 herum beobachtet und behoben hat – nur damit dasselbe Problem Jahrzehnte später wiederentdeckt und erneut behoben werden muss.
- brixie
Das scheint dieselbe Technik zu beschreiben wie das letzte Beispiel in https://emilkowal.ski/ui/you-dont-need-animations (und der ganze Beitrag ist meiner Meinung nach lesenswert, wenn dich das interessiert). Es ist so ein kleines Detail, das ich sonst nicht bemerkt hätte (weil ich keine Animationen entwickle, es mir also nicht in den Sinn kommt), aber jetzt, wo ich davon weiß, denke ich ständig daran.
- hurrell
Ich würde das als ein Beispiel für Hysterese beschreiben. Klasse! https://en.wikipedia.org/wiki/Hysteresis
- kazinator
Im Grunde hat man eine globale Temperatur. Wenn sich der Zeiger über etwas mit einem Tooltip befindet, steigt die Temperatur. Andernfalls kühlt sie ab (möglicherweise mit unterschiedlicher Geschwindigkeit). Ein Tooltip wird nur angezeigt, wenn sich der Zeiger innerhalb der Grenzen befindet und die Temperatur über einem bestimmten Schwellenwert liegt.
- compiler-guy
Ich schätze diese Liebe zum Detail sehr, und davon gibt es nicht genug auf der Welt. Zum Beispiel erscheinen in Visual Studio Popups beim Überfahren so schnell, dass man kaum etwas auswählen kann, oder man klickt versehentlich auf das Popup, statt ein Wort auszuwählen.