it-swarm-vi.tech

Thiết kế / đặt hàng / bố trí tốt nhất cho mẫu địa chỉ gửi thư

Có bất kỳ tiêu chuẩn ngoài kia khi nói đến một mẫu địa chỉ gửi thư? Tôi cần thu thập các lĩnh vực sau:

  • địa chỉ dòng 1
  • địa chỉ 2
  • thành phố
  • mã bưu chính (hoặc Zip)
  • tỉnh (hoặc tiểu bang)
  • quốc gia

Đất nước và tỉnh sẽ được thả xuống. (một tỉnh phụ thuộc vào đất nước)

vì vậy, câu hỏi của tôi là: tốt hơn là có các trường trong một bố cục tương tự như một hình thức gửi thư tiêu chuẩn: tức là:

address line 1    
address line 2    
city   province   postal code
country

hoặc theo thứ tự hợp lý hơn như:

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

Luke Classicalblewski đã viết một bài viết tại UX Matters về các mẫu địa chỉ quốc tế . Tôi khuyên bạn nên tham khảo bài viết đó vì nó liệt kê một số thực tiễn, mô hình và quy ước tốt nhất được chắt lọc từ nghiên cứu người dùng. Luke cũng đã viết một cuốn sách về các mẫu web có tên Thiết kế mẫu web: Điền vào chỗ trống cũng bao gồm chủ đề này.

Gần cuối bài viết của mình, ông cũng nhấn mạnh hình thức của Amazon, chung chung và hỗ trợ tất cả các loại đầu vào. Amazon sẽ là một nơi tốt để thực hiện một số nghiên cứu cho thiết kế biểu mẫu của bạn. Amazon's address form design

28
Rahul

Nói rằng bạn "cần" những lĩnh vực này làm tôi sợ. Bạn chắc chắn không cần tất cả các trường này cho một địa chỉ Na Uy.

Việc phân tách địa chỉ đầu vào thành nhiều trường gây ra vấn đề cho người dùng khi cố ép địa chỉ của họ thành một biểu mẫu được tạo cho một quốc gia khác, nhưng dữ liệu địa chỉ nên được định dạng lại thành một địa chỉ chính xác như thế nào?

Làm thế nào để bạn cho rằng một địa chỉ Na Uy trong mẫu này, nên bị buộc vào các lĩnh vực này? Và khi các trường "thành phố", "mã bưu chính (hoặc Zip)", "tỉnh (hoặc tiểu bang)" được gán ngẫu nhiên một số giá trị này, bạn nên in nhãn theo đúng thứ tự như thế nào?

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

Ví dụ.

Ola Normann
Karl Johansgate 13b
0599 OSLO
NORWAY

Tôi muốn giới thiệu chỉ sử dụng:

Name:    [ text line input    ]

Address: [   multiline        ]
         [   text area        ]

Country: [select box or text line input]

Tại sao làm cho nó phức tạp hơn thế? Điều này sẽ hoạt động hoàn hảo cho bất kỳ loại địa chỉ, và dễ sử dụng.

(Nếu vì một lý do nào đó, người Mỹ không thể viết địa chỉ của chính họ, chỉ cần tạo một biểu mẫu cụ thể của Hoa Kỳ khi Hoa Kỳ được chọn là quốc gia và để bất kỳ ai khác điền vào tên/địa chỉ/mẫu đơn giản của quốc gia)

6
Stein G. Strindhaug

Những hình thức này làm phiền tôi. Hầu hết thời gian họ yêu cầu cách thông tin nhiều hơn mức cần thiết. Tôi không biết về Vương quốc Anh, nhưng tất cả những gì là bắt buộc ở Anh là số nhà và mã bưu điện. Đó là nó. Nhưng nó khác nhau ở các quốc gia khác nhau.

Vì vậy, .. thực sự làm thế nào về việc thuê ngoài toàn bộ mớ hỗn độn này cho một người đã giải quyết nó và giữ cho nó luôn tốt đẹp và cập nhật cho bạn? QAS dường như làm một công việc khá tốt - xem bản demo tương tác và, WOO, tra cứu Vương quốc Anh của họ, giống như tôi đã nói, chỉ cần số nhà và mã bưu điện.

4
Julian H

