Im Folgenden finden Sie eine 5-schritte-Anleitung zum Entwerfen globaler Adressen, die ich während meiner Recherchen für das International-Team von Shopify entwickelt habe: Ich habe ein Formular mit einem Etikett und Eingabetyp=Text. Ich verwende das pattern=“, um den Text zu überprüfen, und zeige eine Meldung unter der Texteingabe an, wenn die Validierung fehlschlägt. Ich möchte in der Lage sein, die Farbe des Etiketts sowie den Text in der Texteingabe zu ändern, aber ich kann es nicht in Gang bringen. Das ist es, was ich bisher getan habe. Ich möchte js nicht verwenden. Wenn Sie Standardeingabetypen zusammen mit dem Pattern-Attribut verwenden, erhalten Sie eine zusätzliche Validierungsebene, beachten Sie jedoch, dass Sie auch eine Art serverseitige Validierung durchführen sollten. Die automatische Adressvervollständigung, wie der von Google Places bereitgestellte Dienst, kann ein echter Gewinn für die Benutzerfreundlichkeit sein, insbesondere wenn Sie eine Adresse auf einem kleinen Bildschirm ausfüllen oder sich an die korrekte Schreibweise einer Straße wie der Stadt haarst-gur erinnern müssen. Hier kann es hilfreich sein, sich auf regionale Trends zu verlassen. Im Allgemeinen gehen westliche Adressierungssysteme von der kleinsten geografischen Einheit (Straßenadresse) bis zur größten (Land) über.

Aber natürlich gibt es keine einheitliche Adressreihenfolge. Wenn Sie also ein Adressformular für ein bestimmtes Gebietsschema erstellen, überprüfen Sie die Universal Postal Union oder die offiziellen Richtlinien für die Postadressierung dieses Landes oder der Region. Fügen Sie [a-z]`1,15` als Wert des Musterattributs in unserer Benutzernameneingabe hinzu: Die meisten Gebietsschemas haben eine Form von Postleitzahl, andere jedoch nicht. Und darüber hinaus haben einige Gebietsschemas technisch eine Form von Postleitzahlensystem, aber es ist nicht üblich, es in eine Adresse aufzunehmen: Das heißt, Geolocation kann gruselig sein, und wenn Sie nicht das notwendige Vertrauen mit Ihren Benutzern aufgebaut haben, könnte es ein Signal an sie sein, dass Sie Informationen von ihnen nehmen, denen sie nicht zugestimmt haben. Es kann auch unnötig oder nicht hilfreich sein, wenn Sie eine Adresse ausfüllen, die sich in einem anderen Gebietsschema befindet als die Adresse, in der sich Ihr Computer befindet. Die einzige Variante dieses Musters zu diesem Zeitpunkt ist das nordamerikanische Adresseingabeformat. Benutzer haben die Möglichkeit, Adresseingabeformate für andere Gebietsschemas innerhalb des Systems zu erstellen. 3.

Um dem Kontaktformular einen Titel hinzuzufügen, wissen Sie, von welcher Seite diese Nachricht stammt (wenn Sie mehrere Kontaktformulare auf der Website haben). Das pattern-Attribut ist nur auf das Eingabeelement anwendbar. Es ermöglicht uns, unsere eigene Regel zu definieren, um den Eingabewert mit regulären Ausdrücken (RegEx) zu validieren. Wenn der Wert nicht mit dem angegebenen Muster übereinstimmt, löst die Eingabe einen Fehler aus. Definieren wir eine Regel, die mithilfe des Musterattributs hinzugefügt werden soll. In diesem Fall geben wir an, dass der Benutzername nur aus Kleinbuchstaben bestehen soll. keine Großbuchstaben, Zahlen oder andere Sonderzeichen erlaubt. Darüber hinaus sollte die Länge des Benutzernamens nicht mehr als 15 Zeichen betragen. In RegEx kann diese Regel als [a-z] ausgedrückt werden. Und in Ostasien beziehen sich Adressen häufig auf Verwaltungsbereiche und werden häufig von der größten Einheit (Land) bis zur kleinsten Einheit (Wohnung) dargestellt. Wie Sie oben sehen können, lautet die Fehlermeldung „Bitte passen Sie mit dem angeforderten Format überein.“ Unsere Validierung funktioniert also, aber diese Nachricht hilft unseren Benutzern nicht zu verstehen, was das angeforderte Format tatsächlich ist.

UX fehlschlagen. Es gibt viel zu denken, wenn es darum geht, Adressformulare für Menschen auf der ganzen Welt zu entwerfen. Aber wie jede Lokalisierungsarbeit sollte sie nicht übersehen werden, auch wenn ihre Komplexität erschreckend ist. Wenn es um ein Adressformular geht, besteht der beste allgemeine Weg um diese Unterschiede darin, ein Feld für den vollständigen Namen bereitzustellen. Oder wenn Sie auf ein bestimmtes Gebietsschema abzielen möchten, geben Sie die Felder (und die Reihenfolge der Felder) an, die die Personen in diesem Gebietsschema erwarten würden. In Nordamerika werden Straßen z. B. durch ein alphanumerisches Raster definiert und entweder benannt oder nummeriert. und es gibt Leitungsgremien, die Adressierungsstandards definieren, wie die Canada Post Corporation.