web-development-kb-es.site

Mejor diseño / pedido / diseño para el formulario de dirección postal

¿Existe algún estándar cuando se trata de un formulario de dirección postal? Necesito recopilar los siguientes campos:

  • dirección Línea 1
  • línea de dirección 2
  • ciudad
  • código postal (o código postal)
  • provincia o Estado)
  • país

El país y la provincia serán desplegables. (la provincia depende del país)

así que mi pregunta es: ¿es mejor tener los campos en un diseño similar a un formulario de correo estándar: es decir:

address line 1    
address line 2    
city   province   postal code
country

o en un orden más lógico como:

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

Luke Wroblewski escribió un artículo en UX Matters sobre formularios de direcciones internacionales . Recomiendo consultar ese artículo, ya que enumera algunas de las mejores prácticas, patrones y convenciones extraídas de la investigación del usuario. Luke también escribió un libro sobre formularios web llamado Diseño de formulario web: Rellenar los espacios en blanco que también cubre este tema.

Cerca del final de su artículo, también destaca la forma de Amazon, que es genérica y admite todo tipo de entradas. Amazon sería un buen lugar para investigar un poco sobre el diseño de su formulario. Amazon's address form design

28
Rahul

Decir que "necesitas" estos campos me asusta. Ciertamente no necesita todos estos campos para una dirección noruega.

No solo dividir la entrada de la dirección en tantos campos causa problemas para el usuario que intenta forzar su dirección en un formulario hecho para otro país, sino ¿cómo deben formatearse los datos de la dirección en una dirección correcta?

¿Cómo supone que una dirección noruega en este formulario debería ser forzada a ingresar a estos campos? Y cuando los campos "ciudad", "código postal (o código postal)", "provincia (o estado)" se asignan aleatoriamente a algunos de estos valores, ¿cómo debe imprimir la etiqueta en el orden correcto?

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

P.ej.

Ola Normann
Karl Johansgate 13b
0599 OSLO
NORWAY

Recomiendo usar solo:

Name:    [ text line input    ]

Address: [   multiline        ]
         [   text area        ]

Country: [select box or text line input]

¿Por qué hacerlo más complicado que eso? Esto debería funcionar perfectamente para cualquier tipo de dirección, y fácil de usar.

(Si por alguna razón los estadounidenses no pueden escribir su propia dirección correctamente, solo haga un formulario específico de EE. UU. Cuando EE. UU. Sea elegido como país, y deje que cualquier otra persona complete el formulario simple de nombre/dirección/país)

6

Estas formas me molestan. La mayoría de las veces solicitan más información de la necesaria. No sé sobre el Reino Unido, pero todo lo que es obligatorio en el Reino Unido es el número de casa y el código postal. Eso es. Pero es diferente en diferentes países.

Entonces ... en realidad, ¿qué hay de externalizar todo este desastre a alguien que lo ha resuelto y lo mantiene todo agradable y actualizado para usted? QAS parece hacer un trabajo bastante bueno: vea su demostración interactiva y, WOO, su búsqueda en el Reino Unido, como dije, solo necesita el número de casa y el código postal.

4
Julian H

Si no es compatible con más de un país, la mejor manera de mostrar el país predeterminado seleccionado, como lo mostró Luke en su solución.

Una vez más, tenga en cuenta que el formato de dirección no necesariamente es el mismo en todos los países.
Por eso debo investigar qué países admitirá mi aplicación.

Si se limita a un solo país, por ejemplo India, mantendré el país seleccionado por defecto y diseñaré lo siguiente:

Ahora entienda primero cómo funciona Zip en India: el código postal en India es de 6 dígitos.

El primer dígito del código PIN indica la región (total de 9 regiones, cada una de las cuales cubre los estados mínimo 3 y máximo 12). El segundo dígito indica la subregión y el tercer dígito indica la clasificación distrito dentro de la región. Los últimos tres dígitos se asignan a las oficinas de correos individuales.

Obviamente, no puedo seleccionar el estado en función del código postal, o puede que tenga que buscar dichos servicios o desarrollarlos internamente para apoyar mi pensamiento, por lo que sin dichos servicios, max puedo aplicar el filtro para minimizar las opciones de selección en el menú desplegable de estados menu.

Una vez que esto esté claro, pondré mis campos de la siguiente manera:

Línea de dirección 1 (esta es la forma popular en que los indios comenzamos a escribir nuestra dirección, texto libre)

Línea de dirección 2 (es realmente necesario, en caso afirmativo, especifique estas etiquetas como detalles de la calle, área, punto de referencia, etc., diré evitar)

Estado (esto me ayudará a reducir las opciones del siguiente campo)

Ciudad (Seleccionar/texto libre, depende de su investigación, por ejemplo, si los servicios se limitan a las ciudades metropolitanas o principales del estado)

Código Postal

País (poblado automático)

1
Hemant Nijampurkar

1: línea de dirección 1

2: Código postal y ciudad

3: País y providencia (solo muestra providencia si es compatible)

Debajo de la línea 3 coloque un enlace "Establecer una dirección secundaria", y si se presiona, obtendrá un formulario replicado como el de la línea 1, 2 y 3, pero con un título á "Dirección línea 2".

1
Løvskogen

Me gusta la idea de Stein G. Strindhaug, pero hay dos problemas con un área de texto de varias líneas para direcciones internacionales.

  1. Los usuarios a menudo olvidan ingresar una parte de su dirección, por ejemplo, un número de casa o un código postal. Las entradas separadas para cada parte de la dirección ayudan al usuario a ingresar toda la información de dirección requerida.
  2. Un área de texto de dirección de varias líneas solo se puede usar si imprime la dirección en un paquete o factura y no necesita partes separadas de la dirección. A menudo es muy difícil ver qué parte de una dirección extranjera es la calle y qué parte es la región. Entonces, si necesita ingresar la dirección en la base de datos de, por ejemplo, un reenviador, debe separar nuevamente el campo de texto de varias líneas en calle/área/código postal, lo que es difícil con muchas direcciones extranjeras. Este problema también hace imposible verificar si la dirección es correcta si no tiene un amplio conocimiento sobre el formato de la dirección extranjera.
0
user4386