Radyo Düğmeleri

Radyo düğmesiyle kullanıcılar birbirini dışlayan, ilgili seçenekler arasından seçim yapar. Kullanıcılar bir ve yalnızca bir seçenek belirleyebilir. Radyo düğmeleri, radyolardaki kanal ön ayarları gibi çalıştığından çağrılır.

Üç radyo düğmesinin ekran görüntüsünü

Tipik bir radyo düğmeleri grubu.

Bir grup radyo düğmesi tek bir denetim gibi davranır. Sekme tuşu kullanılarak yalnızca seçili seçime erişilebilir, ancak kullanıcılar ok tuşlarını kullanarak grup arasında geçiş yapabilir.

Doğru kontrol bu mu?

Karar vermek için şu soruları göz önünde bulundurun:

• Denetim, birbirini dışlayan bir dizi seçenekten birini seçmek için mi kullanılır? Aksi takdirde başka bir denetim kullanın. Birden çok seçenek belirlemek için, onay kutularını, çoklu seçim listesi veya onay kutusu listesi kullanın.

• İki ile yedi arasında seçenek sayısı var mı? Kullanılan ekran alanı seçenek sayısıyla orantılı olduğundan, gruptaki seçeneklerin sayısını iki ile yedi arasında tutun. Sekiz veya daha fazla seçenek için açılan liste veya tek seçimli listekullanın.

• Onay kutusu daha iyi bir seçim olur mu? Yalnızca iki seçenek varsa, bunun yerine tek bir onay kutusu kullanabilirsiniz. Ancak, onay kutuları yalnızca tek bir seçeneği açmak veya kapatmak için uygundur, ancak radyo düğmeleri tamamen farklı alternatifler için kullanılabilir. Her iki çözüm de mümkünse:

  • Temizlenen onay kutusunun anlamı tamamen belirgin değilse radyo düğmelerini kullanın.

    yanlış :

    Yatay onay kutusunun

    Doğru:

    Yatay/dikey radyo düğmelerinin

    Doğru örnekte, seçenekler karşıt değildir, bu nedenle radyo düğmeleri daha iyi bir seçenektir.

  • Başka bir onay kutusu kabul edilebilir olsa bile alternatifleri net hale getirmek için sihirbaz sayfalarında radyo düğmelerini kullanın.

  • Yeterli ekran alanınız varsa ve seçenekler bu ekran alanını iyi kullanmak için yeterince önemliyse radyo düğmelerini kullanın. Aksi takdirde, bir onay kutusu veya açılan liste kullanın.

    yanlış :

    Radyo düğmelerini gösterme/gösterme

    Bu örnekte, seçenekler radyo düğmelerini kullanacak kadar önemli değildir.

    Doğru:

    

    Bu örnekte, onay kutusu bu çevre birimi seçeneği için ekran alanının verimli bir şekilde kullanılmasıdır.

  • Sayfada başka onay kutuları varsa onay kutusunu kullanın.

• Açılan liste daha iyi bir seçim olabilir mi? Çoğu durumda kullanıcıların çoğu için varsayılan seçenek önerilirse, radyo düğmeleri seçeneklere gerekenden daha fazla dikkat çekebilir.

  • Seçeneklere dikkat çekmek istemiyorsanız veya kullanıcıları değişiklik yapmaya teşvik etmek istemiyorsanız açılan liste kullanmayı göz önünde bulundurun. Açılan liste geçerli seçime odaklanırken, radyo düğmeleri tüm seçenekleri eşit olarak vurgular.

    Varsayılan düğme olarak en yüksek kalitede ekran görüntüsünü

    Bu örnekte, açılan liste geçerli seçime odaklanır ve kullanıcıların değişiklik yapmasını engeller.

  • Sayfada başka açılan listeler varsa açılan listeyi göz önünde bulundurun.

