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

Verwenden Sie VSCodes Remote-SSH, um eine Verbindung zu Linux für die Remote-Entwicklung herzustellen

Remote-SSH installieren und konfigurieren Öffnen ...

Grundkenntnisse in HTML: ein erstes Verständnis von Webseiten

HTML ist die Abkürzung für Hypertext Markup Langua...

Der Typ der Schaltfläche ist nicht als „Senden“ angegeben. Durch Klicken auf die Schaltfläche wird nicht zur angegebenen URL gesprungen.

Heutzutage wird aufgrund der Projektanforderungen ...

Das Implementierungsprinzip der MySQL-Master-Slave-Synchronisation

1. Was ist MySQL Master-Slave-Synchronisierung? W...

Linux-Befehlszeilenoperation Hochladen und Herunterladen von Dateien in der Baidu-Cloud

Inhaltsverzeichnis 0. Hintergrund 1. Installation...

Sogar ein Anfänger kann den Unterschied zwischen typeof und instanceof in js verstehen

Inhaltsverzeichnis 1. Art von 2. Instanz von 3. U...

Detaillierte Erklärung dieses Zeigeproblems in der JavaScript-Funktion

dieses Schlüsselwort Welches Objekt ruft die Funk...

Das neueste Installations-Tutorial für virtuelle Maschinen VMware 14

Zuerst gebe ich Ihnen den Aktivierungscode für VM...

So verwenden Sie DQL-Befehle zum Abfragen von Daten in MySQL

In diesem Artikel zeigt Ihnen der Blogger die häu...

Detaillierte Erläuterung der Persistenz des Vue-Seitenstatus

Inhaltsverzeichnis Code: Auffüllen: Zusammenfasse...

Holen Sie sich die IP und den Hostnamen aller Hosts auf Zabbix

zabbix Zabbix ([`zæbiks]) ist eine Open-Source-Lö...

So laden Sie Komponentenbibliotheken von Drittanbietern bei Bedarf in Vue3

Vorwort Nehmen Sie Element Plus als Beispiel, um ...

Installations-Tutorial für VMware Workstation 12 Pro Linux

Dieser Artikel zeichnet das Linux-Tutorial zur In...

960 Grid System – Grundprinzipien und Verwendung

Natürlich gibt es auch viele Leute, die die gegent...

Beispielcode zur Implementierung fortlaufender Updates von Diensten mit Docker Swarm

1. Was ist Docker Swarm? Docker Swarm ist ein off...