it-swarm.com.de

Wann wird eine Erfolgsmeldung aus dem modalen Fenster angezeigt?

Ich arbeite an einer Web-App, die häufig modale Fenster verwendet, um Formulare/Optionen für verschiedene Aufgaben anzuzeigen. Einige der Modalitäten haben nur eine einmalige "Bestätigungs" -Aktion, die die Anzeige einer "Erfolgsbenachrichtigung" rechtfertigt, um den Benutzer darüber zu informieren, dass alles ordnungsgemäß funktioniert hat.

  • Gibt es eine bewährte Methode, wie/wann die Benachrichtigung angezeigt werden soll?
  • Sollte die Benachrichtigung innerhalb des Modals erscheinen, wird das Modal nach 2-3 Sekunden ausgeblendet oder vom Benutzer geschlossen.
  • Sollte das Modal beim Klicken deaktiviert und die Benachrichtigung auf der vorherigen Seite angezeigt werden?
5
JustinRob

Ich glaube, das Problem hängt wirklich vom Kontext und den erwarteten Aktionen der Benutzer ab.

Wenn der Benutzer in einem Modal arbeitet, in das er einmal Informationen eingeben muss, ist es besser, die Meldung auf der vorherigen Seite anzuzeigen. Dies liegt daran, dass Benutzer nicht gezwungen werden sollten, das Modal selbst zu schließen. Auf der vorherigen Seite kann die Erfolgsmeldung angezeigt werden und es liegt in Ihrem Ermessen, ob die Nachricht nach einer bestimmten Zeit ausgeblendet wird oder ob sie auf der Seite bleibt. Siehe Modell unten:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Wenn der Kontext des Modals ein System ist, in dem der Benutzer mehrere Einträge in einer Sitzung eingeben muss oder höchstwahrscheinlich eingeben wird; Das Anzeigen der Erfolgsmeldung oben im Modal für jeden Abschluss ist ausreichend. Als Benutzer möchte er nicht für jeden Eintrag das gleiche Modal öffnen/schließen müssen. Siehe Modell:

mockup

bmml Quelle herunterladen

Geben Sie auch einen Kontext zu dem, was nach Möglichkeit erfolgreich durchgeführt wurde.

3
JeffH

Aus meiner Erfahrung ist die beste Vorgehensweise für Modalitäten wie folgt: Vielleicht haben Sie so etwas wie Abb. 1.

Bewahren Sie modalbezogene Nachrichten in der modalen Box auf. Dies beinhaltet: Validierungsfeedback und Speicherstatus. Abb. 2,3

Ich schlage vor, den Schaltflächentext in "Speichern" oder ähnliches zu ändern. Auf diese Weise befindet sich die Nachricht genau dort, wo der Benutzer geklickt hat, und zeigt eine Antwort auf die Aktion an. Das ist gutes Feedback. Stellen Sie sicher, dass die Schaltfläche deaktiviert ist, damit kein weiterer Speicheranruf getätigt werden kann. Abb. 3

Ich stelle die Erfolgsantwort in den Kontext der Aktion. Ein paar Gründe?

Das Modal kann verschiedene Größen haben und die Schaltfläche kann niedrig auf dem Bildschirm sein. Die Nachricht wird sich niemals im selben Bereich befinden. Außerdem erwarten die Benutzer, dass das modale Dialogfeld nach Abschluss der Aktion nicht mehr angezeigt wird. Eine Runde für eine Nachricht hängen zu lassen, ist, als würde man die Party zu spät verlassen. Die Leute werden beschäftigt sein und sich fragen, warum es keine Antwort gab und werden Ihre Nachricht nicht lesen.

Platzieren Sie die Erfolgsmeldung auf der Seite, entweder im Kontext des gespeicherten Elements oder an einer konsistenten und sichtbaren Stelle auf der Seite. Abb. 4. Auf diese Weise erhalten die Benutzer das Feedback, das sie von einem gespeicherten Modal und einer konsistenten Platzierung der Feedbacknachrichten erwarten.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

3
Itumac

Ich würde sagen, die Nachricht an das Modal anhängen, da sie sich auf Informationen im Modal bezieht. Wenn Sie es auf die vorherige Seite setzen, wird es mit dem Inhalt/den Aktionen dort verknüpft, d. H. Dem Objekt, das das Modal ausgelöst hat, und nicht mit den Aktionen, die im Modal selbst ausgeführt werden.

Vergessen Sie nicht WCAG Level A 2.2 - Geben Sie den Benutzern genügend Zeit, um Inhalte zu lesen und zu verwenden

Nebenbei würde ich empfehlen, den mit der Erfolgsmeldung gedrückten Knopf zu verdecken. Das Auge des Benutzers ist dort bereits fokussiert und verhindert, dass er aus Verwirrung erneut versucht, zu drücken, falls er das Feedback nicht sieht (dasselbe Problem zweimal lösen). Ein Countdown könnte es noch offensichtlicher machen.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

1
TJH

Modale werden normalerweise für die Dateneingabe verwendet, wenn sie sich auf den Inhalt der Host-Seite auswirken. Jede Erfolgsmeldung sollte daher klarstellen, wie sich die Aktionen im Modal auf diesen Inhalt ausgewirkt haben.

Aus diesem Grund ist es möglicherweise besser, modale Benachrichtigungen vor Ort zu platzieren. in der Nähe oder neben dem aktualisierten Inhalt und um visuelle Hinweise zu verwenden, dass sich der Inhalt geändert hat (z. B. ein verblassendes Highlight).

1