it-swarm.com.de

Wie kann ich auf ein Textfeld aufmerksam machen, das zuerst ausgefüllt werden muss?

Ich möchte, dass mein Textfeld auffällt, da Benutzer erst nach dem Ausfüllen mit dem Rest der Seite arbeiten können. Die Benutzeroberfläche ist sauber und streng, sodass ich wahrscheinlich etwas Farbe hinzufügen kann, um Aufmerksamkeit zu erregen. Hast du irgendwelche Vorschläge?

2
lichnarovskaya

Ich würde vorschlagen, den Rest des Formulars teilweise auszublenden, bis der Benutzer das erforderliche Feld ausgefüllt hat. Dies macht deutlich, dass der Benutzer auf dieser Seite mehr zu tun hat, aber dass das erste Feld (das einzige, das bei voller Deckkraft angezeigt wird) das einzige ist, mit dem er noch interagieren kann.

enter image description here

Auf diese Weise können Sie auch vermeiden, dass das Formular mit zusätzlichen Farben oder Markierungen überladen wird, die den Benutzer vom Formularinhalt selbst ablenken können.

4
CloudyMusic

Obwohl das Hervorheben wie in diesem Beispiel unten die Aufmerksamkeit auf Ihr Textfeld lenkt, ist dies kein sehr guter Weg, da es nur hervorstechen und den Gesamtfluss stören würde.

enter image description here

Da Sie anderen Benutzern erlauben möchten, Daten erst einzugeben, nachdem dieses Textfeld ausgefüllt wurde, können Sie Ihre Formularüberprüfungslogik so aktivieren, dass die anderen Felder deaktiviert sind, bis dieses Feld korrekt ausgefüllt ist.

Ein anderer alternativer Ansatz besteht darin, die anderen Felder zu ausblenden, bis dieses Feld korrekt eingegeben wird.

Eine andere alternative Option besteht darin, Ihre Seite beim Laden der Seite auf Fokus auf das erforderliche Textfeld zu bringen und sie hervorzuheben.

2
Mervin

Jedes UI-Steuerelement kann den Eingabefokus haben. Sie können den Eingabefokus explizit auf Ihr Textfeld legen, wenn Ihre Seite geladen wird. Auf diese Weise sieht der Benutzer dort bereits das blinkende Caret. Sie können dieses Verhalten auf google.com sehen

Außerdem haben die meisten Steuerelemente der Benutzeroberfläche einen deaktivierten Status. Wenn sie deaktiviert sind, sind sie normalerweise ausgegraut und können den Eingabefokus nicht empfangen, selbst wenn der Benutzer darauf klickt. Wenn Sie alle Steuerelemente außer dem ersten deaktivieren, wenn Ihre Seite geladen wird, ist dies ebenfalls klar. Dies ist einer vorherigen Antwort sehr ähnlich (Ausblenden des Formulars), aber ich denke, es ist ein bisschen besser, den vorhandenen deaktivierten Status zu verwenden, als Ihren eigenen mithilfe des Ausblendens zu implementieren.

0
talkol