Regeln für die Gestaltung des Anmeldeformulars

Ich habe „Patterns for Sign Up & Ramp Up“ vor langer Zeit zu Ende gelesen. Der Grund, warum ich meine Rezension heute schreibe, ist, dass ich nach sorgfältiger Lektüre festgestellt habe, dass es eher eine Anleitung zum Aufbau einer Community ist, die Registrierungen anzieht und die Aktivität steigert. Es ist ein gutes Material zum Studium der aktiven Community-Mitgliedschaft.
Da ich zugestimmt habe, eine Rezension zu schreiben, werde ich aus meiner Sicht über einige Dinge im Zusammenhang mit der Registrierung sprechen. Ich werde zuerst die Struktur des gesamten Artikels aufschlüsseln und dann über meine aktuellen Gefühle basierend auf den darin enthaltenen Standpunkten sprechen.
Die Registrierung ist eigentlich eine ziemlich langweilige Aufgabe. Der in Mustern für Anmeldung und Ramp-Up erwähnte Punkt ist:
Geben Sie dem Benutzer gute Gründe, mitzumachen
Auf den ersten Blick mag es ein bisschen wie Marketing erscheinen. Das Wesentliche bleibt unverändert, aber die Emotionen der Menschen können sich umkehren – geben Sie den Benutzern einen guten Grund, sich anzumelden;
Sorgen Sie dafür, dass sich der Anmeldevorgang mühelos anfühlt
Um dieses langweilige und nervige Gefühl zu ändern, müssen wir Folgendes tun: Das Formular bzw. den gesamten Registrierungsprozess einfach und arbeitssparend gestalten;
Lassen Sie neue Benutzer nicht hängen
Die Bedeutung dieses Standpunkts im gesamten Dokument konzentriert sich auf Möglichkeiten zur Steigerung der Aktivität – die Benutzer haben ihre Mission mit der Registrierung nicht erfüllt und das Kennenlernen neuer Dinge in der Community ist nur der Anfang;
Beschleunigen Sie den ersten Verbindungsaufbau
Wenn die Aktivität mit dem vorherigen Punkt begonnen hat, erfahren Sie hier, wie Sie Benutzern ermöglichen können, in der Community zu leben und Verbindungen herzustellen, z. B. mit Freunden über Informationen Kontakt aufzunehmen, die sie zuvor gepostet haben, und wirklich das Gefühl zu erleben: „Es gibt Freunde auf der ganzen Welt und die Welt ist wie eine Nachbarschaft.“
Die Grundstruktur des gesamten Artikels ist eine schrittweise Verhaltensanleitung, die detaillierte Anmerkungen und Anweisungen für die anfängliche Anleitung zur Einführung von Mitgliedern und zur Aufrechterhaltung der Community-Aktivität auf Facebook enthält und als Handbuch zum Nachschlagen verwendet werden kann. Konzentrieren Sie sich nach dem Lesen auf die Zusammenfassung der Arbeit und lernen Sie einige Regeln für Anmeldeformulare kennen:

Wenn die Formularstruktur mehrere Schritte erfordert, ist eine klare Navigation wichtig.

Benutzeraufforderungen während der Registrierung

Tipps sollten angezeigt werden, wenn Hilfe benötigt wird oder wenn eine Verbindung zwischen vorherigen und nachfolgenden Aktionen besteht. Ermutigungen für Benutzer sollten im Prozess widergespiegelt werden, beispielsweise durch ein Häkchensymbol für jedes abgeschlossene Eingabeelement. Versuchen Sie, Popup-Warnfelder zu vermeiden. Vermeiden Sie die Verwendung von Warnungen, um Benutzer zu frustrieren. Verwenden Sie einfache und leicht zu erkennende Symbole, um Tipps, Erfolge und Fehler zu kennzeichnen. Wenn beim Senden eines Formulars ein Fehler auftritt, ist es bei langen Formularen am besten, die Fehlererinnerung oben im gesamten Formular anzuzeigen, um Benutzer bei der Korrektur des Fehlers anzuleiten.

Die Qualität des Copywritings

Das Layout des Formulars

Diese allgemeinen Regeln für die Formulargestaltung werden auch in der umfassenden Formularerklärung von LukeW von Yahoo in den USA behandelt. Sie werden alle am häufigsten verwendet. Ich werde sie zu Ihrer Information zusammenfassen. Es gibt noch viele weitere Punkte, die bei der Anleitung von Aktivitäten eingehend untersucht werden können. Wir werden hier nicht näher darauf eingehen und es einer späteren Analyse überlassen.

<<: Docker startet das Elasticsearch-Image und behebt den Fehler nach dem Mounten des Verzeichnisses

>>: Detaillierte Anwendung des dynamischen Vue-Formulars

Detaillierte Erklärung, warum die gemeinsame Verwendung von v-if und v-for in Vue nicht empfohlen wird

Regeln für die Gestaltung des Anmeldeformulars

Detaillierte Erklärung, warum die gemeinsame Verwendung von v-if und v-for in Vue nicht empfohlen wird

Detailliertes Tutorial zur Installation von MySQL auf CentOS 6.9

Beispielcode zum Erstellen eines Dropdown-Menüs mit reinem CSS

So kapseln Sie Axios in Vue

So entfernen Sie in Linux ganz einfach installierte Quellpakete

Lösung für die verstümmelte Anzeige von Linux SecureCRT

Tutorial zu HTML-Tabellen-Tags (36): Hintergrundfarbattribut für Tabellenkopfzeilen BGCOLOR

Freundliche Alternativen zum Find Tool in Linux

W3C Tutorial (16): Weitere W3C Aktivitäten

Ein seltener Fehler und eine Lösung für die vollständige SQL Server-Sicherung

Artikel empfehlen

Vue erzielt den Top-Effekt durch V-Show

Grafisches Tutorial zur Installation der neuesten Version des MySQL-Servers unter Windows 7 64 Bit

Zusammenfassung der MySQL-Datenbanknutzungsspezifikationen

HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen

JavaScript implementiert einen verschiebbaren Fortschrittsbalken

Implementierung der Festlegung einer festen IP beim Starten eines Docker-Containers

Probleme und Lösungen bei der Installation und Verwendung von VMware

CentOS 8.0.1905 installiert ZABBIX Version 4.4 (verifiziert)

Tutorial zur Konfiguration des Nginx/Httpd-Reverseproxys für Tomcat

JavaScript-Entwurfsmuster – Muster der Verantwortungskette

Tutorial und Praxis zu den virtuellen Speichereinstellungen unter Linux

Realisieren Sie Kartenaggregations- und Streueffekte basierend auf Vue + OpenLayer

Lösen Sie das Problem der Docker-Protokollmontage

Detailliertes Tutorial zum Erstellen eines Gitlab-Servers auf CentOS8.1

HTML-Beispielcode zur Implementierung des Tab-Wechsels