web-gelistirme-sc.com

Radyo Düğmeleri neden tüm dış daireyi doldurmuyor?

Sorum basit:

Çoğu radyo düğmesi neden tüm dış dairelerini doldurmuyor?

Standart radyo düğmesi örneği:

Example of standard radio button

(Olağandışı) Tamamen doldurulmuş bir radyo düğmesi örneği:

enter image description here

Bu bazı skeuomorfik akıl yürütmeler veya tamamen farklı bir şey için mi?

Bonus Soru: Bir arayüzde veya tasarım sisteminde tamamen dolu radyo düğmeleri kullanmak hiç kabul edilebilir mi?

47
RobbyReindeer

Siyah bir çemberin “evet” veya seçilmiş olduğu, beyaz bir çemberin “hayır” veya seçili olmadığı anlamına geldiği açık değildir. Kullanıcının ön plan ve arka plan olarak gördüğü şeye bağlı olarak, her iki şekilde de gidebilir. Bu (oldukça çelişkili) örneği düşünün:

Simply a black and white circle on a gray background

Hangisi seçilir? Işık gibi “aydınlanan” mı? Yoksa “mürekkep dolu” mu?

Seçilen bir şeyin grafik eklenmesi içermesi gerektiği örtük bir varsayımdır. Böylece daire içine bir daire eklenmesi. Ayrıca, seçimi göstermek için kareye bir onay eklediğiniz onay kutuları ile benzer şekilde düşünüyor olabilir.

Bu, standardı ihlal ettiğimizde ve renkleri ters çevirdiğimizde bile “çalışır”:

White filled circle for selected

Bu, kullanıcıların renkleri bilmediğinde de işe yarayacağı anlamına gelir, özellikle bugün gri tonlama ile sınırlı olmadığımızda önemli olan bir şey. Bu nedenle, sadece standart dışı olmasının yanı sıra, her zaman tamamen dolu radyo düğmelerinden kaçınırım.

Şahsen, "radyo düğmeleri" terimi, görünüşe değil, davranışa (birçok seçimden biri olduğu) mecazi olarak atıfta bulunur. Diğer tarihsel faktörler genel görünümü belirlemiş olabilir . GUI'ler 1970'lerde ve 1980'lerde icat edildiğinde, en yaygın radyo düğmeleri araba radyolarındaki ön ayarlardır. Eminim bir istisna bulabilirsiniz (ben), bunlar genellikle (1) dikdörtgen, dairesel değil ve (2) ( değil seçili bir durumu gösterir - basıldığında, dışarı fırladılar ve mekanik bir bayrak veya ışık göstermediler. Bu yüzden skeuomorfizmin bununla bir ilgisi olduğunu düşünmüyorum.

97
Michael Zuschlag

Tamamen dolu bir radyo düğmesinin madde işaretli bir metinle kolayca karıştırılabileceğini düşünüyorum:

enter image description here

Boş bir daire algısal olarak eksiklik hissi verirken: doldurulması gerekir veya doldurulması gerekir:

enter image description here

Birçok durumda bile bu halkalardan biri zaten doldurulmuştur, bu da doldurulması (kontrol edilmesi) hissini arttırır:

enter image description here

34
Danielillo

Erişilebilirliği, kaynaklandığı fiziksel düğmeye ek olarak, bu radyo düğmesi stilinin nedenlerinden biri olarak düşünürüm.

Bir düğme tamamen dolduğunda, durumunu belirtmek için düğmenin rengine güvenirsiniz. Bu, özellikle standart olmayan renkleri kullanırken birçok insanı karıştırabilir.


Radio button styles

İlk görüntü satırında, resimlerden biri düğmenin durumu ile ilgili bilgileri aktarmaz. Belki siyah ve beyaz ile bir durum olabilir, ancak bu diğer renkler için başarısız olacaktır.

İkinci görüntü satırında, iç dairenin durumu düğmenin durumunun ne olduğunu açıkça gösterir.

30
Sinstein

Radyo düğmeleri, fiziksel radyo düğmelerinden esinlenmiştir (belli ki). Düğmeler bir çerçeveden dışarı fırlıyordu ya da "3d" idi. Bunları gösterici olarak değerlendiririm. Bu göstergeler ilk arayüzlere doğru yol aldı. Pratik olarak, basıldığında diğer tüm basılan düğmeleri iptal edecek bir çerçeveden çıkan bir düğme.

Bugün itibariyle, radyo düğmesi kontrol edildikten sonra bile tanınabilir olmalıdır. Yani "standartlara" göre olması en iyi olurdu. Örneğiniz gibi radyo düğmelerinin örneklerini görmüş ve bağlam içinde bunları bazı kullanıcılar için radyo düğmeleri olarak tanımlamış olmama rağmen, bazı karışıklıklara neden olabilir veya olmayabilir, ancak bazı kullanıcı testleri gerekebilir.

22
Cristian Negraia

Bu, radyo düğmelerinin geçmişi hakkında güzel bir makale: https://www.jitbit.com/alexblog/242-the-history-of-a-radio-button/

