Heim > Web-Frontend > HTML-Tutorial > Regeln für das Registrierungsformulardesign_HTML/Xhtml_Webseitenproduktion

Regeln für das Registrierungsformulardesign_HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:46:01
Original
1380 Leute haben es durchsucht
„Muster für die Anmeldung und den Einstieg“Ich habe es sehr früh zu Ende gelesen, weil ich nach sorgfältiger Lektüre festgestellt habe, dass es sich eher um einen Leitfaden zum Community-Aufbau handelt, der anzieht Registrierungen und erhöht die Aktivität. Eine gute Ressource für die Recherche zur aktiven Community-Mitgliedschaft.
Da ich nach der Lektüre zugestimmt habe, meine Gedanken aufzuschreiben, möchte ich aus meiner Sicht über etwas sprechen, das mit der Registrierung zusammenhängt. Ich werde zunächst das Grundgerüst des gesamten Materials aufschlüsseln und dann basierend auf den Standpunkten über meine aktuellen Gefühle sprechen.
Registrierung ist eigentlich eine etwas langweilige Aufgabe. Der unter „Muster für Anmeldung und Hochlauf“ erwähnte Punkt ist:
Geben Sie dem Benutzer gute Gründe, sich anzuschließen
Auf den ersten Blick scheint es ein bisschen wie Marketing zu sein. Die Essenz der Dinge bleibt unverändert, aber die Emotionen der Menschen können umgekehrt werden – geben Sie den Benutzern gute Gründe, sich anzumelden ;
Machen Sie dafür, dass sich der Anmeldevorgang mühelos anfühlt
Das langweilige und langweilige Gefühl zu ändern, ist das, was wir tun müssen: Machen Sie das Formular oder den gesamten Registrierungsprozess einfach und mühelos;
Lassen Sie neue Benutzer nicht hängen
Die Bedeutung dieser Sichtweise im gesamten Material konzentriert sich auf Möglichkeiten zur Steigerung der Aktivität – Benutzer schließen die Mission nach Abschluss der Registrierung nicht ab, verstehen Sie das Gemeinschaft Etwas Neues hat gerade erst begonnen;
Beschleunigen Sie das Herstellen erster Verbindungen
Wenn die Aktivität vom vorherigen Punkt aus beginnt, erfahren Sie hier, wie Sie es Benutzern ermöglichen, in der Community zu leben und Verbindungen herzustellen, beispielsweise durch die Informationen, über die sie verfügen zuvor gepostet Kommen Sie und vernetzen Sie sich mit Ihren Freunden und erleben Sie das Gefühl, enge Freunde auf der anderen Seite des Meeres zu haben und sich wie ein Nachbar zu fühlen, obwohl Sie weit voneinander entfernt sind.
Die Grundstruktur des gesamten Artikels ist eine schrittweise Verhaltensanleitung. Sie enthält detaillierte Anmerkungen und Anleitungen für die erste Anleitung zur Einführung von Mitgliedern in Facebook und zur Aufrechterhaltung einer aktiven Community. Konzentrieren Sie sich nach der Lektüre auf die Zusammenfassung der Arbeit und klären Sie einige Regeln für das Anmeldeformular:
    Wenn die Formularstruktur mehrere Schritte erfordert, ist es wichtig, eine klare Navigation bereitzustellen Verwenden Sie ein Fortschrittslineal, um Benutzern ihre aktuelle Position und die Gesamtschritte mitzuteilen Betonen Sie die logischen Verbindungen zwischen mehreren Schritten, z. B. Markieren: Schritt 1, Schritt 2, Schritt 3 Erklären Sie die Schritte mit aussagekräftigen Bildern oder ICONs oder sogar Titeln Benutzen Sie einfache Sprache oder die zweite Person, um Handlungen zu beschreiben Logische Schritte beschränken sich am besten auf 3 Schritte Aufforderungen zum Benutzerregistrierungsverhalten
      Hinweise sollten dort erscheinen, wo Hilfe benötigt wird oder ein Zusammenhang zwischen früheren und späteren Aktionen besteht. Die Ermutigung der Benutzer sollte sich im Prozess widerspiegeln, z. B. indem für jedes abgeschlossene Eingabeelement ein Häkchensymbol angezeigt wird. Versuchen Sie, Popup-Warnungserinnerungen zu vermeiden Die Fehlermeldung von ICON vermeidet die Verwendung von Warnausdrücken, um Benutzer frustriert zu machen. Einfache und leicht erkennbare ICONs zur Kennzeichnung von Eingabeaufforderungen, Erfolgs- und Fehlerstilen Wenn beim Absenden des Formulars ein Fehler auftritt, ist es am besten, oben im gesamten Formular eine Fehlererinnerung anzuzeigen, um den Benutzer bei der Durchführung von Korrekturen anzuleiten.
    Über Copywriting Qualität ist wichtiger als Quantität. Highlights sollten hervorgehoben und nicht pauschal aufgeführt werden. Versuchen Sie, das Verfassen von Texten mit besonderen Bedeutungen zu vermeiden. Wenn es exklusive Substantive gibt, erläutern Sie diese bitte klar, um Verwirrung beim Benutzer zu vermeiden. Versuchen Sie, über die Highlights der Copywriting-Oberfläche nachzudenken und darüber, was für Benutzer am attraktivsten ist. Manchmal sind die Wörter „neueste“ möglicherweise nicht unbedingt das, woran Benutzer am meisten interessiert sind. In unseren früheren Projekten haben zahlreiche Daten und Praktiken gezeigt, dass das Verfassen von Texten wirklich wichtig ist. Layout des Formulars Versuchen Sie, ausgerichtete Felder, Eingabefelder gleicher Länge und konsistente visuelle Stile zu verwenden, um die visuelle Unordnung zu reduzieren. Versuchen Sie, die Anzahl der Felder und Eingabefelder auf einem Bildschirm auf 3–6 zu beschränken (wird hauptsächlich in Situationen mit mehreren Schritten verwendet). Wenn es optionale und erforderliche Felder gibt, geben Sie den Unterschied an. Klassifizieren Sie Informationen zu verschiedenen Konzepten und trennen Sie optionale und erforderliche Felder so weit wie möglich

Diese allgemeinen Regeln für die Formulargestaltung werden auch in der vollständigen Erklärung der Formulare von LukeW in den USA behandelt. Sie werden als Referenz für die Schüler noch einmal zusammengefasst Das kann im Detail untersucht werden. Es wird hier nicht aufgeführt und bleibt der späteren Zerlegung vorbehalten.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage