it-swarm.com.de

Die Aufmerksamkeit der Benutzer auf nicht behebbare Aktionen lenken?

Wir arbeiten an einer internen Geschäftsanwendung, und während des gesamten Prozesses waren die Benutzer in alle Aspekte des Designs sehr involviert. Sie haben ihren Workflow, ihre Terminologie usw. und die App-Modelle so genau wie möglich mit ihren Eingaben bei jedem Schritt erklärt.

Die meisten Aktionen in der App können rückgängig gemacht werden, aber es gibt eine Aktion, die (gemäß den Anweisungen des Benutzers) nicht rückgängig gemacht werden kann, ohne in die Datenbank zu gehen und Daten manuell zu ändern. Um diese Aktion zu bestätigen, muss der Benutzer in einer modalen Warnung auf "Ja" klicken. Warnungen werden in der App sehr selten verwendet. Es gibt nur eine andere Aktion, die einen Alarm auslöst. Keine der Aktionen wird sehr häufig ausgeführt.

Die Benutzer klicken jedoch immer noch gelegentlich auf die falsche Aktion und bestätigen ihre Auswahl in der Warnung (vermutlich ignorieren sie den Text darauf). Was ist der beste Weg, um dies zu beheben?

Der Text in der Warnung ist etwas lang, daher versuchen wir, ihn kürzer und präziser zu gestalten und die Schaltflächen möglicherweise umzubenennen, damit sie nicht nur Ja/Nein sind, sondern wir wissen auch nicht, ob dies ausreicht. Gibt es eine andere Möglichkeit, die Aufmerksamkeit der Benutzer auf sich zu ziehen und ihnen wirklich klar zu machen, was sie tun? Gibt es bewährte Möglichkeiten, solche Fehler zu reduzieren?


Unsere ultimative Lösung: Im Moment konzentrieren wir uns darauf, den Text und das Erscheinungsbild des Warnungsdialogs gemäß den Antworten von Matt Lavoie und André zu ändern. Wir haben den Text kürzer und präziser gemacht, ein Warnsymbol und eine klare Aussage hinzugefügt, dass die Aktion nicht rückgängig gemacht werden kann, und die Schaltflächen geändert, um zu sagen, was sie tun und nicht nur Ja/Nein.

Wir haben auch den Text auf der Schaltfläche, der die Aktion startet, so geändert, dass er rot und in Großbuchstaben geschrieben ist (alle anderen Schaltflächentexte sind schwarz und nur der erste Buchstabe wird groß geschrieben).

Schließlich haben wir den gesamten Hintergrund der App hellrot angezeigt, wenn der Warndialog angezeigt wird. Es ist ziemlich nervig, also sollten die Benutzer es auf jeden Fall bemerken.

Wir haben die Änderungen erwähnt, die wir an den Benutzern vornehmen, und sie waren voll und ganz dafür. Wenn diese nicht ausreichen, fügen wir der Warnung zusätzliche Eingabeanforderungen hinzu, wie in den Antworten von Andrew Leach und JeffH.

47
Maltiriel

Sie können versuchen, Farben und/oder Symbole zu verwenden, um die kritischeren Aktionen von den weniger schwerwiegenden zu unterscheiden. Wenn nebeneinander eine Reihe von Schaltflächen stehen, die alle grau und dann rot sind, werde ich diese eher von den anderen unterscheiden.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Vielleicht können Sie sogar in einem großen, fetten, roten Text direkt im Modal "Diese Aktion kann nicht rückgängig gemacht werden" direkt über der Schaltfläche "Weiter" platzieren.

mockup

bmml Quelle herunterladen

Im schlimmsten Fall können Sie den alten "Typ 'LÖSCHEN' in das Feld ziehen, um dieses Element dauerhaft zu löschen" und die Schaltfläche "Weiter" erst aktivieren, wenn Sie "Löschen" (oder was auch immer die Aktion ist) in ein Textfeld eingeben. In diesem Fall können sie nicht wirklich leugnen, dass sie nicht wussten, was sie taten.

18
Matt Lavoie

Anstatt einfach "Dadurch werden Ihre Daten gelöscht. Sind Sie sicher? [Ja] [Nein]", haben Sie eine positive Aktion:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Nur wenn Sie das Kontrollkästchen aktivieren und auf OK klicken, wird die Aktion ausgeführt. Jede andere Kombination wird nicht.

