Interaktions-Dauer

Beim Betrachten einer Endlosschleife wirkt Zeit anders als beim Warten auf eine Reaktion. Deshalb lässt sich die Dauer für Hover, Fokus und Klick nicht aus dem Dimm-Tester übernehmen – sie muss an echten Bedienelementen geprüft werden.

Fahr mit der Maus über jeden Knopf und klick ihn an. Am Handy: antippen und den Finger kurz liegen lassen. Mit der Tabulatortaste durchspringen zeigt dasselbe für die Tastaturbedienung.

Was dieses Werkzeug zeigt

Was sich ändert
Hintergrundfarbe, Schriftfarbe und eine kleine Verschiebung nach oben. Alle drei laufen mit derselben Dauer. Die Kurve ist progressiv, wie für das Erscheinen festgelegt.
Der Knopf ohne Übergang
Er springt hart. Er ist als Vergleichswert dabei – nicht weil er gut wäre, sondern damit sichtbar wird, was ein Übergang überhaupt bewirkt.
Worauf du achten solltest
Nicht darauf, welcher am schönsten aussieht, sondern ab wann sich der Knopf langsam anfühlt. Der Punkt, an dem du denkst »reagiert der jetzt oder nicht«, ist die Obergrenze.
Am Handy
Touchgeräte kennen kein Überfahren mit der Maus. Dort wirkt der Übergang beim Antippen – deshalb reagiert jeder Knopf zusätzlich auf den Druckzustand.

Grundlage und Quellen

Hinweis: Die deutschen MDN-Seiten sind automatisch aus dem Englischen übersetzt und können Fehler enthalten. MDN kennzeichnet das selbst.