web-gelistirme-sc.com

Radyo düğmeleri yerine bir seçim kutusunu ne zaman kullanmalıyım?

Bir seçim kutusunun daha az yer kapladığını ve birçok seçenek için iyi olduğunu biliyorum. Ama seçimimde uzaydan daha derin etkiler olmalı mı? Kullanıcıların birini veya diğerini tercih ettiğini gösteren herhangi bir çalışma var mı?

Ayrıca, burada da tartışılabilen, cevabın muhtemelen aynı olacağını görerek, html'de çoklu seçim vs onay kutuları sorunu var.

53
Gordon Gustafson

Kullanıcının mevcut tüm alternatif seçenekleri bilmesi gerekmediğinde select kullanıyorum. Autosuggest, uzun bir liste için kullanışlıdır. Genellikle ne istediklerini bilirler ve yerden tasarruf etmeyi seçerler. Örnek: California veya New York gibi bir "Eyalet" seçin. Hiçbir zaman radyo düğmeleri kullanmazsınız.

Alternatifler önemli olduğunda radyo düğmeleri kullanıyorum. Ne seçtiklerini görmek için kullanıcı istiyorum. Radyo düğmeleri seçimi genişletmenize ve hatta daha uzun metin kullanmanıza olanak tanır.

Temel kural: Uzun bir liste veya alternatifler o kadar önemli değilse, bir select kullanın.

78
Glen Lipka

MS, Apple, Gnome vb. Gibi kullanıcı arayüzü yönergeleri genellikle bu konuda oldukça net öneriler sunar:

  • Radyo düğmeleri: 5'ten az seçenek

  • Kutu Seç: 6 ila 10 seçenek

  • Kaydırılabilir liste: 11 veya daha fazla seçenek veya
    • Listeye sürükleyip bırakmayı desteklemeniz gerekiyor
    • eleman sayısı değişir

Ek olarak, yerden tasarruf etmeniz gerektiğinde seçme kutusunu kullanabilirsiniz veya varsayılan seçimler genellikle yeterince iyidir, bu nedenle kullanıcılar nadiren seçimlerine bakmak zorundadır.

Üçüncüsü, haftanın günleri, aylar vb. İçin kullanılabilir. Bu, hepsine gösterilmeden hangi seçeneklere sahip olduğunuzu bildiğiniz şeylerdir. Bir seçim kutusunda "Şubat" ı görürsem, diğer tüm seçeneklerin ne olacağını hemen tahmin edebilirim.

Bir GUI öğesini diğerinin üzerinde kullanma gerekçesi

Genelde radyo düğmeleri genellikle tercih edilir çünkü kullanıcılar tüm seçimlerini hemen görebilirler. Ancak, tüm seçenekleri göstermek kullanıcı arayüzünde çok fazla yer kaplayabilir. Bu yüzden çoğu kılavuz, çok fazla seçenek olduğunda diğer seçim yöntemlerini kullanmanızı önerir.

Örneğin. kaydırılabilir bir liste çok fazla yer kaplamadan isteğe bağlı sayıda seçenek gösterebilir. Olumsuz tüm seçenekleri göremiyorum olmasıdır.

Bir seçim kutusu , kullanıcıya tüm seçeneklerin o kadar önemli olmadığını gösterirken kullandığımızdan farklıdır. Örneğin. kullanıcı seçimleri tahmin edebildiğinde veya çok nadiren varsayılan ayarları değiştirmesi gerektiğinde. seçim kutusu öncelikle ayarın ne olduğunu kullanıcıya göstermek için oradadır. Ancak çok fazla seçenek olduğunda, bir seçim kutusu gezinmek garip olabilir ve bu nedenle kaydırılabilir bir liste tercih edilir.

13
Erik Engheim

Alan ve seçenek sayısı dışında, gerçekten büyük bir fark yok. Radyo düğmeleri hakkında sevdiğim bir şey, onları dokunmatik arayüzler için yararlı olabilecek büyük düğmeler gibi görünecek şekilde şekillendirebilmenizdir. Sadece birkaç seçeneğiniz varsa, büyük bir düğmeye basmak, küçük açılır menüyü ve küçük seçeneğe basmaktan çok daha kolay olacaktır.

Çoklu seçimlere karşı onay kutularına gelince, gerçekten çoklu seçimleri kullanmamayı tercih ederim. Fare tıklamanızla birlikte bir tuş kombinasyonu kullanmanız gerektiğinden. Birçok kullanıcı kısayolların nasıl çalıştığının farkında değildir ve birden fazla seçenek belirleyemez.

12
LoganGoesPlaces

Sıklıkla göz ardı edilen iki giriş arasındaki bir başka fark: Bir radyo düğmesi seçilmezse, form gönderimi boyunca iletilmez. Ya da başka bir şekilde bakmak için, radyo düğmeleri herhangi bir seçenek seçmeme seçeneği sunar.

Bir açılır menüde (seçim kutusu), değeri olmayan (boş "") bir seçeneğiniz olabilir ve varsayılanı yapabilirsiniz, ancak bir kullanıcı bu seçeneğe dokunmazsa, etkin bir şekilde "cevabım boş" diyorlar. form "my_input_name: ''" boyunca geçer. Bir radyo düğmesine sahip olarak, "N/A" veya "Yukarıdakilerin Hiçbiri" gibi bir kullanıcının "-blank-" seçeneğini belirlediği ve soruyu atlayan/seçen bir kullanıcı arasında açıkça seçebileceği ve bu nedenle ayırt edebileceği bir seçenek sunabilirsiniz. cevap vermemek (NULL değeri ile boş (boş) değere depolanan bir alan arasında ayrım yapılırken bu ayrım, alt düzey DB mantığında gerçek bir turşu haline gelir).

