Machen Sie „E-Mail bereits vergeben“ auf kleineren Bildschirmen auffälliger

Heute unternehmen wir eine Reise mit einem Benutzer, der sich nicht sicher ist, ob er bereits ein Konto auf einer beliebigen Discourse-Seite hat.

Unsere Reise beginnt mit einer frohen Note.

Alles ist grün und wir fühlen uns gut,

Warte. Der Arztbericht ist aus dem Krankenhaus zurück. Es tut mir leid, der Familie die schlechte Nachricht überbringen zu müssen. Und es tut mir leid, dass ich Ihre Hoffnungen so hoch geschraubt und Sie dann enttäuscht habe.

Nun, betrachten Sie es von der positiven Seite. Sie haben immer noch ein Konto.

Ich teste das gerade. Sobald ich meine E-Mail-Adresse eingebe und dann zum Benutzernamen übergehe, erscheint die Meldung, dass die E-Mail-Adresse bereits vergeben ist. Dies scheint die erste Gelegenheit zu sein, diese Informationen anzugeben. Ich bin mir also nicht sicher, was Sie hier verbessern möchten?

Nun, vertrauen Sie mir, dass ich keinen einzigen Schritt weitergegangen wäre, wenn irgendetwas Rotes in meinem Sichtfeld aufgetaucht wäre. Das Problem könnte also sein:

  • Rote Dinge treten in einem Bereich auf, der bereits aus dem kleinen Ansichtsfenster herausgescrollt wurde, selbst auf dem Desktop.
  • Rote Dinge treten asynchron auf, nicht immer schnell genug, damit der Benutzer sie sehen kann, bevor er sie aus dem kleinen Fenster herausgescrollt hat.

Auch in dem Moment, in dem die asynchrone Prüfung mit schlechten Ergebnissen zurückkommt, sollte das gesamte Formular gesperrt und rot werden… Es hat keinen Sinn, dass der Benutzer das Formular weiter ausfüllt, wenn es bereits zum Scheitern verurteilt ist und das Formular das bereits weiß.

Oder vielleicht:

  • Warten Sie einfach, bis die Prüfung erfolgreich ist, bevor Sie dem Benutzer erlauben, zur nächsten Frage zu gelangen. Sicherlich ist die Verbindung zwischen dem Formular und der Datenbank eine höhere Bandbreite als zwischen dem Formular und dem Benutzer, so dass es keinen Grund gibt, dem Benutzer zu erlauben, das Formular so schnell auszufüllen.

Könnten Sie bitte einige zusätzliche Details zu dem von Ihnen verwendeten Gerät (einschließlich Bildschirmgröße) sowie zu jeglicher Zoom- oder Textvergrößerung, die Sie möglicherweise anwenden, hinzufügen?

Hier ist ein makelloser Screenshot mit 1920x1080, aufgenommen auf einem Chromebook mit STRG+0 Zoom

PS: Dort auf https://community.opencellid.org/ erhalten Sie bei Klick auf „Mit GitHub anmelden“ einen 404. Und seltsam, diese drei Seitentasten, eine ist „Log in“, die anderen beiden sind „Sign in“.