So prüfst du meine Registrierungsseite: eine Checkliste für Handarbeit

Unsere Empfehlung vorweg. Wir entwickeln Proxy Mail QA, sind also nicht neutral. In dieser Checkliste empfehlen wir es für zwei Schritte: das Formular mit einem Klick mit einem frischen Testkonto ausfüllen, mit Proxy Mail QA for Chrome, und den Bestätigungscode oder -link erhalten, ohne deinen eigenen Posteingang zu nutzen. Für den Großteil der Checkliste brauchst du kein Produkt, nur deinen Browser, ein Handy und ein paar kostenlose Tools, die wir unterwegs nennen. Proxy Mail QA bewertet weder Design, Texte, Barrierefreiheit noch Geschwindigkeit.

1. Bevor du anfängst

• Nutze eine Staging- oder lokale Kopie, nicht deine Live-Website, damit Testkonten nicht zwischen deinen echten Nutzern landen.
• Nutze für jeden Versuch eine neue E-Mail-Adresse. Wer sich zweimal mit derselben Adresse registriert, testet den Pfad „bereits registriert“, nicht die Registrierung. Deine eigene Gmail-Adresse mit Plus-Tag reicht für ein, zwei Versuche, aber die E-Mails mischen sich mit deiner privaten Post, und manche Apps lehnen Plus-Tags ab.
• Halte die Passwortregeln bereit, aus dem Code oder den Einstellungen des Auth-Diensts, damit du prüfen kannst, ob das, was die Seite sagt, zu dem passt, was sie tut.

2. Schau, bevor du tippst

• Ist jedes Feld nötig? Jedes zusätzliche kostet Registrierungen. Frag, warum Telefonnummer oder Firmenname da sind.
• Hat jedes Feld ein sichtbares Label, nicht nur Platzhaltertext, der beim Tippen verschwindet?
• Werden die Passwortregeln gezeigt, bevor jemand tippt, nicht erst, wenn er etwas falsch macht?
• Gibt es einen Anmeldelink für Leute, die schon ein Konto haben, und Links zu deinen AGB und deiner Datenschutzerklärung?
• Ist klar, was als Nächstes passiert: „Wir schicken dir einen Code per E-Mail“?

3. Füll es einmal aus, so wie ein neuer Kunde

Mit Proxy Mail QA for Chrome (kostenlos, für Chrome, Edge, Brave und Arc):

1. Öffne deine Registrierungsseite, klick in der Symbolleiste auf die Erweiterung und wähle Für diese Website aktivieren. Chrome fragt nach Zugriff auf genau diese eine Website und läuft nirgendwo sonst.
2. Klick im E-Mail-Feld auf den Button Proxy Mail QA und wähle, mit einem neuen Testkonto auszufüllen. Die Erweiterung füllt E-Mail und E-Mail-Bestätigung, Vor- und Nachname oder vollständigen Namen, Benutzername, Geburtsdatum sowie Passwort und Passwortbestätigung aus, mit einem Passwort, das zu den Längen- und Musterregeln des Felds passt. Firma, Telefon und andere Felder tippst du selbst.
3. Absenden. Die Erweiterung fragt, ob das Passwort bei der Testadresse gespeichert werden soll, damit du dich später mit diesem Konto anmelden kannst.
4. Wenn die E-Mail ankommt, erscheint der Code in einer Karte auf der Seite, mit Ausfüllen und Kopieren. Ein Bestätigungslink bekommt Öffnen, in einem neuen Tab.

Ohne die Erweiterung legst du unter app.proxymail.qa eine Adresse an und kopierst sie hinein; Code oder Link erscheinen in ihrer Zeile, sobald die E-Mail ankommt. Zum Ausprobieren gibt es eine Übungsseite zur Registrierung.

4. Mach es absichtlich kaputt

Jeder dieser Fälle sollte am Feld einen klaren Fehler in Worten anzeigen, ohne das Eingegebene zu löschen:

• Alles leer absenden.
• Eine E-Mail ohne @ oder mit zwei.
• Eine E-Mail- oder Passwortbestätigung, die nicht übereinstimmt.
• Ein Passwort, das gegen die Regeln verstößt. Die Karte der Erweiterung bietet Grenzfall-Passwort mit einer Liste „Sollte abgelehnt werden“, passend zu den Grenzen deines Felds.
• Ein Name wie O'Brien, José oder 李, der akzeptiert werden sollte. Grenzfall-Vorname auf der Karte hat mehr, darunter HTML wie <b>Jane</b>, das als reiner Text angezeigt werden sollte.
• Eine Adresse, die schon registriert ist. Entscheide, ob die Seite das sagen soll oder in jedem Fall „Prüfe deine E-Mails“, damit niemand herausfinden kann, wer ein Konto hat.
• Doppelklick auf den Absenden-Button. Du solltest ein Konto und eine E-Mail bekommen.

Prüfe, dass die Fehler angesagt und nicht nur rot gefärbt werden und dass der Fokus zum ersten springt.

5. Lies die E-Mail

Öffne die Testadresse in der App und lies die ganze E-Mail einmal:

• Ist der Absendername dein Produkt und der Betreff klar?
• Führt jeder Link zu der Website, die du testest? Ein Link zu localhost auf einer Staging-Website wird in der Zeile der Adresse markiert. So behebst du das.
• Wenn dort steht, wie lange Code oder Link gültig sind: Stimmt das?
• Lässt sie sich auf dem Handy gut lesen?

Dann nutze den Code oder Link und prüfe, dass du danach angemeldet bist.

6. Nach der Registrierung

• Melde dich ab und wieder an. In einem Anmeldeformular bietet die Erweiterung deine Testkonten an, die auf dieser Website verwendeten zuerst, und füllt die E-Mail mit dem gespeicherten Passwort aus.
• Setz das Passwort zurück und prüfe, dass das alte nicht mehr funktioniert.
• Notier deine Funde an der Testadresse, damit sie für den Nächsten bei diesem Konto bleiben.

7. Auf dem Handy und ohne Maus

• Öffne die Seite auf einem echten Handy oder im Gerätemodus deines Browsers. Bringt das E-Mail-Feld die Tastatur mit @? Ist etwas abgeschnitten oder hinter der Tastatur versteckt?
• Füll das ganze Formular nur mit der Tastatur aus: mit Tab durchgehen, Kästchen mit der Leertaste ankreuzen, mit Enter absenden.
• Führ Lighthouse (in Chrome DevTools eingebaut) und axe DevTools oder WAVE für Barrierefreiheitsprobleme aus und probier das Formular mit einem Screenreader wie VoiceOver oder NVDA.
• Prüfe, dass Felder autocomplete-Attribute haben (email, new-password, given-name), damit Passwortmanager und Browser sie richtig ausfüllen.

Was Proxy Mail QA nicht abdeckt

• Wie die Seite aussieht, sich liest und konvertiert. Das beurteilst du oder deine Nutzer.
• Barrierefreiheit, Geschwindigkeit und SEO: Nutze die Tools aus Schritt 7.
• SMS-Codes und Social Login: Es empfängt nur E-Mails.
• Felder, die nur deine App hat, etwa „Wie hast du von uns erfahren?“: Die tippst du selbst.

Sobald die Seite den Test von Hand besteht, kann ein Agent diese Prüfungen bei jeder Änderung wiederholen: siehe KI-Review von Registrierungsseiten.