it-swarm.com.de

Dunkle oder helle Etiketten

Ich frage mich nur, was Ihre Meinung zu HTML-Formularen ist. Ist es besser, ein helles Etikett und einen dunklen Wert zu haben oder umgekehrt ein dunkles Etikett mit einem hellen Wert?

Was bedeutet dies für die Benutzerfreundlichkeit der Website? Gibt es bestimmte Situationen, in denen einer besser ist als der andere?.

Dies ist ein schreibgeschütztes Formular, das in den Bearbeitungsmodus geschaltet werden kann und viele Daten enthält.

2
invalid_arg

Was halten Sie von diesen beiden Labels? Welches ist sichtbarer?

Here are two labels

Diese Abbildung sagt uns, dass es nicht um die Farben geht. Es geht um Kontraste. Etikett 1 ist kaum sichtbar, obwohl es das leichteste ist. Etikett 1 betont jedoch den Text, während Etikett 2 die Form des Etiketts betont.

Eine der Fragen, die Sie sich stellen sollten, lautet: Möchten Sie das Etikett oder den Inhalt des Etiketts hervorheben? Dann mach dir keine Sorgen um die Farben, sondern studiere nur die Kontraste.

4
Igor Asselbergs

Unabhängig davon, wie Sie das Feld beschriften, stellen Sie sicher, dass das Feld selbst weiß mit schwarzem Text ist. Und verwenden Sie eine blasse Farbe hinter dem Etikett/den Anweisungen (mit hohem Kontrast, wie Josef sagte), um das Feld vom Etikett/den Anweisungen zu unterscheiden.

Vor einigen Jahren wurde ich stark von einem Artikel im User Experience Magazine der UPA zur Verbesserung von Regierungsformen beeinflusst. Sie gingen von 100% der fehlerhaften Formulare auf fast 0% über. Ich habe die Techniken seitdem erfolgreich in mehreren Produkten mit Formularen angewendet. Hier entsteht dieser Rat. Hinweis: Sie müssen UPA-Mitglied sein, um den Artikel herunterladen zu können. Ich habe eine Seite aus den Richtlinien angehängt, die ich aus diesem Artikel entwickelt habe.

enter image description here

3
Jim Jarrett

Laut dieser Artikel ist es tatsächlich besser, weißen Text auf dunklem Hintergrund für Formularbeschriftungen zu verwenden, da der Text "herausspringt" "und daher einfacher zu scannen (so interagieren Benutzer mit Online-Formularen).

Aber wenn das Formular kurz ist (4-5 Felder), wird es wahrscheinlich keinen großen Unterschied machen, und so oder so sollte es funktionieren. Die Faustregel für jeden Text auf einer Website wäre kontrastreicher ( WCAG 2. empfiehlt 4,5: 1 für AA und 7 : 1 für AAA). Sie können den Kontrast zweier Farben mit dieses Werkzeug überprüfen.

2
Yosef Waysman

Für interne Anwendungen mit vielen fortgeschrittenen Anwendern verwende ich fast immer helle Etiketten mit dunklem Wert, da sie sich schnell mit den Bildschirmlayouts vertraut machen, bis sie die Etiketten nicht mehr lesen, und sich ausschließlich auf die Positionierung und die verlassen Typ des Datenwerts.

2
Jung Lee

es gibt auch Hinweise darauf, dass heller Text auf dunklem Hintergrund schwerer zu lesen ist, da der Text etwas blutet. Weiße Dinge neigen dazu zu leuchten, wenn sie reflektieren, wo schwarze Dinge Licht aufsaugen.

dies kann das Lesen des Textes erschweren, insbesondere wenn er klein ist (wie es für ein Formularetikett erforderlich sein muss), da die Elemente jedes Buchstabens nahe genug sind, damit die Blutung sie etwas vermischt.

http://uxmovement.com/content/when-to-use-white-text-on-a-dark-background/

zu berücksichtigen ist auch der Kontrastwechsel zwischen Hell auf Dunkel und Dunkel auf Licht. Wenn Ihre Beschriftungen die ersteren und Felder die letzteren sind, muss der Benutzer zwischen den einzelnen Beschriftungen ein zusätzliches Stück verarbeiten, z. B. wenn sich Ihre Augen beim Betrachten anpassen etwas sehr Dunkles bis sehr Helles

1
Toni Leigh

"Dies ist ein schreibgeschütztes Formular"

Das ist der Schlüssel. Auf dieser Grundlage kann davon ausgegangen werden, dass Personen, die dieses Formular scannen, in erster Linie die Daten und nicht die einzelnen Etiketten betrachten.

Unter der zweiten Annahme, dass die Daten relativ selbsterklärend sind und/oder dem Leser gut bekannt sind, würde ich sagen, dass die Beschriftungen den Daten untergeordnet sind und dass die Beschriftungen daher gedämpfter sein können.

0
DA01