Regeln für die Gestaltung des Anmeldeformulars

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. Verwenden Sie einen Fortschrittsbalken, um den Benutzern die aktuelle Position und den gesamten Schritt anzuzeigen. Betonen Sie die logische Verbindung zwischen den Schritten, z. B. durch die Markierung von: Schritt 1, Schritt 2, Schritt 3. Verwenden Sie aussagekräftige Bilder oder Symbole oder sogar Überschriften, um jeden Schritt zu erklären. Verwenden Sie einfache Sprache oder Beschreibungen der Aktionslogik in der zweiten Person. Die Schritte sollten vorzugsweise auf 3 Schritte begrenzt werden. 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 ist wichtiger als die Quantität. Heben Sie die Highlights direkt hervor, anstatt sie flach aufzulisten. Vermeiden Sie Copywriting mit Sonderbedeutungen. Wenn es spezielle Substantive gibt, erklären Sie diese bitte deutlich, um Verwirrung bei den Benutzern zu vermeiden. Denken Sie an die Highlights an der Oberfläche des Copywritings und daran, was die Benutzer am meisten anspricht. Manchmal ist das Wort „neueste“ nicht unbedingt das, was die Benutzer am meisten interessiert. In unseren früheren Projekten haben viele Daten und Praktiken betont, dass Copywriting wirklich wichtig ist. Das Layout des Formulars sollte ausgerichtete Felder, gleich lange Eingabefelder und einheitliche visuelle Stile verwenden, um visuelle Interferenzen zu reduzieren. Versuchen Sie, die Anzeige von 3-6 Feldern und Eingabefeldern auf einem Bildschirm zu begrenzen (wird meist in Situationen mit mehreren Schritten verwendet). Wenn es optionale und erforderliche Felder gibt, geben Sie den Unterschied an. Kategorisieren Sie Informationen mit unterschiedlichen Konzepten und trennen Sie optionale und erforderliche Felder so weit wie möglich.

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

Artikel empfehlen

JavaScript implementiert den Farbänderungseffekt durch Klicken mit neun Rastern

In diesem Artikel wird der spezifische JavaScript...

So installieren Sie MySQL über SSH auf einem CentOS VPS

Geben Sie yum install mysql-server Drücken Sie Y,...

So migrieren Sie lokales MySQL in eine Serverdatenbank

Wir können den scp-Befehl von Linux (scp kann unt...

202 kostenlose, hochwertige XHTML-Vorlagen (1)

Hier präsentiert 123WORDPRESS.COM den ersten Teil...

Eine universelle Nginx-Schnittstelle zur Implementierung der Reverse-Proxy-Konfiguration

1. Was ist ein Proxyserver? Proxyserver: Wenn der...

So verwenden Sie die MySQL-Indexzusammenführung

Die Indexzusammenführung ist ein intelligenter Al...

Mehrere Navigationsrichtungen, die in Zukunft beliebt sein werden

<br />Dies ist nicht nur ein Zeitalter der I...

Einführung und Installation von MySQL Shell

Inhaltsverzeichnis 01 ReplicaSet-Architektur 02 E...

Erfahren Sie mehr über die MySQL-Speicher-Engine

Inhaltsverzeichnis Vorwort 1. MySQL-Hauptspeicher...

Zusammenfassung der Wissenspunkte zum B-Tree-Index bei der MySQL-Optimierung

Warum müssen wir SQL optimieren? Wenn wir SQL-Anw...

Das Lazy-Loading-Attributmuster in JavaScript verstehen

Traditionell erstellen Entwickler Eigenschaften i...

Erste Erfahrungen mit der Texterstellung mit Javascript Three.js

Inhaltsverzeichnis Wirkung Beginnen Sie mit der T...

Ein praktischer Bericht über die Wiederherstellung einer MySQL Slave-Bibliothek

Beschreibung der Situation: Heute habe ich mich b...

CSS-Rahmen fügt Implementierungscode für vier Ecken hinzu

1.html <div Klasse="loginbody"> &...

Das Linux-System verbietet den Remote-Login-Befehl des Root-Kontos

PS: So deaktivieren Sie die Remote-Anmeldung des ...