web-gelistirme-sc.com

Posta Adres Formu İçin En İyi Tasarım / Sipariş / Düzen

Bir posta adresi formu söz konusu olduğunda standartlar var mı? Aşağıdaki alanları toplamam gerekiyor:

  • adres satırı 1
  • adres Satırı 2
  • kent
  • posta kodu (veya Zip)
  • il (veya eyalet)
  • ülke

Ülke ve il aşağı inecek. (ilin ülkeye bağımlı olduğu)

bu yüzden sorum şu: alanların standart posta formuna benzer bir düzende olması daha iyidir: ie:

address line 1    
address line 2    
city   province   postal code
country

veya daha mantıklı bir sırayla:

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

Luke Wroblewski, UX Matters'ta uluslararası adres formları hakkında bir makale yazdı . Kullanıcı araştırmalarından damıtılmış bazı en iyi uygulamaları, kalıpları ve kuralları listelediği için bu makaleye danışmanızı tavsiye ederim. Luke ayrıca bu konuyu da kapsayan Web Form Tasarımı: Boşlukları Doldurma adlı web formları hakkında bir kitap yazdı.

Makalesinin sonuna doğru, Amazon'un genel ve her türlü girişi destekleyen formunu da vurgulamaktadır. Amazon, form tasarımınız için biraz araştırma yapmak için iyi bir yer olacaktır. Amazon's address form design

28
Rahul

Bu alanlara “ihtiyaç duyduğunuzu” söylemek beni korkutuyor. Norveçli bir adres için tüm bu alanları kesinlikle gerekmemektedir.

Adres girişini bu kadar çok alana bölmek, kullanıcının adresini başka bir ülke için yapılmış bir forma zorlamaya çalışmasına neden olmakla kalmaz, aynı zamanda adres verilerinin doğru adrese nasıl yeniden biçimlendirilmesi gerekir?

Bu formdaki bir Norveç adresinin bu alanlara zorlanması gerektiğini nasıl düşünüyorsunuz? Ve "şehir", "posta kodu (veya Zip)", "eyalet (veya eyalet)" alanlarına bu değerlerden bazılarını rastgele atandığında, etiketi doğru sırada nasıl yazdırmalısınız?

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

Örneğin.

Ola Normann
Karl Johansgate 13b
0599 OSLO
NORWAY

Sadece kullanarak tavsiye ediyorum:

Name:    [ text line input    ]

Address: [   multiline        ]
         [   text area        ]

Country: [select box or text line input]

Neden bundan daha karmaşık? Bu, her tür adres için mükemmel çalışmalı ve kullanımı kolay olmalıdır.

(Bir nedenden dolayı Amerikalılar kendi adreslerini düzgün yazamıyorlarsa, ABD ülke olarak seçildiğinde yalnızca ABD'ye özel bir form oluşturun ve başkalarının basit ad/adres/ülke formunu doldurmasına izin verin)

6

Bu formlar beni kızdırıyor. Çoğu zaman gerekenden daha fazla bilgi ister. İngiltere'yi bilmiyorum, ancak İngiltere'de zorunlu olan tüm ev numarası ve posta kodu. Bu kadar. Ama farklı ülkelerde farklı.

Peki .. aslında bu karmaşayı çözen ve her şeyi sizin için iyi ve güncel tutan birine dış kaynak sağlamaya ne dersiniz? QAS oldukça iyi bir iş yapıyor gibi görünüyor - interaktif demo ve WOO, İngiltere'deki aramaları, tıpkı söylediğim gibi, sadece ev numarası ve posta koduna ihtiyaç duyuyor.

4
Julian H

Birden fazla ülkeyi desteklemiyorsanız, Luke'un çözümünde gösterildiği gibi, seçilen ülke varsayılanını göstermenin en iyi yolu.

Adres biçiminin tüm ülkelerde aynı olması gerekmediğini bir kez daha unutmayın.
Bu yüzden uygulamamın hangi ülkeleri destekleyeceğini araştırmalıyım.

Tek bir ülke, örneğin Hindistan ile sınırlıysa, ülkeyi varsayılan olarak seçili tutacak ve aşağıdaki gibi tasarlayacağım:

Şimdi önce Hindistan'da Zip işlevlerinin nasıl çalıştığını anlayın: Hindistan'daki posta kodu 6 basamaklıdır.

PIN kodunun ilk basamağı bölgeyi belirtir (her biri en az 3 ve en fazla 12 durumu kapsayan toplam 9 bölge), ikinci basamağı alt bölgeyi, üçüncü basamağı sıralamayı gösterir Son üç hane bireysel postanelere atanır.

Açıkçası, posta koduna dayalı olarak devlet seçemiyorum veya düşüncemi desteklemek için bu tür hizmetleri aramak veya kurum içinde geliştirmek zorunda kalabilirim, bu nedenle bu tür hizmetler olmadan, max açılır listesindeki seçim seçeneklerini en aza indirmek için filtre uygulayabilirim Menü .

Bu netleştikten sonra, alanlarımı aşağıdaki gibi koyacağım:

Adres satırı 1 (Bu, Hintli adresimizi yazmaya başladığımız popüler yol, serbest metin)

Adres satırı 2 (evet ise, gerçekten gerekli mi, bu etiketleri Sokak detayları, alan, yer işareti vb. Gibi özel yapın)

Durum (bu, bir sonraki alanın seçeneklerini azaltmama yardımcı olur)

Şehir (Metni seç/serbest bırak - araştırmanıza bağlıdır, örneğin - hizmetler metropol veya eyaletteki en iyi şehirlerle sınırlıysa)

Zip

Ülke (Otomatik olarak doldurulmuş)

1

1: Adres satırı 1

2: Posta kodu ve şehir

3: Ülke ve hizmet (yalnızca destekleniyorsa hizmeti göster)

Satır 3'ün altına "İkincil adres belirle" bağlantısı koyun ve basılırsa satır 1, 2 ve 3'teki gibi ancak "line Adres satırı 2" başlığına benzer çoğaltılmış bir form alırsınız.

1
Løvskogen

Stein G. Strindhaug fikrini seviyorum, ancak uluslararası adresler için çok satırlı bir metin alanı ile ilgili iki sorun var.

  1. Kullanıcılar genellikle adreslerinin bir bölümünü, örneğin ev numarası veya posta kodu girmeyi unuturlar. Adresin her bölümü için ayrı girişler, kullanıcının gerekli tüm adres bilgilerini girmesine yardımcı olur.
  2. Çok satırlı bir adres metin alanı, yalnızca adresi bir pakete veya faturaya yazdırırsanız ve adresin ayrı bölümlerine ihtiyaç duymazsanız kullanılabilir. Yabancı bir adresin hangi kısmının sokak, hangi kısmının bölge olduğunu görmek genellikle zordur. Bu nedenle, örneğin bir ileticinin veritabanına adresi girmeniz gerekiyorsa, çok satırlı metin alanını yine çok sayıda yabancı adresle zor olan sokak/alan/posta koduna ayırmanız gerekir. Bu sorun, yabancı adres biçimi hakkında kapsamlı bilginiz yoksa adresin doğru olup olmadığını kontrol etmeyi de imkansız hale getirir.
0
user4386