it-swarm.com.de

Wie kann ich extrem klarstellen, dass der Benutzer eine letzte Aktion ausführen muss?

Ich entwickle einen neuen Checkout-Assistenten für die Website meines Unternehmens und habe als letzten Schritt des Assistenten ein Fenster "Bestätigen Sie Ihre Auswahl" hinzugefügt:

(Checkout wizard

Aus meiner Sicht als Designer habe ich das Gefühl, dass ich mindestens drei Hinweise habe, die darauf hinweisen, dass der Benutzer noch einen Knopf drücken muss, bevor seine Bestellung abgeschlossen ist:

  1. Oben im Panel steht "Sie sind fast fertig".
  2. Der Fortschrittsbalken oben zeigt an, dass sie sich noch in der Phase "Senden" befinden.
  3. Es gibt einen großen grünen Knopf mit der Aufschrift "Anfrage senden", wenn auch unten.

Ich befürchte jedoch immer noch, dass einige Benutzer dies missverstehen und für eine Seite "Ihre Bestellung ist abgeschlossen, hier ist Ihre Zusammenfassung" halten und daher ihre Anfrage nicht einreichen.

So wie ich es sehe, könnte ich dies folgendermaßen angehen:

  1. Mach dir keine Sorgen. Kein Benutzer wäre so dumm.
  2. Automatische Übermittlung ihrer Anfrage , bevor sie zu diesem Abschnitt gelangen. Dies kann meiner Meinung nach unaufrichtig/illegal sein.
  3. Verwenden Sie ein nerviges Javascript-Popup, wenn Sie versuchen, den Browser zu verlassen oder zu schließen, bevor Sie auf "Anfrage senden" klicken.

Nichts davon klingt für mich zufriedenstellend. Kann ich sonst noch etwas tun? Ich möchte vermeiden, diese Seite vollständig zu entfernen, da wir festgestellt haben, dass Benutzer ihre E-Mail-Adressen häufig falsch schreiben.

Update: Ich werde versuchen, die Zahlungs- und Bestätigungsschritte im letzten Schritt zu kombinieren. Bitte beachten Sie, dass der Kunde bei der Übermittlung seiner Anfrage nicht belastet werden muss - wir zeichnen seine Karteninformationen einfach mit Stripe auf.

(Combined payment and confirmation

Für eine bessere Vorstellung von meinem Ziel können Sie die Live-Version dieses Formulars unter folgender Adresse einsehen: http://bloomingtontutors.com/get-tutor

52
alexw

Ändern Sie das Verhalten entsprechend der Intuition

Möglicherweise möchten Sie das Verhalten an die Benutzerintuition anpassen, anstatt das Design so zu ändern, dass der Benutzer das ursprünglich beabsichtigte Verhalten "versteht".

Wenn es zu diesem Zeitpunkt keine wesentlichen Gründe dafür gibt, dass die Details in Stein gemeißelt werden (und dies ist nicht der Fall, da sie sie anscheinend ohnehin vor der ersten Sitzung abbrechen können, ohne dass dies in Rechnung gestellt wird), können Fehler später korrigiert werden, wenn/wann erforderlich. Sie können also diese eine letzte Aktion entfernen (da sie vom Benutzer aus bereits alles eingegeben haben, was benötigt wird, und das Minimum sollte ausreichen), die Anforderung zu diesem Zeitpunkt bereits "gespeichert" haben und die letzte neu benennen Bildschirm auf "Überprüfen Sie Ihre Informationen und korrigieren Sie sie, wenn Sie plötzlich einen Fehler finden" anstelle von "Überprüfen Sie sie vor dem Absenden".

13
Peteris

Rendern Sie die Bestätigung in einem Modal:

(enter image description here

Dadurch wird der Benutzer explizit darauf hingewiesen, dass eine weitere Aktion erforderlich ist.

77
Tom Griffin

Ich mag die Worte Submit Request Nicht - als Designer macht das Drücken der Taste. Für einen Benutzer ist es mehr oder weniger so bedeutungslos wie Press This Button. Ich denke nicht, dass Send Request Viel besser, möglicherweise schlechter ist (wohin soll die Anfrage gesendet werden?).

  • Ich schlage Place Booking Vor, wenn es um Ihr System geht: irgendwo einen Kurs buchen.
  • Alternative:

    • "Buchkurs"
    • "Buchung abschließen"
    • "Buchung bestätigen"

Sie können auch warnen (wie bei einigen Websites):

Ihr Kurs ist nicht gebucht bis Sie auf die Schaltfläche "Buchung platzieren" klicken. Überprüfen Sie, ob Ihre Angaben korrekt sind, und klicken Sie darauf, wenn Sie bereit sind.


Was macht die Schaltfläche "Vollständig ->"? Ist das dasselbe wie "Anfrage senden"? Wenn nicht, wozu dient es?

21
Nick Gammon

Sie sollten den Wortlaut Ihrer primären Aktionsschaltflächen wirklich ändern, um ihn absolut klar zu machen.

"Anfrage senden" oder "Anfrage senden" ist was Ihr Browser tut wenn der Benutzer auf einen Link oder eine Schaltfläche klickt, aber "Für Sitzung bezahlen" ist das, was der Benutzer möchte oder hat in diesem Zusammenhang zu tun, um fortzufahren.

Mithilfe eines modalen Dialogfelds zeigen Sie dem Benutzer, dass er das Dialogfeld zuerst ausfüllen muss, bevor er etwas anderes auf der Website tun kann. Modalitäten verursachen jedoch bekanntermaßen Probleme bei kleinen Mobiltelefonen, wenn sich die Schaltfläche "Schließen" außerhalb des Ansichtsfensters befindet.

9
iHaveacomputer

Fügen Sie zuletzt nach "Senden" eine Registerkarte "Bestätigung" hinzu (und ändern Sie den Text "Senden" in "Zusammenfassung"), damit der Benutzer weiß, dass noch ein Abschnitt vorhanden ist, bevor er fertig ist. Es ist seltsam, dass sich der Benutzer beim Auschecken mit Registerkarten im letzten Schritt befindet, aber nicht ausgeführt wird.

4
Web UX Guy

Sie sollten berücksichtigen, dass Ihr Checkout-Trichter zu lang ist. (so viele Schritte in Ihrem Fortschrittsbalken. Denken Sie darüber nach, einige Schritte zu kombinieren oder zu eliminieren), kann dies den Benutzern Angst machen + zu viele Möglichkeiten für den Benutzer, den Trichter ohne Konvertierung zu verlassen.

3
Helen Zhabko

Ihre Seite ist gleich gewichtet, und deshalb sieht sie wie eine Übersichtsseite aus - Ihre Instinkte sind korrekt. Wählen Sie einige Dinge aus, die hervorgehoben werden sollen, z. B. was sie gekauft haben und wie viel.

Die zusammenfassenden Informationen, die Sie hier haben, sind gut. Meine vorherigen Benutzertests haben gezeigt, dass Kunden es wirklich lesen und zur Korrektur verwenden. Aus diesem Grund halte ich es nicht für so wichtig, dass Sie sie bitten, "sicherzustellen, dass es korrekt ist" - weil sie es wahrscheinlich trotzdem lesen werden. Sie können diese Informationen herunterspielen und stattdessen hervorheben, wofür sie bezahlen und wie viel es ist.

Verwenden Sie das Wort "Bezahlen" oder ähnliches anstelle des allgemeinen "Informationen senden".

3
jackiemb

Keine vollständige Antwort, aber Ihr Ansatz Nr. 1 ist falsch, wie Sie wahrscheinlich vermutet haben.

Die Bank of America hat eine ähnliche Seite, wenn sie Geld zwischen Konten oder auf das Konto eines Freundes überweist. Sie wählen das Ab-Konto, das Ab-Konto, den Gesamtbetrag und das Datum der Überweisung aus und klicken dann auf Weiter. Dann sind Sie auf der Seite "Alles überprüfen". Sobald Sie auf "Übertragung abschließen" klicken, wird die eigentliche Übertragung gestartet.

Ich habe mehrmals fälschlicherweise gedacht, dass ich auf dieser letzten Seite fertig bin, und mich dann gefragt, warum mein Geld nicht überwiesen wurde. Ich merke es immer, weil ich als nächstes mein Konto überprüfe, um sicherzustellen, dass die Überweisung in meinem Zahlungsprotokoll angezeigt wird, aber ich kann definitiv Leute sehen, die den gleichen Fehler machen, insbesondere auf einer Website, von der sie nicht oft kaufen. Da Sie die Zahlung nicht sofort verarbeiten, haben sie nicht einmal die Möglichkeit, ihren Kontostand zu überprüfen, um sicherzustellen, dass die Zahlung ausgeführt wurde. Wenn sie jedoch so anspruchsvoll wären, hätten sie wahrscheinlich darauf gewartet, dass eine Zahlungsbestätigungsseite gedruckt oder gespeichert wird sowieso, dann wurde klar, warum sie noch keine hatten.

2
MichaelS

Gibt es einen sehr guten Grund, warum Sie die Bestätigungsseite nach der Zahlungsdetailseite einfügen?

Normalerweise bestätigt man die E-Mail-Adresse und die Versanddetails, gefolgt von den Zahlungsdetails (Kartennummern enthalten Prüfsummen, um Tippfehler zu vermeiden, sodass keine zusätzliche Validierung erforderlich ist). Darüber hinaus benötigen die meisten Banken eine 2-Faktor-Authentifizierung, wenn sie eine Karte zurückhalten. Dies würde fehlschlagen, wenn der Benutzer seine Kartennummer so eingegeben hat, dass eine gültige Prüfsumme entsteht.

Wenn der Zahlungsschritt in den letzten Schritt umgewandelt wird, ist das Problem gelöst, da der Benutzer eine Zahlung erwartet und den Vorgang erst dann als abgeschlossen betrachtet, wenn er bezahlt hat. Ein zusätzlicher Vorteil besteht darin, dass der Benutzer nicht (wie auf Ihrer Seite mit den Zahlungsdetails) über das (nicht vorhandene) Risiko einer doppelten Belastung gewarnt werden muss, wenn der Kaufvorgang unterbrochen wird.

1
March Ho

Ich würde auch vorschlagen, dass Sie die Box eher rot als grün machen. Grün vermittelt das Gefühl, dass es erfolgreich abgeschlossen wurde. IMO-Rot würde bedeuten, dass mehr Maßnahmen erforderlich sind.

1
user71620

Ich habe ein einfaches Modell erstellt, das den Ansatz möglicherweise besser erklären kann. Ich habe dies auf Mobilgeräten gesehen, wo der Rest des Bildschirms eine Überlagerung erhält, aber die einzige Aktion, die Sie ausführen können, ist das einzige anklickbare Element. Es gibt auch eine Abbruchoption, um zur vorherigen Ansicht zurückzukehren. Ich mag das, weil es das Rätselraten eines geschäftigen Modals erleichtert und Ihnen auch ein leichtes Aus gibt . enter image description here

0
riotgear