Tyler Sticka über die Komplexität der Gestaltung von Buttons und die Sicherstellung, dass wir Fokus-, Hover- und aktive Zustände während des Designprozesses berücksichtigt haben
Ehrlich gesagt sind Maus-Effekte wahrscheinlich der am wenigsten wichtige Zustand, für den man gestalten muss. Indem man funktionale Zustände frühzeitig berücksichtigt, kann man den Bedarf an kostspieligen Neugestaltungen senken, während sich die Musterbibliothek weiterentwickelt. Hier sind die grundlegenden Zustände, die Sie frühzeitig und ungefähr in der Reihenfolge ihrer Wichtigkeit berücksichtigen sollten.
Ich habe in letzter Zeit viel mehr Zeit damit verbracht, über Fokusstile als eine entscheidende Herausforderung beim Aufbau für das Web nachzudenken, und nehme daher Tylers Rat besonders zu Herzen. Er argumentiert, dass wir dieses Motto während des gesamten Designprozesses für Schaltflächen wiederholen sollten
„Ich schwöre feierlich, niemals Browser-Fokusstile zu deaktivieren, ohne einen durchdacht gestalteten Ersatz einzufügen.“
Der erste Schritt: Fokus auf Fokusstile.
In einem verwandten Zusammenhang haben wir kürzlich eine Reihe über CSS-Grundlagen veröffentlicht, die einen Beitrag zur Formatierung von Links für verschiedene Linkzustände enthielt. Außerdem gibt es einen ziemlich guten Beitrag zu diesem Thema namens Buttons in Design Systems, der sich mit einer Reihe von UX-Überlegungen für Schaltflächen befasst, z. B. wie man eine gute Beschriftung schreibt.