it-swarm.asia

Desain / Pemesanan / Tata Letak Terbaik Untuk Formulir Alamat Surat

Apakah ada standar di luar sana ketika datang ke formulir alamat surat? Saya perlu mengumpulkan bidang-bidang berikut:

  • alamat baris 1
  • alamat Baris 2
  • kota
  • kode pos (atau Zip)
  • provinsi (atau negara bagian)
  • negara

Negara dan provinsi akan drop down. (provinsi yang tergantung pada negara)

jadi pertanyaan saya adalah: apakah lebih baik memiliki bidang dalam tata letak yang mirip dengan bentuk surat standar: yaitu:

address line 1    
address line 2    
city   province   postal code
country

atau dalam urutan yang lebih logis seperti:

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

Luke Wroblewski menulis artikel di UX Matters tentang formulir alamat internasional . Saya akan merekomendasikan membaca artikel itu karena memuat beberapa praktik, pola, dan konvensi terbaik yang disaring dari riset pengguna. Luke juga menulis buku tentang formulir web yang disebut Desain Formulir Web: Mengisi Kosong yang mencakup topik ini juga.

Menjelang akhir artikelnya, ia juga menyoroti bentuk Amazon, yang generik dan mendukung semua jenis input. Amazon akan menjadi tempat yang baik untuk melakukan riset untuk desain formulir Anda. Amazon's address form design

28
Rahul

Mengatakan Anda "perlu" bidang-bidang ini membuat saya takut. Anda tentu saja tidak perl semua bidang ini untuk alamat Norwegia.

Tidak hanya memecah input alamat ke dalam banyak bidang yang menyebabkan masalah bagi pengguna yang mencoba memaksakan alamat mereka ke dalam formulir yang dibuat untuk negara lain, tetapi bagaimana seharusnya data alamat diformat ulang menjadi alamat yang benar?

Menurut Anda bagaimana alamat Norwegia pada formulir ini, harus dipaksa ke dalam bidang ini? Dan ketika bidang "kota", "kode pos (atau Zip)", "provinsi (atau negara bagian)" secara acak diberi nilai-nilai ini, bagaimana Anda harus mencetak label dengan urutan yang benar?

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

Misalnya.

Ola Normann
Karl Johansgate 13b
0599 OSLO
NORWAY

Saya akan merekomendasikan menggunakan:

Name:    [ text line input    ]

Address: [   multiline        ]
         [   text area        ]

Country: [select box or text line input]

Mengapa membuatnya lebih rumit dari itu? Ini harus bekerja dengan baik untuk semua jenis alamat, dan mudah digunakan.

(Jika karena alasan tertentu orang Amerika tidak dapat menulis alamat mereka sendiri dengan benar, cukup buat formulir khusus AS ketika AS dipilih sebagai negara, dan biarkan orang lain mengisi nama/alamat/formulir negara yang sederhana)

6

Bentuk-bentuk ini mengganggu saya. Sebagian besar waktu mereka meminta informasi jauh lebih banyak daripada yang dibutuhkan. Saya tidak tahu tentang Inggris, tetapi yang wajib wajib di Inggris adalah nomor rumah dan kode pos. Itu dia. Tetapi berbeda di negara yang berbeda.

Jadi .. sebenarnya bagaimana dengan mengalihtugaskan seluruh kekacauan ini kepada seseorang yang telah menyelesaikannya dan membuat semuanya tetap bagus dan terkini untuk Anda? QAS tampaknya melakukan pekerjaan yang cukup bagus - lihat demo interaktif dan, WOO, pencarian UK mereka, seperti yang saya katakan, hanya perlu nomor rumah dan kode pos.

4
Julian H

Jika Anda tidak mendukung lebih dari satu negara, cara terbaik untuk menunjukkan default negara yang dipilih, seperti yang ditunjukkan Luke dalam solusinya.

Sekali lagi perlu diingat bahwa format alamat tidak harus sama di semua negara.
Itulah sebabnya saya harus menyelidiki negara mana yang akan didukung aplikasi saya.

Jika terbatas pada satu negara, misalnya India, saya akan menjadikan negara sebagai default yang dipilih dan desain sebagai berikut:

Sekarang pertama-tama pahami bagaimana fungsi Zip di India: Kode pos di India adalah 6 digit.

Digit pertama dari kode PIN menunjukkan wilayah (total 9 wilayah, masing-masing mencakup min 3 dan maks 12 negara bagian). Digit kedua menunjukkan sub-region, dan digit ketiga menunjukkan pengurutan kabupaten di wilayah ini. Tiga digit terakhir ditugaskan untuk masing-masing kantor pos.

Jadi jelas saya tidak bisa memilih negara berdasarkan kode pos, atau saya mungkin harus mencari layanan seperti itu atau mengembangkan sendiri untuk mendukung pemikiran saya, jadi tanpa layanan seperti itu, maks saya bisa menerapkan filter untuk meminimalkan pilihan pilihan dalam drop-down keadaan Tidak bisa .

Setelah ini jelas, saya akan meletakkan bidang saya sebagai berikut:

Baris alamat 1 (Ini adalah cara populer kami orang India mulai menulis alamat kami, teks gratis)

Address line 2 (apakah benar-benar perlu, jika ya, buat label ini spesifik seperti detail Street, area, landmark, dll. -Aku akan mengatakan menghindari)

Status (ini akan membantu saya mengurangi opsi bidang selanjutnya)

Kota (Pilih/teks gratis - tergantung pada penelitian Anda, misalnya - jika layanan terbatas pada metro atau kota-kota top di negara bagian)

Zip

Negara (Populasi-otomatis)

1

1: Alamat jalur 1

2: Kode pos dan kota

3: Negara dan takdir (hanya tampilkan takdir jika didukung)

Di bawah baris 3 letakkan tautan "Tetapkan alamat sekunder", dan jika ditekan, Anda mendapatkan formulir yang direplikasi seperti yang ada di baris 1, 2 dan 3, tetapi dengan tajuk á "Address line 2".

1
Løvskogen

Saya suka gagasan Stein G. Strindhaug, tetapi ada dua masalah dengan area teks multi-baris untuk alamat internasional.

  1. Pengguna sering lupa memasukkan bagian dari alamat mereka, misalnya nomor rumah, atau kode pos. Input terpisah untuk setiap bagian alamat membantu pengguna memasukkan semua informasi alamat yang diperlukan.
  2. Area teks alamat multi-baris hanya dapat digunakan jika Anda mencetak alamat pada paket atau faktur dan tidak perlu bagian alamat yang terpisah. Seringkali sangat sulit untuk melihat bagian mana dari alamat asing adalah jalan dan bagian mana dari wilayah tersebut. Jadi, jika Anda perlu memasukkan alamat ke dalam database misalnya forwarder Anda harus memisahkan bidang teks multi-baris menjadi jalan/area/kode pos lagi yang sulit dengan banyak alamat asing. Masalah ini membuatnya juga tidak mungkin untuk memeriksa apakah alamat itu benar jika Anda tidak memiliki pengetahuan luas tentang format alamat asing.
0
user4386