it-swarm.com.de

Verbessern Eingabefeld-Highlights die Benutzererfahrung?

Moderne Betriebssysteme und Webbrowser heben Texteingabefelder beim Mouseover leicht hervor:

border highlight example

Das Highlight ist so minimal, dass es leicht zu übersehen ist. Andere Formularelemente (wie Dropdowns) werden stärker hervorgehoben:

drop down selection highlight example

Kommt die subtile Hervorhebung den Benutzern zugute oder ist sie nur eine unnötige Augenweide?

Vielleicht ist es effektiver für Menschen mit Sehbehinderung? Funktioniert es besser, wenn Sie kontrastreiche Anzeigeeinstellungen verwenden?

16
user8082

Es gibt mindestens einen einzigen Vorteil für diejenigen, die keine Maus verwenden - Normalerweise können Sie über die Tastatur zwischen Eingabeelementen wechseln. Dies ist ein Indikator dafür, welches Element derzeit Ihren Fokus hat.

48
Mitch Kent

Nach einigem Lesen scheint es, dass die Hervorhebung dem Benutzer tatsächlich hilft, da die Benutzer sich auf die UX/UI verlassen, die sie durch die Seite führt und zeigt, wo sie sich ebenfalls konzentrieren.

Wenn ein Benutzer beispielsweise ein Formular ausfüllt und mit der Tabulatortaste von Bereich zu Bereich springt, möchte er, dass sich die Fokushervorhebung von dem, was er fokussiert hat, zu dem ändert, was aktuell fokussiert ist.

Es ist definitiv keine Zeit- oder Ressourcenverschwendung, Onhover- oder Fokus-Highlights bereitzustellen, da dies den Benutzer lediglich beim Navigieren auf der Seite unterstützt. Dies ist eine gute Vorgehensweise für UX und UI.

Gute Seite: http://www.smashingmagazine.com/2008/12/15/10-useful-techniques-to-improve-your-user-interface-designs/

10
Nick_M

Wie avi sagte, zeigt es, dass Sie darauf zeigen. Dies ist offensichtlich nützlich, wenn Sie nicht mit der Maus arbeiten, wie andere bereits erwähnt haben. Aber es ist nützlich, selbst wenn Sie sind mit der Maus arbeiten, obwohl es einen Cursor gibt, der idealerweise auch anzeigt, auf was Sie zeigen.

Befindet sich Ihr Cursor beispielsweise am Rand eines Elements, ist es möglicherweise nicht offensichtlich, was beim Klicken passieren wird. Dies ist umso ausgeprägter, wenn das Klickziel nicht genau mit dem gerenderten Objekt übereinstimmt. (Ist der Grenzteil dieser Eingabebereiche?)

Das Hervorheben erspart es also, entweder den Cursor und das Element genau zu betrachten oder die Maus genauer auf einen Punkt zu bewegen, der offensichtlich über dem Element liegt.

Versuchen Sie für eine übertriebene Demonstration einfach, einen der Kommentare zu einem der Beiträge auf dieser Seite zu bewerten. Die wechselnde Farbe ist auf jeden Fall hilfreich. Zugegeben, dies sind viel kleinere Ziele als ein Eingabebereich, und die Hervorhebung dient dazu, Sie wissen zu lassen, dass etwas passiert, wenn Sie dort klicken (was Sie wahrscheinlich bereits für einen Eingabebereich gewusst haben), aber es ist dieselbe allgemeine Idee.

0
Cascabel

Das Trefferfeld für interaktive Elemente kann variieren und außerhalb der visuellen Schaltfläche selbst liegen. Beim Hervorheben zeigen Sie dem Benutzer, dass mit dem Element interagiert wird, indem Sie auf klicken.

Eine Beschriftung für ein Eingabefeld ist ein gutes Beispiel. Wenn Sie es korrekt mit dem richtigen "für" implementiert haben - das sollte mit den Eingabefeldern "id" identisch sein, ruft ein Hover auf dem Etikett den Hover-Effekt des Eingabefelds auf. Ein Klick auf dieselbe Beschriftung ändert den Fokus auf das verbundene Eingabefeld.

0
Bluewater

In Bezug auf das visuelle Design ist (und sollte) das Highlight so diskret wie möglich, ohne unsichtbar zu sein.

Wenn Sie nicht interessiert sind, welches Element den Fokus hat (was die meiste Zeit der Fall ist), würde ein markantes Highlight ein zufälliges Element ablenken. Das einzige Mal, wenn Sie tun sich um den Fokus kümmern, ist, wenn Sie ihn ändern, insbesondere durch Tabulieren; In diesem Fall können Sie sogar eine sehr subtile visuelle Änderung feststellen, da Sie direkt auf das Feld schauen, wenn die Änderung stattfindet. Unsere Vision reagiert viel empfindlicher auf Veränderungen als auf statische Details.

Tatsächlich könnte die Fokusanzeige sogar subtiler sein - zum Beispiel könnten Sie ein Feld nur um 1 Pixel vergrößern, wenn es fokussiert wird. Dies hängt jedoch vom Farbschema und Layout ab. Daher verwenden Browser den unscharfen blauen Ring, da Sie dies fast immer sehen können.

0
bobtato