it-swarm.com.de

Was ist eine geeignete Benutzeroberfläche für ein vorab ausgefülltes Textfeld, das Sie überschreiben können?

Angenommen, ich habe ein Bearbeitungsfeld, das mit Text vorab ausgefüllt wird. In der Steuervorbereitungssoftware kann es beispielsweise eine Funktion geben, die einen angezeigten Wert berechnet, aber Sie können diesen Wert dann auch in einen beliebigen Wert ändern.

Wie sollte der Benutzer über die Änderung informiert werden (damit er später weiß, dass er sie vorgenommen hat) und eine Wiederherstellung des berechneten Werts zulassen?

Es scheint zu ausführlich zu sein, eine Beschriftung "überschrieben" sowie eine Schaltfläche mit der Aufschrift "Wiederherstellen" zu haben, die nur angezeigt wird, wenn der angezeigte Wert geändert wird, und bei der Wiederherstellung verschwindet.

  • gibt es einen kompakteren Weg, dies zu tun?
  • ist "überschrieben" der richtige Weg, um es zu kennzeichnen? Eine Version von 'override' könnte funktionieren, aber gibt es noch etwas anderes?
6
Mitch

Ich würde so etwas versuchen:

enter image description here

Wenn vorab ausgefüllt, wird neben dem Feld ein Symbol mit einem Tooltip beim Hover angezeigt.

Tauschen Sie nach dem Ändern das Symbol gegen einen Link aus, der beim Klicken den berechneten Wert wiederherstellt.

14
Calvin Chong

Wenn Sie die Standardwerte grau oder kursiv und die eingegebenen Werte normal oder fett (als Beispiele) anzeigen, zeigt dies an, dass der Benutzer einen vorherigen Wert überschrieben hat. Sie können dasselbe Schema für any geänderten Wert verwenden - auch wenn der Benutzer gerade einen zuvor eingegebenen Wert geändert hat.

Es wäre schwieriger zu zeigen, dass Sie einzelne Felder zurücksetzen können. Ein Symbol vom Typ "Zurückpfeil" neben jedem Feld könnte funktionieren, aber es würde das Formular sehr unübersichtlich machen.

2
ChrisF

Ich würde den Rand eines Feldes markieren, um es als bearbeitet zu markieren. Dies sollte angezeigt werden, sobald der Benutzer beginnt, den Wert in einem Feld zu bearbeiten. Der Benutzer sollte nicht raten müssen, was die Rahmenfarbe bedeutet, aber sobald der Benutzer sieht, dass das Ändern des Werts auch die Rahmenfarbe ändert, weiß er, was der visuelle Hinweis bedeutet. Vielleicht würde ein Orange gut funktionieren (hängt natürlich ganz von Ihrer Farbpalette ab).

Das Zurücksetzen einer Änderung ist schwieriger. Ich würde das Wort "Rückgängig" mit einem geeigneten Symbol anzeigen lassen, wenn ein Benutzer mit der Maus über das Feld fährt oder sich auf das Feld konzentriert, da dies wahrscheinlich zuerst der Benutzer tun wird, wenn er die Änderung rückgängig machen möchte. Es ist auch wichtig, dass "Rückgängig" auch angezeigt wird, sobald der Benutzer das Feld zum ersten Mal bearbeitet (gleichzeitig mit der Änderung des Rahmens oben), um den Benutzer darüber zu informieren, dass das Rückgängigmachen eine Option ist. Es sollte verschwinden, wenn der Eingang den Fokus verliert. Das sollte die Unordnung gering halten.

2
omichowdhury

Das hängt wirklich sehr davon ab!

Zunächst sind einige Standardwerte ziemlich offensichtlich. Wenn Sie jemanden viele Monate fragen, hat er in seinem Heimatland gelebt. Der Standardwert sollte 12 und nicht 0 sein. Sie müssen nicht anzeigen, dass dieser Wert geändert wurde. Und Sie brauchen keine Rücksetzfunktion - der Benutzer gibt nur den richtigen Wert ein und weiß, wie der Wert sein soll.

Bei Feldern mit Vorschlägen oder "unbekannten" Standardwerten möchte der Benutzer wahrscheinlich sehen, welcher Standardwert/vorgeschlagene Wert mit seinem eigenen Wert verglichen wird . Wir verwenden dies häufig in unserer eigenen Software (Steuerberichts-Software), und das Feedback ist sehr gut. Wenn der Benutzer ein leeres Formular eingibt, durchsucht er die vorgeschlagenen Werte und akzeptiert sie nacheinander, indem er auf die Schaltfläche "Diesen Wert verwenden" klickt. Dies sind Werte, die in anderen Formularen berechnet oder aus anderen Teilen des Systems importiert werden, sodass sie nicht für jedes Feld im Formular gelten.

Darüber hinaus können Sie mithilfe eines Symbols (wie cravr vorschlägt) angeben, ob die Werte auf dem Steuerformular den vorgeschlagenen Werten entsprechen.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

2

Ich habe dies durch visuelle Anzeige getan. Das Feld sieht also bei der automatischen Berechnung wie normal aus. Wenn es überschrieben wird, hat es eine visuelle Anzeige - normalerweise füge ich links einen dicken Balken hinzu. Es sollte auf dem Change-Ereignis erscheinen.

Wenn sich der Benutzer das nächste Mal auf das Feld konzentriert, wird eine Schaltfläche "Automatisch berechnen" angezeigt, mit der die Überschreibung entfernt wird.

0
Alok Jain