it-swarm-eu.dev

Miglior design / ordine / layout per il modulo dell'indirizzo postale

Ci sono degli standard là fuori quando si tratta di un modulo di indirizzo postale? Devo raccogliere i seguenti campi:

  • indirizzo Linea 1
  • indirizzo 2
  • città
  • codice postale (o CAP)
  • provincia (o stato)
  • nazione

Il paese e la provincia saranno a discesa. (la provincia dipende dal paese)

quindi la mia domanda è: è meglio avere i campi in un layout simile a un modulo di spedizione standard: cioè:

address line 1    
address line 2    
city   province   postal code
country

o in un ordine più logico come:

address line 1    
address line 2    
city   postal code    
country province
36
Patricia

Luke Wroblewski ha scritto un articolo su UX Matters sui moduli di indirizzo internazionale . Consiglio di consultare l'articolo in quanto elenca alcune best practice, schemi e convenzioni distillati dalla ricerca degli utenti. Luke ha anche scritto un libro sui moduli web chiamato Web Form Design: Filling in the Blanks che tratta anche questo argomento.

Verso la fine del suo articolo, evidenzia anche la forma di Amazon, che è generica e supporta tutti i tipi di input. Amazon sarebbe un buon posto per fare qualche ricerca per la progettazione del tuo modulo. Amazon's address form design

28
Rahul

Dire che "hai bisogno" di questi campi mi spaventa. Certamente non bisogno tutti questi campi per un indirizzo norvegese.

La suddivisione dell'ingresso dell'indirizzo in molti campi non solo causa problemi all'utente nel tentativo di forzare il proprio indirizzo in un modulo creato per un altro paese, ma come devono essere riformattati i dati dell'indirizzo in un indirizzo corretto?

Come pensi che un indirizzo norvegese su questo modulo debba essere forzato in questi campi? E quando i campi "città", "codice postale (o CAP)", "provincia (o stato)" vengono assegnati casualmente ad alcuni di questi valori, come si deve stampare l'etichetta nell'ordine corretto?

<Name>
<Street-name> <house-number>
<4-digit-post-code> <uppercase place name>
NORWAY

Per esempio.

Ola Normann
Karl Johansgate 13b
0599 OSLO
NORWAY

Consiglierei usando solo:

Name:    [ text line input    ]

Address: [   multiline        ]
         [   text area        ]

Country: [select box or text line input]

Perché renderlo più complicato di così? Questo dovrebbe funzionare perfettamente per qualsiasi tipo di indirizzo e facile da usare.

(Se per qualche motivo gli americani non sono in grado di scrivere correttamente il proprio indirizzo, basta creare un modulo specifico per gli Stati Uniti quando gli Stati Uniti sono scelti come paese e lasciare che chiunque compili il semplice nome/indirizzo/modulo del paese)

6

Queste forme mi infastidiscono. Il più delle volte chiedono molte più informazioni di quelle necessarie. Non conosco il Regno Unito, ma tutto ciò che è obbligatorio nel Regno Unito è il numero civico e il codice postale. Questo è tutto. Ma è diverso in diversi paesi.

Quindi ... in realtà, che ne dici di esternalizzare tutto questo casino a qualcuno che lo ha risolto e mantiene tutto bello e aggiornato per te? I QAS sembrano fare un buon lavoro - vedi la loro demo interattiva e, WOO, la loro ricerca nel Regno Unito, proprio come ho detto, ha solo bisogno del numero civico e del codice postale.

4
Julian H

Se non stai supportando più di un Paese, il modo migliore per mostrare il Paese predefinito selezionato, come mostrato da Luca nella sua soluzione.

Ancora una volta tieni presente che il formato dell'indirizzo non è necessariamente lo stesso in tutti i paesi.
Ecco perché devo sondare quali Paesi supporteranno la mia app.

Se è limitato a un singolo Paese, ad esempio l'India, terrò il Paese come predefinito selezionato e designerò come segue:

Ora prima capisci come funziona il codice postale in India: il codice postale in India è di 6 cifre.

La prima cifra del PIN indica la regione (totale 9 regioni, ognuna delle quali copre almeno 3 e massimo 12 stati). La seconda cifra indica la sottoregione e la terza cifra indica l'ordinamento distretto all'interno della regione Le ultime tre cifre sono assegnate ai singoli uffici postali.

Quindi ovviamente non posso selezionare lo stato in base al codice postale, oppure potrei dover cercare tali servizi o sviluppare internamente per supportare il mio pensiero, quindi senza tali servizi, al massimo posso applicare il filtro per ridurre al minimo le opzioni di selezione nel menu a discesa dello stato menù .

Una volta che questo è chiaro, inserirò i miei campi come segue:

Riga indirizzo 1 (Questo è il modo in cui noi indiani iniziamo a scrivere il nostro indirizzo, testo libero)

Riga indirizzo 2 (è davvero necessario, in caso affermativo, rendere queste etichette specifiche come i dettagli della via, l'area, il punto di riferimento, ecc., Dirò di evitare)

Stato (questo mi aiuterà a ridurre le opzioni del campo successivo)

Città (Seleziona/testo libero - dipende dalla tua ricerca, ad esempio - se i servizi sono limitati alla metropolitana o alle principali città dello stato)

Cerniera lampo

Paese (popolato automaticamente)

1

1: indirizzo 1

2: codice postale e città

3: Paese e provvidenza (mostra la provvidenza solo se supportato)

Sotto la riga 3 inserisci un link "Imposta un indirizzo secondario" e, se premuto, otterrai un modulo replicato come quello sulla riga 1, 2 e 3, ma con un titolo "Riga indirizzo 2".

1
Løvskogen

Mi piace l'idea di Stein G. Strindhaug, ma ci sono due problemi con un'area di testo multilinea per indirizzi internazionali.

  1. Gli utenti spesso dimenticano di inserire una parte del loro indirizzo, ad esempio un numero civico o un codice postale. Ingressi separati per ciascuna parte dell'indirizzo aiutano l'utente a inserire tutte le informazioni richieste sull'indirizzo.
  2. Un'area di testo con indirizzo a più righe può essere utilizzata solo se si stampa l'indirizzo su un pacco o una fattura e non sono necessarie parti separate dell'indirizzo. Spesso è molto difficile vedere quale parte di un indirizzo straniero è la strada e quale parte è la regione. Quindi, se è necessario inserire l'indirizzo nel database, ad esempio uno spedizioniere, è necessario separare nuovamente il campo di testo su più righe in via/area/codice postale che è difficile con molti indirizzi stranieri. Questo problema rende anche impossibile verificare se l'indirizzo è corretto se non si dispone di una conoscenza approfondita del formato dell'indirizzo estero.
0
user4386