Makalede belirtildiği gibi:

Radyo düğmeleri, radyo dalgaları ve bazen önceden ayarlanmış frekanslar arasında geçiş yapmak için eski radyolarda kullanılan gerçek düğmelerden sonra adlandırılır. Bir düğmeye basıldığında, diğer tüm düğmeler çıkar.

Yani, skeuomorfik bir nedendi.

Tamamen dolu bir radyo düğmesinin, "Sistem ve Gerçek Dünya Arasındaki Eşleşme" ilkesini temel alarak kullanıcıları şaşırtacağına inanıyorum. Şu hususları belirtmektedir:

Gerçek dünyadaki sözleşmeleri izleyen ve bilgileri doğal ve mantıklı bir düzende ortaya çıkaran arayüzler, kullanıcılar için empati ve onaylama gösterir.

Kullanıcılar, diğer web sitelerinde bu biçimde radyo düğmelerine alışkınlar, bu yüzden bunu değiştirmek için gerçekten iyi bir nedeniniz yoksa, standardı kullanmanız gerektiğini düşünüyorum.

16
Aline

Çünkü kontrol edilen bir radyo düğmesi tamamen doldurulursa, özellikle sadece 2 radyo düğmesi varsa hangi düğmenin gerçekten seçildiğini söylemek kafa karıştırıcı olacaktır. "Karartılan" düğmesi yerine "beyaz dolgulu" düğmenin etkin olduğunu kolayca düşünebilirsiniz.

7
kajacx

Diğer cevaplar oldukça geçerli olsa da, önemli bir noktayı kaçırdıklarını düşünüyorum: tamamen dolu bir radyo düğmesi siyah bir arka plan üzerinde görünmez olacaktır. Seçilen öğede alternatif renklerin bulunması, bunun radyo düğmesi içinde kontrastın zorlanmasına neden olur.

2
Kgee

Bu doğrudan sorunuzun yanıtı değil, bir bütün olarak konuyla ilgili bazı ilginç bilgilerdir.

Skeumorphism, İnsan Bilgisayar Etkileşiminin bir özelliğidir - bilinen işlevli gerçek dünya nesnesini benzer işlevli bir dijital nesneyle ilişkilendiren bir tasarım seçeneğidir. Bu genellikle işe yarar çünkü insanlar işlerin nasıl işlediğine dair zihinsel modeller geliştirir, bu nedenle benzer bir işlevle dijital olarak bir öğeyi yeniden ürettiğimizde amacı otomatik olarak iletilir.

Radyo düğmesinin zihinsel modeli, tek bir seçim yapmak için bir radyo düğmesine basılabilmesidir. Bu anlayıştan, çoklu seçimler onay kutuları için ayrılmıştır çünkü zihinsel model, listedeki bir öğenin yanındaki onayın seçimi göstermesidir.

Skeumorphsim ve zihinsel modellere güvenmeyle ilgili bazı sorunlar var, örneğin, kullanıcınız gerçek dünyada bir radyo düğmesiyle hiç karşılaşmamışsa? Bu durumda, bunun nasıl işlediğine dair zihinsel bir modelleri olmazdı. Bu, her zamankinden daha fazla hale geliyor çünkü çeşitli dijital yapılar için üs olarak kullanılan gerçek dünyadaki bazı öğeler 1960'lardan ve 1970'lerden geliyordu. Sanırım buna değiyorsun; radyo düğmesi bugün bir listeden seçilebilen tek bir öğe için skeumorfizmin temeli olarak kullanılacak doğru nesne midir? Olabilir.

İnsanların eski bir radyo ile temas etmesi daha az olası olsa da, radyo düğmesi seçicilerinin dijital formdaki yaygınlığı, çoğu insana işlevlerinin zihinsel bir modelini vermiştir. Diğer cevaplarda belirtildiği gibi, iyi bir tasarım, farklı zihinsel modellere sahip iki kullanıcı tarafından hangi seçimin yapıldığını gösterebilmelidir. Bununla birlikte, bir radyo düğmesinin bu tür seçim için temel olması gerekmez. İnsanların zihinsel modellerinin çoğuna karşı çıkmanın bir mücadele olabileceğini unutmayın. Kullanıcı testi, önerdiğiniz değişikliğin hedef kitlenize iyi bir şekilde dönüşüp dönüşmeyeceğini belirlemenize yardımcı olabilir. Tasarımda bazı iyi gelişmeler ortaya çıktı, çünkü birisi yeni bir yaklaşımı denemek istiyordu ve test ederek tasarımlarını geliştirdi.

2
AxGryndr

Hangi düğmelere basıldığını gösteren görsel bir göstergenin olduğu mekanik düğmelerle radyoları gördüğümü hatırlıyorum. Hatırladığım siyah düğmelere sahipti ve içinde düğmenin üst kısmındaki beyaz göstergeyi gösteren düğmeye basıldığında açılan bir tür gaga gibi hareket eden parçalar vardı. Bu, illüstrasyonunuzla aynı görünüyor, sadece renkler ters çevrilmiş.

0
user124640