• Bir dizi komut düğmesi, komut bağlantısı veya bölünmüş düğme daha iyi bir seçim olabilir mi? Radyo düğmeleri yalnızca bir komutun nasıl gerçekleştirildiğini etkilemek için kullanılıyorsa, bunun yerine komut çeşitlemelerini sunmak genellikle daha iyidir. Bunun yapılması, kullanıcıların tek bir etkileşimle doğru komutu seçmesine olanak tanır.

• Seçenekler veri yerine program seçeneklerini sunuyor mu? Seçeneklerin değerleri bağlama veya diğer verilere dayalı olmamalıdır. Veriler için bir açılan liste veya tek seçimli liste kullanın.

• Denetim sihirbaz sayfasında veya denetim masasında kullanılıyorsa, denetim ana yönergeye bir yanıt ve kullanıcılar daha sonra seçimi değiştirebilir mi? Öyleyse, etkileşimi daha verimli hale getirmek için radyo düğmeleri yerine komut bağlantılarını kullanmayı göz önünde bulundurun.

• Değerler sayısal değil mi? Sayısal veriler için, metin kutularını kullanın, açılan listeleriveya kaydırıcıları.

Yönerge -leri

Genel

• Seçenekleri mantıksal düzende listeleyin en az, en basit işlem en karmaşık veya en az riskli olarak seçilebilir. Alfabetik sıralama, dile bağımlı olduğundan ve bu nedenle yerelleştirilebilir olmadığından önerilmez.

• Seçeneklerden hiçbiri geçerli bir seçenek değilse, bu seçeneği yansıtmak için Yok veya Geçerli değil gibi başka bir seçenek ekleyin.

• Radyo düğmelerini yatay yerine dikey olarak hizalamayı tercih edin. Yatay hizalamanın okunup yerelleştirilmesi daha zordur.

  Doğru:

  Dikey radyo düğmesi hizalamaekran görüntüsü

  Bu örnekte radyo düğmeleri dikey olarak hizalanır.

  yanlış :

  Yatay radyo düğmesi hizalama

  Bu örnekte yatay hizalamayı okumak daha zordur.

• radyo düğmeleri gruplarını düzenlemek için grup kutularını kullanmayı yeniden düşünün; bu durum genellikle gereksiz ekran dağınıklığıyla sonuç alır.

• Grup kutusu etiketleri olarak radyo düğmesi etiketlerini kullanmayın.

• Radyo düğmesinin seçimini şu şekilde kullanmayın:

  • Komutlar gerçekleştirin.
  • Daha fazla giriş toplamak için iletişim kutusu gibi diğer pencereleri görüntüleyin.
  • Seçili denetimle ilgili diğer denetimleri dinamik olarak gösterin veya gizleyin (ekran okuyucular bu tür olayları algılayamaz). Ancak, seçimi temel alarak metni dinamik olarak değiştirebilirsiniz.

Alt denetimler

• Alt denetimleri radyo düğmesinin ve etiketinin sağında veya altına yerleştirin (girintili, radyo düğmesi etiketiyle temizlenir). Radyo düğmesi etiketini iki nokta üst üste ile sonlandırın.

  Etiketin sağındaki denetimin ekran görüntüsünü

  Bu örnekte, radyo düğmesi ve onun alt denetimi radyo düğmesi etiketini ve erişim tuşunu paylaşır. Bu durumda, ok tuşları odağı radyo düğmesinden alt metin kutusuna taşır.

• Radyo düğmesinin etiketini paylaşıyorlarsa, bağımlı düzenlenebilir metin kutularını ve açılan listeleri etkin bırakın. Kullanıcılar kutuya herhangi bir şey yazdığında veya yapıştırdığında, ilgili seçeneği otomatik olarak seçin. Bunun yapılması etkileşimi basitleştirir.

  Metin kutusu

  Bu örnekte, sayfa numarası girildiğinde sayfalar otomatik olarak seçilir.