Radyo düğmelerinin bu özelliğinin tersinde, radyo düğmeleri hakkında unutulan başka bir şey vardır: soruyu cevaplayamazsınız. Aşağıdaki gibi bir radyo alan kümeniz varsa:

Cinsiyet Erkek Kadın ()

bir kullanıcı soruyu atlayabilir ve alan boş olarak iletilmez. Ancak bir kullanıcı erkek seçerse, şimdi sıkışmış. Ya cevabı kadına değiştirebilir ya da erkek olarak bırakabilirler. (HTML formları için, tarayıcı konsollarını kullanma hakkında biraz bilgi edinebilirler, ancak bu UI/UX tasarımının dışında ve programlama ve güvenliğe girer).

Bu nedenle, radyo düğmelerinin "geri alma yok" özelliğiyle, bir açılır listenin sağlayamayacağı birkaç seçenekle karşılaşırsınız:

  1. "Cevap vermedi" yi "cevabım boş" tan ayırt edebilme
  2. Boş veya varsayılan seçeneği zorlamadan tüm seçenekleri sunma özelliği. Açılır menülerle, boş bir seçenek yapmanız ve daha sonra bu seçeneğin gerçek bir kullanıcı seçimi olmamasıyla ilgilenmeniz veya kullanıcı için (listede ilk seçenek gibi) bir seçenek önceden seçmeniz gerekir. kullanıcı bir seçim yapmayı ihmal ederse (belki ona geri dönmeyi amaçlıyorlardı, belki görmediler) veya boş bir seçeneğin bulunmaması nedeniyle kasıtlı olarak seçilmeden bırakılırsa istemeden gönderilir. Her iki durumda da, "varsayılan" seçeneği doğru yanıt olabileceğinden veya olmayabileceğinden veriler artık daha az değerlidir (bana inanmıyorsanız, alanla ilgili varsayılan seçenekle satırların bir oranını almak için verilerinizi sorgulayın Varsayılan bir seçenek olduğunda Alabama'da kaç kişinin yaşadığına şaşıracaksınız).

  3. Form doğrulama, özellikle "zorunlu" alanlar üzerinde daha iyi kontrol. Gerekli açılır alan diye bir şey yoktur. Yalnızca boş seçeneğin geçerli olmadığı açılır alanlar vardır. Açık bir şekilde durumların açılır listesini sunmak ve boş olanı, boş bir seçeneği önlemek için formunuzu havaya uçurmak yerine bir durum seçmemek gibi düşünmek daha iyidir, ancak en fazla 4-5 yanıtı olan sorular için gerçekten bir seçenek olmayan boş bir seçenek içeren bir açılır menü kullanmak yerine daha sonra boş listeyi seçili olmayanlardan ayırmakla uğraşmak yerine seçeneklerin tam listesini sağlamak daha iyidir.

Bonus görüşü:

Yukarıdaki fikirlerle aynı şekilde, onay kutuları yerine açılır listelerin kullanılması da gerçekten aptalca. "Evet/Hayır" veya "Doğru/Yanlış" seçeneklerinin yer aldığı bir açılır menü her seferinde gözlerimi yuvarlamamı sağlıyor. Bir açılır liste kullanmanın yalnızca nedeni, üçüncü bir boş seçenek sağlamanız ve bunun geçerli bir seçim olarak kabul edilmesidir. Ve o zaman bile, bir radyo düğmesi muhtemelen daha iyi bir seçim olacaktır.

4
Anthony

Ben sadece bunu bir etkileşim için düşünmeye başladım ve radyo düğmelerinin başka bir yararı, destek metni veya olası seçimler hakkında açıklama için biraz daha fazla alan sağlayabileceklerini düşünüyor.

3
annemarie lock

çoklu seçenekler seçimini etkinleştirmek için veya seçim kutuları (onay kutusu) kullanıyorum ya da ikili seçim yaparken.

En İyi Uygulama Seçim Kutularını kullanmak için:

  1. Kullanıcıların zamanın% 80'ini veya daha fazlasını seçme seçeneği için bir varsayılan ayarlamayı düşünün.
  2. E-posta pazarlamasına kaydolma gibi varsayılan tercihlerden kaçının.

İki veya daha fazla birbirini dışlayan seçeneklerden bir öğeyi etkinleştirmek için Radyo Düğmeleri kullanıyorum.

En İyi Uygulama Radyo Düğmelerini kullanmak için:

  1. İşlemleri başlatmak için radyo düğmelerini kullanmayın.
  2. Her zaman iki veya daha fazla radyo düğmesi kullanın
1
Manoj Kumar

Radyo düğmeleri genellikle birden fazla seçeneğiniz olana kadar tercih edilir. İkisine kıyasla yalnızca tek bir tıklama gerektirir. Radyo düğmeleri de alt seçenekleri yerleştirmek için daha iyidir.

1
Tom R

Sadece birkaç seçenek varsa, radyo düğmeleri kullanım kolaylığı ve hızlı seçim için kazanır. açılır bir seçim kullanarak kullanıcının bu alana ulaşıncaya kadar tüm seçenekleri görmesini engeller.

Bu soru, çoklu seçimlere karşı onay kutularına eşit olarak uygulanabilir.

0
ericslaw