En iyi kullanılabilirlik için form etiketi konumu

16

Ben onların ziyaretciniz soracaktır bir form yaratıyorum firstname, middle initialve lastname. Bu metin alanlarının tüm satır içi olmasını istiyorum, ancak etiketleri nereye yerleştirmeliyim? Solda, üstünde veya alanların altında.

Kullanılabilirlik açısından en iyi yaklaşımı arıyorum.

— Shane Stillwell
kaynak

Bu uxexchange.com için daha uygun değil mi? ( uxexchange.com )

— Bobby Jack

Wow, uxechange.com'un var olduğunu bilmiyordum, teşekkürler. Bu soruya verilen yukarı oy sayısına bakılırsa, kesinlikle Pro Webmasterların zihninde.

— Shane Stillwell

Evet - biraz 'sorun'. Uxexchange'in 'eski SO' modeli kullanılarak kurulduğuna inanıyorum. Web yöneticileri gibi yeni modeli kullanan siteler çok daha fazla ilgi görüyor. Yani uxexchange ile daha alakalı bir şey web yöneticilerinde daha başarılı olur. Çözümün ne olduğundan emin değilim - uxexchange'i mi?

— Bobby Jack

10

UXmatters'ın bu çalışmasına bir göz atın . Oldukça derinliktedir, göz izleme verilerini içerir ve üstteki etiketlerin genel olarak en iyi çözüm olduğu sonucuna varır.

Orada Luke Wroblewski'nin tarafından benzer bir makale de oldukça ayrıntılı. Her iki makale de okumaya değer!

— Grant Palin
kaynak

+1 Aynı kaynakları paylaşacaktım. Gerçekten, bu sorunun cevabı çalışmaları içermelidir.

— Virtuosi Media

Aradığım şey bu, sol ve üst arasında bazı karşılaştırmalar. Eminim ki birçoğu özneldir, ancak daha az olmayan, her şeyin eşit olması biraz daha iyi olan bazı düzenler olmalıdır. Teşekkürler.

— Shane Stillwell

UXmatters makalesinde ilginç olan şey, kalın etiketlerin ziyaretçileri rahatsız ettiğini ve ... "Kalın etiketlerin kullanıcıların okuması ve algılaması daha zordu - muhtemelen kalın metin ile bitişik kenarlıklar arasında daha fazla görsel karışıklık olduğu için girin. " Bunu bildiğim iyi oldu.

— Shane Stillwell

negatif bir nelly olmamakla birlikte, uxmatters.com'un "en iyi makaleler" bölümü yok, hatta google web yöneticisi araçlarını kullanmıyor, bu yüzden en çok okunan makalelerini bulabiliyorum, ki bu çok kullanıcı deneyimi değil!

— Neil McGuigan

5

En önemli şey, sitenizin geri kalanıyla tutarlı olmaktır. Genel olarak çoğu web sitesi, metin alanlarının solundaki etiketleri yapar. Bu nedenle, uzun bir açıklama olurdu, bu yüzden odanız olduğundan emin olun ve iyi akar.

Sola doğru görünmüyorsa veya bunu yapacak yer yoksa, o zaman yukarıda yaparım. Bu çok açık.

Kaçınılması gereken tek yöntem etiketleri metin alanlarının altına koymaktır. etiketler alanların altında olduğunda daha kafa karıştırıcı olur.

— Ben Hoffman
kaynak

3

Her durumda, forözelliği unutma .

— Pierre-Alain Vigeant

4

Normalde, durumunuz için en üstte veya solda en iyisidir. Erişilebilirlik için etiketin giriş alanından önce geldiğinden emin olun.

Yine de bir sayfayı düzenlemenin ve erişilebilir olmanın birçok farklı yolu vardır.

Form etiketleri, o zamandan beri olduğu sürece, istediğiniz herhangi bir yerde gerçekten görünebilir. Bu başvuru bir göz atmaya değer, http://patterntap.com/tap/collection/forms

— Kevin
kaynak

3

En iyi kabul edilen iki seçenek vardır:

alanın solundaki etiketleri, girişe yakın olacak şekilde sağa doğru akıtın.
alanın üstündeki etiketler

Etiketin for özelliğini kullandığınızdan emin olmak için kullanılabilirlik açısından dikkat edilmesi gereken bir diğer önemli şey, etiketi tıklamak etiketlediği alana odaklanır.

— GSTO
kaynak

1

Cevap: Yukarıdakilerin hiçbiri. Alanın içindeki yer tutucu metni kullanın . Yer tutucu özelliği, HTML-5'in yerleşik bir parçasıdır.

Aksi takdirde, sola hizalanmış alanların üstüne koy diyebilirim.

— Adam L Davis
kaynak

0

Bu biraz teğet - ama lütfen ad / soyad / initial kullanmayın. Herkesin adı bu düzgün gruplamaya girmez.

StackOverflow üzerinde kendimi alıntı:

Birçok Asya kültürü aile ismini önce koyar , çünkü aile bireyden daha önemli kabul edilir.

Ebeveynleri tarafından verilmeyen bir isim kullanan çok sayıda insan olduğunu belirterek, aşağıdaki şemayı biraz başarılı bir şekilde kullandım:

Tam Ad (posta adresleme için normalde yazıldığı gibi); Soyadı; Bilinen Olarak (görüşmede yaygın olarak kullanılan ad).

Örneğin:

Tam İsim: William Gates III; Aile Adı: Gates; Bilinen: Bill

Tam Adı: Soong Li; Aile Adı: Soong; Bilinen: Lisa

Daha fazla bilgi için /programming/259634/splitting-a-persons-name-into-forename-and-surname/259694#259694 adresine bakın .

— Bevan
kaynak

Tavsiyenizdeki değeri görüyorum, ancak kilit soru "hedef kitleniz kim?" Dinleyicilerimin% 99'u Amerikalı olacaksa, Firstname / MI / Lastname ile giderdim. Bence birçok Amerikalı bir aile isminin ne olacağını hemen anlamayacaktı. @RandomBen'in dediği gibi, tutarlı olmanız gerekir ve çoğu ABD sitesi Firstname / MI / Lastname kullanır.

— Shane Stillwell