• Radyo düğmelerini diğer radyo düğmeleriyle veya onay kutularıyla iç içe yerleştirmekten kaçının. Mümkünse tüm seçenekleri aynı düzeyde tutun.

  Doğru:

  Sola hizalanmış radyo düğmelerinin

  Bu örnekte seçenekler aynı düzeydedir.

  yanlış :

  İç içe radyo düğmelerinin

  Bu örnekte iç içe seçeneklerin kullanılması gereksiz karmaşıklık ekler.

• Radyo düğmelerini diğer radyo düğmeleri veya onay kutularıyla iç içe yerleştirdiyseniz, üst düzey seçenek seçilene kadar bu alt denetimleri devre dışı bırakın. Bunu yapmak, alt denetimlerin anlamı konusunda karışıklığı önler.

Varsayılan değerler

• Radyo düğmeleri grubu birbirini dışlayan bir dizi seçeneği temsil ettiğinden, her zaman varsayılan olarak bir radyo düğmesi seçilidir. En güvenli (veri veya sistem erişimi kaybını önlemek için) ve en güvenli ve en özel seçeneği belirleyin. Güvenlik ve güvenlik faktörler değilse, en olası veya uygun seçeneği belirleyin.

• Özel Durumlar: Aşağıdaki durumlarda varsayılan seçim yoktur:

  • Güvenlik, güvenlik veya yasal nedenlerle kabul edilebilir bir varsayılan seçenek yoktur ve bu nedenle kullanıcının açık bir seçim yapması gerekir. Kullanıcı seçim yapmazsa, birini zorlamak için bir hata iletisi görüntüleyin.
  • Kullanıcı arabiriminin (UI) geçerli durumu yansıtması gerekir ve seçenek henüz ayarlanmamıştır. Varsayılan değer hatalı olarak kullanıcının seçim yapması gerekmeyen bir değerdir.
  • Amaç, taraflı olmayan verileri toplamaktır. Varsayılan değerler veri toplamayı saptırabilir.
  • Radyo düğmeleri grubu,karma durumdaki bir özelliği temsil eder. Bu özellik, aynı ayara sahip olmayan birden çok nesne için görüntülendiğinde gerçekleşir. Her nesnenin geçerli bir durumu olduğundan bu durumda hata iletisi görüntülemeyin.

• Kullanıcılar genellikle bunu beklediğinden, ilk seçeneğivarsayılan seçenek yapın; bu sıralama mantıksal değilse. Bunu yapmak için seçenek etiketlerini değiştirmeniz gerekebilir.

  yanlış :

  Varsayılan seçenek olarak son radyo düğmesinin ekran görüntüsünü

  Bu örnekte, varsayılan seçenek ilk seçenek değildir.

  Doğru:

  varsayılan olarak ilk radyo düğmesinin ekran görüntüsünü

  Bu örnekte, ilk seçeneği varsayılan seçenek yapmak için seçenek etiketleri yeniden oluşturulur.

Önerilen boyutlandırma ve aralık

Radyo düğmesi boyutlandırma ve aralıkekran görüntüsü

Radyo düğmeleri için önerilen boyutlandırma ve aralık.

Etiket

Radyo düğmesi etiketleri

• Her radyo düğmesini etiketle.

• Her etikete benzersiz bir erişim anahtarı atayın. Yönergeler için bkz. klavye .

• cümle stili büyük harf kullanımını kullanın.

• Etiketi cümle olarak değil tümcecik olarak yazın ve bitiş noktalama işaretleri kullanmayın.

  • Özel Durum: Bir radyo düğmesi etiketi, onu izleyen bir alt denetimi de etiketlerse, etiketi iki nokta üst üste ile sonlandırın.

• Paralel tümce kullanın ve tüm etiketler için uzunluğu yaklaşık aynı tutmaya çalışın.

• Etiket metnini seçenekler arasındaki farklara odaklar. Tüm seçenekler aynı giriş metnine sahipse, bu metni grup etiketine taşıyın.

• Pozitif tümce kullanın. Örneğin, değil yerine do kullanın ve yazdırma yerine yazdırın.