Nebenbei folgende Kommentare: Die Schaltfläche [~ # ~] ok [~ # ~] sollte wahrscheinlich expliziter sein, wie Löschen , aber die Frage enthält nicht genügend Daten, um anzugeben, was es sein soll (weshalb mein Dialog über die nicht behebbare Aktion ziemlich vage ist).

Es ist sinnvoll, die Schaltfläche OK zu deaktivieren und die zusätzliche Aktion zu aktivieren.

39
Andrew Leach

Was verlangt wird, ist eine bessere Forcierungsfunktion. Wie in der Interaction Design Encyclopedia definiert:

Eine Forcierungsfunktion ist ein Aspekt eines Entwurfs, der den Benutzer daran hindert, eine Aktion auszuführen, ohne die für diese Aktion relevanten Informationen bewusst zu berücksichtigen. Es erzwingt bewusste Aufmerksamkeit auf etwas ("zur Bewusstwerdung bringen") und stört so absichtlich die effiziente oder automatisierte Ausführung einer Aufgabe.

Nach dem, was Sie oben beschrieben haben, Ihrer ersten Forcierungsfunktion, scheint das Warnfeld die Benutzer nicht davon abzuhalten, weiterhin auf die Schaltfläche "Ja" zu klicken. Eine andere Art von Forcierungsfunktion, die ich entdeckt habe und die möglicherweise hilfreich ist, besteht darin, einen modalen Dialog zu verwenden und den Benutzer aufzufordern, einen Wert in ein Textfeld einzugeben. Der Wert kann der Dateiname oder auch etwas Einfaches wie "Löschen" sein. Dies verhindert, dass Ihre klickfreudigeren Benutzer sie einfach auffordern, entweder Ja oder Nein auszuwählen. Demo unten:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Abhängig von Ihren Ergebnissen hier können Sie dies weiter verfeinern, indem Sie nur Großbuchstabenwerte usw. akzeptieren.

33
JeffH

Obwohl es bei weitem nicht das schönste war, war es unvergesslich genug und ein bisschen humorvoll.

Beim Rooten meines Tablets wollte ich eine nicht behebbare Aktion ausführen. Hier ist der Bildschirm, den ich angezeigt hatte (ich musste manuell nach unten drücken, um durch die einzelnen Optionen zu scrollen):

"Sind Sie sicher, dass Sie diese nicht behebbare Aktion ausführen möchten?"

-Nein

-Nein

-Nein

-Nein

-Nein

-Ja, ich möchte diese möglicherweise tödliche Aktion ausführen

-Nein

-Nein

7
IamAlexAlright

Was ich in den bereits vorhandenen Antworten vermisse (obwohl einige dies implizit tun), ist ein ziemlich grundlegendes Prinzip in Dialogfeldern: Machen Sie die eigentliche Aktion auf der Schaltfläche selbst klar! Lesen nur Die Schaltfläche sollte bereits anzeigen, was passieren wird. "Ja" und "Nein" bedeuten nichts, wenn Sie den Rest des Dialogs nicht lesen. Haben Sie jemals den schrecklichen Nachrichtentyp "Klicken Sie auf Ja zum Löschen, Nein zum Verschieben oder Abbrechen zum Archivieren" gesehen?

Anstatt eine Ja- oder Nein-Frage zu stellen, stellen Sie die Frage in einer Form, damit die Aktionen auf den Schaltflächen ("Löschen", "Verschieben", "Archivieren") für sich allein verständlich sind.

6
André

In diesem Fall würde ich:

  • trennen Sie die Lösch- und Abbruchaktionen klar voneinander (eine ein Link, eine eine Schaltfläche).
  • verwenden Sie den Pfad zum Abschluss als Blocker (platzieren Sie den Abbruchlink dort, wo Sie am wahrscheinlichsten lesen/klicken).
  • text reduzieren (sie lesen ihn nicht)
  • lass den Knopf destruktiv aussehen.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Ersetzen Sie "Löschen" durch Ihren Aktionsnamen.

1
kerr

Offensichtlich lesen die Benutzer Ihren vorhandenen Dialog nicht und interagieren nicht mit ihm. Daher hilft es nicht, mehr Wörter/Dialoge/Aktionen zu erstellen - sie führen sie einfach so routinemäßig aus wie die anderen Aktionen, die sie ausführen.

Der beste Vorschlag, den ich gesehen habe, ist von @Dani, die Aktion kurz zu verzögern und sie in diesem Zeitraum rückgängig machen zu lassen. Dies hängt davon ab, wann Ihre Benutzer feststellen, dass sie einen Fehler gemacht haben.

Andere Alternativen bestehen darin, einzuschränken, wer diesen Vorgang ausführen kann, und sicherzustellen, dass er ihn tatsächlich nur dann ausführt, wenn er sollte (schwierig) oder die Genehmigung des Vorgangs durch eine andere Person erfordert, bevor er aktiviert wird - ähnlich wie bei der Verzögerung, jedoch direkter Steuerung.

Ein anderer Ansatz, den einige mir bekannte Organisationen verfolgen, besteht darin, die Rückgängig-Funktionen durch ein DB-Update bereitzustellen, aber die Kosten dafür (entweder bei Systemausfall oder Geld) erheblich zu erhöhen, was bedeutet, dass diese fehlerhafte Aktion teuer wird. Die Leute lernen dann.

1

Ein Muster, das ich gesehen habe, besteht darin, dass die Schaltfläche Text und Größe ändert, nachdem die Schaltfläche einmal angeklickt wurde. Nur der zweite Klick führt die Aktion aus.

[Delete] --> [Confirm deletion]

Vielleicht noch etwas Text, der die Aktion erklärt, die angezeigt wird.

1
Markus Jarderot

Lassen Sie es einen zweiten modalen Alarm erzeugen.

"Sind Sie wirklich sicher, dass Sie Daten dauerhaft löschen möchten? J/N"

Und wenn Tests zeigen, dass sie die Nachricht immer noch nicht erhalten, eine dritte:

Dadurch wird es für immer gelöscht, wie Sie wissen.

Sind Sie sich ziemlich sicher, dass Sie dies tun möchten? J/N


(Ein Teil des Ansatzes besteht darin, vom formellen Geschäftsenglisch zu etwas "gesprächigerem" zu wechseln, damit sie endlich zur Kenntnis nehmen, was auf dem Bildschirm vor sich geht.)

0
PhillipW

Ein anderer Ansatz , der auf der CHI 2016 vorgestellt wurde, bestand darin, Benutzer zu zwingen, 10 bis 20 Sekunden zu warten, bevor sie die Aktion bestätigen lassen.

Die vom Autor gegebene Analogie lautete: Wenn Sie einen Ast mit einer Handsäge schneiden, stellen Sie mit größerer Wahrscheinlichkeit fest, dass Sie auf demselben Ast sitzen, als wenn Sie ihn mit einer Kettensäge schneiden.

Im Vergleich zur Methode "Typ unten löschen" hat diese Methode den Vorteil, dass Sie 10 Sekunden lang genau nichts tun können, was die Benutzer zum Nachdenken zwingt die Aktion, die sie ausführen würden.

0
antoine