Nếu bạn không hỗ trợ nhiều hơn một quốc gia, cách tốt nhất để hiển thị mặc định quốc gia được chọn, như Luke thể hiện trong giải pháp của mình.

Một lần nữa hãy nhớ rằng định dạng địa chỉ không nhất thiết phải giống nhau ở tất cả các quốc gia.
[.___.] Đó là lý do tại sao tôi phải thăm dò các quốc gia mà ứng dụng của tôi sẽ hỗ trợ.

Nếu nó bị giới hạn ở một quốc gia, ví dụ Ấn Độ, tôi sẽ giữ quốc gia là mặc định được chọn và thiết kế như sau:

Bây giờ đầu tiên hãy hiểu làm thế nào các chức năng Zip ở Ấn Độ: Mã Zip ở Ấn Độ là 6 chữ số.

Chữ số đầu tiên của mã PIN cho biết vùng (tổng cộng 9 vùng, mỗi vùng bao gồm tối thiểu 3 và tối đa 12 trạng thái). Chữ số thứ hai chỉ vùng phụ và chữ số thứ ba cho biết sắp xếp huyện trong khu vực. Ba chữ số cuối cùng được gán cho từng bưu điện.

Vì vậy, rõ ràng tôi không thể chọn trạng thái dựa trên mã Zip hoặc tôi có thể phải tìm các dịch vụ đó hoặc phát triển nội bộ để hỗ trợ cho suy nghĩ của mình, vì vậy nếu không có các dịch vụ đó, tôi có thể áp dụng bộ lọc để giảm thiểu các tùy chọn lựa chọn trong trình đơn thả xuống trạng thái thực đơn .

Khi điều này rõ ràng, tôi sẽ đặt các lĩnh vực của mình như sau:

Dòng địa chỉ 1 (Đây là cách phổ biến chúng tôi Ấn Độ bắt đầu viết địa chỉ của chúng tôi, văn bản miễn phí)

Dòng địa chỉ 2 (có thực sự cần thiết không, nếu có, làm cho các nhãn này cụ thể như chi tiết Đường phố, khu vực, mốc, v.v. - Tôi sẽ nói tránh)

Trạng thái (điều này sẽ giúp tôi giảm các tùy chọn Dòng tiếp theo)

Thành phố (Chọn/văn bản miễn phí - ví dụ tùy thuộc vào nghiên cứu của bạn - nếu dịch vụ bị giới hạn ở các thành phố lớn hoặc thành phố hàng đầu trong tiểu bang)

Zip

Quốc gia (Tự động điền)

1
Hemant Nijampurkar

1: Dòng địa chỉ 1

2: Mã bưu điện và thành phố

3: Quốc gia và sự quan tâm (chỉ hiển thị sự quan tâm nếu được hỗ trợ)

Bên dưới dòng 3, đặt liên kết "Đặt địa chỉ phụ" và nếu được nhấn, bạn sẽ nhận được một biểu mẫu được sao chép giống như trên dòng 1, 2 và 3, nhưng với tiêu đề là "Dòng địa chỉ 2".

1
Løvskogen

Tôi thích ý tưởng của Stein G. Strindhaug, nhưng có hai vấn đề với một vùng văn bản nhiều dòng cho các địa chỉ quốc tế.

  1. Người dùng thường quên nhập một phần địa chỉ của họ, ví dụ số nhà hoặc mã bưu chính. Đầu vào riêng biệt cho từng phần của địa chỉ giúp người dùng nhập tất cả thông tin địa chỉ cần thiết.
  2. Một vùng văn bản địa chỉ nhiều dòng chỉ có thể được sử dụng nếu bạn in địa chỉ trên gói hoặc hóa đơn và không cần các phần riêng biệt của địa chỉ. Thường rất khó để xem phần nào của địa chỉ nước ngoài là đường phố và phần nào là khu vực. Vì vậy, nếu bạn cần nhập địa chỉ vào cơ sở dữ liệu, ví dụ như một người chuyển tiếp, bạn phải tách trường văn bản nhiều dòng thành mã đường phố/khu vực/mã bưu chính, điều này rất khó với nhiều địa chỉ nước ngoài. Vấn đề này khiến bạn cũng không thể kiểm tra xem địa chỉ có chính xác hay không nếu bạn không có kiến ​​thức sâu rộng về định dạng địa chỉ nước ngoài.
0
user4386