• Yalnızca etiketli seçeneği açıklayın. İletilerde ve belgelerde kolayca bunlara başvurmak için etiketleri kısa tutun. Seçenek daha fazla açıklama gerektiriyorsa, tümceleri ve son noktalama işaretlerini kullanarak statik metin denetiminde açıklamayı sağlayın.

  Açıklayıcı metinekran görüntüsü

  Bu örnekte, seçenekler ayrı statik metin denetimleri kullanılarak açıklanmıştır.

  Not

  Bir radyo düğmesine açıklama eklemek, tüm radyo düğmeleri için açıklama sağlamanız gerekmesi anlamına gelmez. Varsa etikette ilgili bilgileri sağlayın ve açıklamaları yalnızca gerektiğinde kullanın. Yalnızca tutarlılık için etiketi yeniden ifade etmeyin.

   

• Bir seçenek kesinlikle önerilirse etikete "(önerilen)" ekleyin. Ek notları değil denetim etiketine eklemeyi unutmayın.

• Bir seçenek yalnızca ileri düzey kullanıcılara yönelikse etikete "(gelişmiş)" ekleyin. Ek notları değil denetim etiketine eklemeyi unutmayın.

• Çok satırlı etiketler kullanmanız gerekiyorsa, etiketin üst kısmını radyo düğmesiyle hizalayın.

• Bir tümce veya tümcecik oluşturmak için bir alt denetim, içerdiği değerler veya birim etiketi kullanmayın. Cümle yapısı dile göre değiştiği için böyle bir tasarım yerelleştirilebilir değildir.

Radyo düğmesi grup etiketleri

• Seçimin nasıl yapılacağını değil, grubun amacını açıklamak için grup etiketini kullanın. Kullanıcıların radyo düğmelerini kullanmayı bildiğini varsayalım. Örneğin, "Aşağıdaki seçeneklerden birini seçin" demeyin.

• Tüm radyo düğmesi gruplarının etikete ihtiyacı vardır. Etiketi tümce olarak değil, statik metin veya grup kutusu kullanarak iki nokta üst üste ile biten bir sözcük veya tümcecik olarak yazın.

  Özel Durumu: yalnızca bir iletişim kutusunun ana yönergesininyeniden ifade edilmesiyse etiketi atlayın. Bu durumda, ana yönerge iki nokta üst üste (soru değilse) ve erişim anahtarını (varsa) alır.

  Kabul Edilebilir:

  Yedekli radyo düğmesi grup etiketi

  Bu örnekte, radyo düğmesi grup etiketi yalnızca ana yönergenin yeniden ifade edilmesidir.

  Daha İyi:

  Yalnızca

  Bu örnekte, yedekli etiket kaldırılır, bu nedenle ana yönerge iki nokta üst üste alır.

• Etikete erişim anahtarı atayın. Bunu yapmak gerekli değildir ve diğer erişim anahtarlarının atanması zorlaşır.

  • Özel Durum: Tüm denetimlerin benzersiz erişim anahtarları yoksa, tek tek denetimler yerine etikete bir erişim anahtarı atayabilirsiniz. Daha fazla bilgi için bkz. klavye .

Belge

Radyo düğmelerine başvururken:

• Büyük harfe çevirme dahil olmak üzere tam etiket metnini kullanın, ancak erişim anahtarı alt çizgisini veya iki nokta üst üste eklemeyin.
• Programlama ve diğer teknik belgelerde radyo düğmelerini radyo düğmeleri olarak adlandırabilirsiniz. Diğer her yerde, özellikle kullanıcı belgelerinde seçenek düğmeleri kullanılır.
• Kullanıcı etkileşimlerini açıklamak için tıklamayı kullanın.
• Mümkün olduğunda, kalın metin kullanarak etiketi biçimlendirin. Aksi takdirde, etiketi yalnızca karışıklığı önlemek için gerekiyorsa tırnak içine koyun.

Örnek: geçerli sayfa tıklayın ve ardından Tamamöğesine tıklayın.