14 Tipps und Beispiele für erfolgreiche Login-/Anmeldungs-Formulare

Design

Jeder User hat es wahrscheinlich schon mal gesehen und genutzt. Man füllt 1 oder mehrere Formularfelder aus, klickt auf einen Bestätigungs-Button und erhält Zutritt zu einer Webseite, einem Tool oder einfach ein bestelltes Produkt aus einem Online-Shop. Es geht um Login-/Registrierungs-Formulare. Heutzutage begegnen Sie uns fast überall im Web. Doch sie sehen nicht nur unterschiedlich aus, sondern haben auch verschiedene Funktionen. Ich habe Euch mal 10 schöne Login/Anmeldungs-Formular zusammengestellt. Doch vorher möchte ich noch ein paar Tipps aufführen, was bei der Gestaltung eines Formulars beachtet werden sollte:

  1. Weniger ist mehr! Nur die notwendigsten Informationen abfragen. (z.B. schreckt die Abfrage nach der Telefonnummer in den meisten Fällen ab)
  2. Falls ein Dropdown Menü verwendet wird, sollte man nicht so viel Auswahl anbieten, dass der User zu lange scrollen muss.
  3. Felder sollten ausreichend bezeichnet sein.
  4. Pflichtfelder markieren.
  5. Bei nicht ausgefüllten Pflichtfeldern oder Falscheingabe sollte eine Fehlermeldung erscheinen. Diese sollte den betroffenen Feldern zugeordnet werden.
  6. Bestätigungscheck für richtig ausgefüllte Felder. (z.B. in Form eines grünen Häkchens)
  7. Kontraststarke Formularfelder. Sie sollten als Formularfelder erkennbar sein.
  8. Möglichkeit anbieten sein vergessenes Passwort anzufordern.
  9. Erinnerungsfunktion für Benutzername und Passwort.
  10. Visualisierung der abzufragenden Informationen mit Icons.
  11. Schritt-für-Schritt zur Anmeldung. Erklären Sie dem User in kurzen Sätzen und mit Hilfen von Icons wie er zum Ziel kommt.
  12. Social Media Login Buttons.
  13. Kontraststarker Button mit Aufforderung zum Klicken.
  14. Bestätigungsmeldung/Dankeseite für erfolgreiche Anmeldung.

Konkrete Tipps zu Kontaktformularen und Bestellformularen findet ihr hier.

 

Account Login

account-login-formular

 

Tab Login

login-tab-formular

 

Xero Registrierung

schritte-login-formular

 

Clean Login

squareteam-login-formular

 

hTab Registrierung

htab-login-formular

 

Cartoon Login

cartoon-login-formular

 

SaaS Registrierung

saas-registrierung-formular

 

Tasklist Login

taskslist-login-formular

 

Collector Registrierung

collector-registrierung-formular

 

 

 

 

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.



Weitere Artikel zu Design

Aufgeräumt, aber unübersichtlich! Trotz Raster- und Kachelsystem ist die... Mehr lesen »

Bei der heutigen Landingpage handelt es sich um eine Microsite bei der man... Mehr lesen »

Ich zeige euch 13 coole Header-Effekte für Webseiten, die beim Scrollen... Mehr lesen »


Weitere Artikel von Alexander
Design
Aufgeräumt, aber unübersichtlich! Trotz Raster- und Kachelsystem ist die... Mehr lesen »

Landingpages Online Marketing
Conversion Rate mit Videos auf Landingpages erhöhen? Aber klar! Hier sind... Mehr lesen »

Design Landingpages Online Marketing
Bei der heutigen Landingpage handelt es sich um eine Microsite bei der man... Mehr lesen »

Top-Beiträge

Facebook

Bilder posten auf Facebook

Nicht jedes Bild passt in das neue Konzept der Facebook Chronik. Aber wie müssen Bilder jetzt... Mehr lesen »
Design

13 coole Header-Effekte für Webseiten

Ich zeige euch 13 coole Header-Effekte für Webseiten, die beim Scrollen animiert werden. Manche... Mehr lesen »
AdWords

5 Tipps zur Verbesserung der CTR

Update 04/2016   Die CTR (Click-Through-Rate, also die Klickrate) spielt eine große Rolle in... Mehr lesen »
^