Hassen Sie es nicht als Benutzer, wenn Sie auf eine Schaltfläche klicken, nur um festzustellen, dass die resultierende Aktion wirklich nicht Ihren Wünschen entspricht? Manchmal ist dies ein geringfügiger Ärger und manchmal eine vollständige Katastrophe, die Stunden oder sogar Arbeitstage ruiniert.
Als Designer müssen Sie Ihren Benutzern helfen, diese tragischen Fehler möglichst zu vermeiden. Heute betrachten wir einige Methoden, mit denen Sie dieses Ziel erreichen können.
Was ist der große Deal?
Wenn Sie eine Schnittstelle entwerfen, sei es im Web oder in einer Art nativer Anwendung, möchten Sie immer sorgfältig prüfen, was schief gehen kann. Stellen Sie sich das Worst-Case-Szenario für jede bestimmte Aktion vor, die ein Nutzer während der Verwendung Ihrer App ausführt, und tun Sie alles, um sicherzustellen, dass er die Konsequenzen eines Klicks versteht.
Warum die ganze Mühe durchmachen? Es gibt nichts, was einen Benutzer dazu bringen kann, eine App schneller zu hassen, als wenn sie einen großen Fehler damit machen. Unabhängig davon, ob es sich um ihre eigene Schuld handelt oder nicht, wird die Anwendung beschuldigt oder zumindest ein Misstrauen gegenüber Ihrem Produkt erzeugt. Wenn Sie Benutzern die Möglichkeit geben, Ihr Produkt zu besprechen, "Bedauern"? und? Misstrauen? sind zwei Wörter, die Sie nicht im Gespräch aufgreifen möchten.
Tipp: Warnmeldungen saugen
Wenn nun das Ziel verfolgt wird, sicherzustellen, dass ein Benutzer niemals einen Fehler macht, gehen einige UI-Designer über Bord und geben Warnmeldungen für jede kleine Aktion aus, die der Benutzer möglicherweise ausführen kann. Aus Sicht des Benutzers ist dies leider das Ärgerlichste, was ein Entwickler tun könnte.
Wenn ich das Gefühl habe, dass Sie meine Hand zu sehr durch den Prozess der Verwendung Ihrer App halten, kann ich Sie nicht ärgern, weil ich dachte, dass ich ein Idiot bin. Ich werde auch schnell frustriert, dass alles so lange dauert, weil ich immer wieder die gleichen Warnmeldungen durcharbeiten muss.
Wann kann ich eine Warnmeldung verwenden?
Der wahre Trick für Sie bei der Planung der App ist die Entscheidung, welche Aktionen Warnmeldungen verdienen. Es gibt ein glückliches Medium zwischen niemals einen Benutzer zu warnen und es zu übertreiben, und es ist ein schwieriger Ort, um ihn zu finden.
Die Leitfrage ist eine einfache Frage: Wie einfach ist es, das Problem zu beheben, wenn etwas schief geht? Versetzen Sie sich in die Lage des Benutzers und versuchen Sie, sich den ungünstigsten Fall vorzustellen.
Stellen wir uns eine Situation vor, in der Sie eine einfache ToDo-App ähnlich der oben gezeigten Wunderlist erstellen. Eine Aktion, die der Benutzer möglicherweise ausführt, besteht darin, eine Aufgabe abzuhaken und sie verschwinden zu lassen. Wenn sie dies bei einem Unfall tun oder ihre Meinung ändern, könnten sie es im Idealfall zurückbekommen. Aber auch ohne das funktionell ist es nicht so viel Arbeit, wieder einen einfachen ToDo-Titel einzugeben. Es sollte nur eine Sekunde dauern, bis der Benutzer seinen Fehler behoben hat. In Anbetracht dieser Tatsache ist eine Warnmeldung zum Löschen eines Aufgabenberichts wahrscheinlich nicht erforderlich.
Wie sieht es nun aus, wenn derselbe Benutzer eine komplette Liste von Aufgaben aufheben möchte? Dies könnte etwas katastrophal sein. Wenn ich über hundert Aufgaben habe und versehentlich eine ganze Liste lösche, werde ich ausflippen, wenn ich sie nicht zurückbekomme. In diesem Fall ist eine Warnmeldung definitiv angebracht.
Hilfe zum Vermeiden von Angriffen
Da wir jetzt ein Gefühl dafür haben, wie Warnmeldungen gut oder schlecht sein können, ist es an der Zeit, einige verschiedene Methoden zu untersuchen, die Sie verwenden können, und wie sie dazu beitragen, dass Benutzer nicht verraten. Einige verwenden Warnmeldungen, andere sind etwas klüger und taktvoller.
Präventive Warnungen
Der Grund dafür, dass Warnmeldungen so ärgerlich sind, ist, dass sie Sie auf den Beinen halten. Dies ist nur dann von Vorteil, wenn Sie feststellen, dass Sie einen großen Fehler begehen würden. Der Rest der Zeit blockiert Ihren Fortschritt.
Um dies zu vermeiden und gleichzeitig den Benutzern zu helfen, Fehler zu vermeiden, verwenden Sie präventive Warnungen. Diese stehen Ihnen nicht im Weg oder behindern Ihren Fortschritt, aber sie helfen Ihnen zu erkennen, dass Sie möglicherweise einen Fehler gemacht haben.
Sie sehen dies am häufigsten in Live-Form-Validierung. Sehen Sie sich an, wie das Mailchimp-Anmeldeformular mich darüber informiert, dass ich einen Fehler gemacht habe, nachdem Sie einen Benutzernamen eingegeben haben, der nur drei Zeichen lang ist.
Bist du sicher?
Dies ist die häufigste Art von Warnung, die in Web- und nativen Apps verwendet wird. Was wir zuvor mit Wunderlist gesehen haben: Eine Box, die auftaucht, stoppt alles, was Sie tun wollten, und fragt, ob Sie dies wirklich tun wollten oder nicht.
Sie sehen diese wahrscheinlich fast jeden Tag, wenn Sie an einem Computer arbeiten. Mac-Benutzer sehen beispielsweise einen, wenn sie versuchen, ihren Papierkorb zu leeren.
Wenn wir Apples Entscheidung, dies hier gegenüber den von uns festgelegten Kriterien abzuwägen, abwägen, wird dies überprüft. Wie aus dem Fenster hervorgeht, kann der Benutzer den Papierkorb nicht leeren. Sobald Sie auf diese Schaltfläche geklickt haben, sind diese Dateien vollständig verschwunden, es sei denn, Sie sind ein technisch versierter Nerd, der weiß, wie er zurückgebracht werden kann.
Was möchtest du passieren?
Manchmal kann eine bestimmte Aktion auf mehrere Arten interpretiert werden. In diesen Situationen müssen Sie entweder zwischen den Interpretationen als Designer wählen oder dem Benutzer die Macht geben, welche Folgen die Aktion haben wird.
Photoshop ist ein hervorragendes Beispiel dafür. Wenn Sie eine Ebenenmaske in den Papierkorb ziehen, wird das folgende Fenster angezeigt.
Hier sagt Photoshop: "Hey, ich möchte, dass ich diese Ebenenmaske abschneide, aber sollte ich sie zuerst anwenden?" Dies ist eine hilfreiche Option, denn manchmal möchte ich, dass die Maske vollständig verschwindet, und manchmal möchte ich, dass sie auf die Ebene angewendet wird. Sie bieten auch eine versteckte Tastenkombination (Option) für professionelle Benutzer, die dieses Fenster überspringen möchten.
Zeige das nie wieder
Es gibt eine weitere interessante Lektion, die Sie aus der Warnmeldung von Adobe lernen können.Beachten Sie, dass es diese kleine Box mit der Aufschrift "Nicht mehr anzeigen" gibt. Dies ist eine wirklich clevere Methode, um als Entwickler das Beste aus beiden Welten zu erhalten. Sie haben die Pflicht, Ihre Benutzer stets vor einer riskanten Aktion zu warnen. Sie haben jedoch auch die Möglichkeit, solche Warnungen abzulehnen, wenn sie nicht benötigt werden.
Die Creative Suite von Adobe ist mit ärgerlichen Warnmeldungen positiv überflutet, und diese Möglichkeit der Ablehnung erspart mir die Möglichkeit, wahnsinnig zu werden, während sie ihre Apps verwenden.
Zeitgesteuerter Abbruch
Als ich heute ein YouTube-Video löschte, bemerkte ich einen UI-Trick, den ich noch nie gesehen hatte. Eine Warnmeldung wurde angezeigt, um mich über das Löschen zu informieren alles von den Filmen in meinem Konto, was offensichtlich eine ziemlich große Sache ist und wahrscheinlich eher eine zufällige Wahl ist.
Das seltsame an der Sache war, dass sie mir nicht die Möglichkeit gaben, sofort mit der Aktion fortzufahren, sondern sie gaben mir die Nachricht, einen Abbruch-Button und einen Button mit einem Timer.
Erst nach einem kurzen Countdown verwandelte sich der zweite Knopf in etwas, das mir das Löschen der Videos ermöglichte. Bis dahin musste ich die Nachricht entweder abbrechen oder lesen und sicherstellen, dass ich wusste, worauf ich mich einließ.
Dies ist eine ziemlich nette kleine Idee, aber bedenken Sie, dass die Benutzer dies wahrscheinlich als äußerst ärgerlich empfinden. Behalten Sie diese Vorsicht bei Handlungen, die wirklich schlimme Konsequenzen haben, aus denen es keine Rückkehr gibt. Vielleicht, wenn ein Benutzer sein Konto vollständig löschen möchte oder eine große Datenmenge löschen möchte.
Zeigen Sie das Ergebnis vor der Aktion
Eine meiner liebsten Möglichkeiten, die Entwickler bei der Verhinderung von Angriffen gesehen haben, ist überhaupt keine Warnmeldung. Stattdessen ist es eine einfache Vorschau, wie die Dinge aussehen werden, nachdem die Aktion ausgeführt wurde.
Es gibt eine großartige, kostenlose Mac-App namens NameChanger, die fantastische Arbeit leistet. Die App soll Ihnen helfen, mehrere Dateien stapelweise umzubenennen. Auf der linken Seite befindet sich eine Spalte mit den aktuellen Dateinamen und dem zu ersetzenden Text. Auf der rechten Seite befindet sich eine Spalte, in der der Text, den Sie einfügen möchten, und die resultierenden Dateinamen angezeigt werden.
Der clevere Teil hier ist, dass dies alles nur eine Vorschau ist. Es werden keine Dateien umbenannt, bis ich auf "Umbenennen" tippe. Taste oben. So kann ich genau prüfen, was ich tun werde und entscheiden, ob alles in Ordnung ist. Ich habe auch gesehen, dass FTP-Apps beim Synchronisieren des Inhalts von zwei Ordnern dieselbe Technik verwenden. Da Sie möglicherweise aus Versehen wertvolle Informationen löschen, ist es fantastisch, eine Vorschau zu haben, die zeigt, wie die Ordner nach der Aktion aussehen.
Wie verhindern Sie Missbräuche durch Benutzer?
Wenn Sie eine App für andere Personen als Sie selbst erstellen, können Sie ziemlich sicher sein, dass einige Aspekte der Benutzeroberfläche verwirrt werden. Das sorgfältige Abwägen von Benutzerfehlern ist ein Muss in allen Aspekten des Designs. Die oben genannten Tipps sollten Ihnen beim Einrichten der App-Workflows in die richtige Richtung helfen.
Nun, da Sie meine Beispiele gesehen haben, ist es an der Zeit, mit Ihren eigenen zu spielen. Wie helfen Sie Ihren Benutzern, Fehler zu vermeiden? Welche anderen Websites haben Sie im Internet mit interessanten Lösungen wie auf YouTube gesehen?