Onay Kutuları
Not
Bu tasarım kılavuzu Windows 7 için oluşturulmuştur ve Windows'un daha yeni sürümleri için güncelleştirilmemiştir. Kılavuzun çoğu ilke olarak hala geçerlidir, ancak sunu ve örnekler geçerli tasarım kılavuzumuzu yansıtmaz.
Onay kutusuyla, kullanıcılar açıkça karşıt olan iki seçenek arasında bir karar alır. Onay kutusu etiketi seçili durumu gösterirken, temizlenen durumun anlamı seçili durumun kesin tersi olmalıdır. Sonuç olarak, onay kutuları yalnızca bir seçeneği açmak veya kapatmak ya da bir öğeyi seçmek veya seçimini kaldırmak için kullanılmalıdır.
Seçili dört onay kutusu 
Tipik bir onay kutusu grubu.
Not
düzen ile ilgili yönergeler ayrı bir makalede sunulmuştur.
Doğru kontrol bu mu?
Karar vermek için şu soruları göz önünde bulundurun:
Bir seçeneği açmak veya kapatmak ya da bir öğeyi seçmek veya seçimini kaldırmak için onay kutusu kullanılıyor mu? Aksi takdirde başka bir denetim kullanın.
Seçilen ve temizlenen durumlar açık ve açık olmayan karşıtlıklar mı? Aksi takdirde, durumları bağımsız olarak etiketlemek için radyo düğmelerini veya açılan liste kullanın.
Grupta kullanıldığında, grup, kullanıcıların sıfır veya daha fazlasını seçebileceği bağımsız seçeneklerden mi oluşuyor? Aksi takdirde, radyo düğmeleri veonay kutusu ağaç görünümleri gibi bağımlı seçimlere yönelik denetimleri göz önünde bulundurun.
Grupta kullanıldığında, grup, kullanıcıların bir veya daha fazla seçim yapması gereken bağımlı seçeneklerden oluşuyor mu? Bu durumda, bir onay kutusu grubu kullanın ve seçeneklerden hiçbiri seçilmediğinde hatayı işleyebilirsiniz.
Gruptaki seçeneklerin sayısı 10 mu yoksa daha az mı? Kullanılan ekran alanı seçenek sayısıyla orantılı olduğundan, onay kutularının sayısını 10 veya daha az olarak tutun. 10'dan fazla seçenek için bironay kutusu listesi kullanın.
Radyo düğmesi daha iyi bir seçim olur mu? Onay kutularının yalnızca bir seçeneği açmak veya kapatmak için uygun olduğu durumlarda, radyo düğmeleri tamamen farklı seçenekler 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
Bu örnekte Yatay seçeneğinin tersi açık olmadığından onay kutusu iyi bir seçim değildir.
Doğru:
İki radyo düğmesinin ekran görüntüsünü
Bu örnekte, seçenekler zıt değildir, bu nedenle radyo düğmeleri daha iyi bir seçimdir.
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, onay kutusunu veya açılan listeyi kullanın.
yanlış :
Göster ve oran düğmelerini gösterme
Bu örnekte, seçenekler radyo düğmelerini kullanacak kadar önemli değildir.
Doğru:
İletionay kutusunun ekran görüntüsü
Bu örnekte, onay kutusu bu çevre birimi seçeneği için ekran alanının verimli bir şekilde kullanılmasıdır.
Pencerede başka onay kutuları varsa onay kutusunu kullanın.
bu seçenek veri yerine bir program seçeneği sunuyor mu? Seçeneğin değerleri bağlamı veya diğer verileri temel almamalıdır. Veriler için bir onay kutusu listesi kullanın veya çoklu seçim listesini.
Kullanım desenleri
Onay kutularının çeşitli kullanım desenleri vardır:
anımsat seçeneğini içeren bir onay kutusunun ekran görüntüsü
Yönerge -leri
Genel
grupla ilgili onay kutularını . gerekirse birden çok grup kullanarak ilgili seçenekleri birleştirin ve ilişkisiz seçenekleri 10 veya daha az gruplar halinde ayırın.
İlgili ve ilişkisiz onay kutularının ekran görüntüsünü
İlgili, bağımsız seçeneklerden oluşan gruplara örnek.
Bu durum genellikle gereksiz ekran dağınıklığıyla sonuç onay kutusu gruplarını düzenlemek için grup kutularını kullanmayı yeniden düşünün.
Liste onay kutularınımantıksal sırada listeleyin; örneğin, yüksek oranda ilgili seçenekleri birlikte gruplandırma veya en yaygın seçenekleri ilk sırada yerleştirme veya başka bir doğal ilerlemeyi izleme. Alfabetik sıralama, dile bağımlı olduğundan ve bu nedenle yerelleştirilebilir olmadığından önerilmez.
Onay kutularını yatay olarakdeğil dikey olarak hizala seçeneğini belirleyin. Yatay hizalamayı okumak daha zordur.
Doğru:
Bu örnekte, onay kutuları doğru hizalanmış.
yanlış :
Bu örnekte yatay hizalamayı okumak daha zordur.
Üçüncü bir durumu temsil etmek için karma durumu kullanmayın. Karma durum, alt nesneler için bir seçeneğin ayarlandığını ancak tümü için ayarlanmadığını belirtmek için kullanılır. Kullanıcıların karma durumu doğrudan ayarlayamaması gerekirken karma durum alt nesnelerin yansımasıdır. Karma durum, tek bir öğe için üçüncü durum olarak kullanılmaz. Üçüncü bir durumu temsil etmek için bunun yerine radyo düğmelerini veya açılan listeyi kullanın.
yanlış :
Düz mavi tema hizmeti onay kutusunun
Bu örnekte karma durumun Tema hizmetinin yüklü olmadığını belirtmesi gerekir.
Doğru:
Üç seçenekekran görüntüsü
Bu örnekte, kullanıcılar üç net seçenekten oluşan bir listeden seçim yapabilir.
Karma durum onay kutusuna tıklanması tüm seçili, tümü temizlenmiş ve özgün karma durumlar arasında döngü yapmalıdır. Bağışlanma için, ayarlar karmaşık veya kullanıcı tarafından bilinmediğinden özgün karma durumu geri yükleyebilmek önemlidir. Aksi takdirde, karma durumu güvenle geri yüklemenin tek yolu görevi iptal etmek ve baştan başlamaktır.
ilerleme göstergesi olarak onay kutularını kullanmayın. Bunun yerine denetim ilerleme göstergesi kullanın.
yanlış :
İlerlemeekran görüntüsü
Bu örnekte, onay kutuları ilerleme göstergesi olarak yanlış kullanılmıştır.
Doğru:
Kısmen doldurulmuş ilerleme çubuğu
Tipik bir ilerleme çubuğu örneği.
Doğru seçim durumunu kullanarak devre dışı bırakılmış onay kutularını göster. Kullanıcılar bunları değiştiremese de, devre dışı bırakılan onay kutuları sonuçlarla tutarlı olmaları için bilgileri iletir.
yanlış :
ekran görüntüsü
Bu örnekte, seçenek devre dışı bırakıldığında bölüm okunmadığından "Bu bölümü her zaman yüksek sesle oku" seçeneği temizlenmelidir.
için onay kutusunun seçimini 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örüntüler (ekran okuyucular bu tür olayları algılayamaz).
Bu <öğeyi bir daha> gösterme
- Kullanıcıların yalnızca daha iyi bir alternatif yoksa yinelenen bir iletişim kutusunu gizlemesine izin vermek için Bu <öğeyi gösterme> yeniden seçeneğini kullanmayı göz önünde bulundurun. Kullanıcıların gerçekten iletişim kutusuna ihtiyacı olup olmadığını önceden belirlemeyi deneyin; varsa, iletişim kutusunu her zaman gösterin ve göstermiyorsa, iletişim kutusunu kaldırın.
Diğer yönergeler ve örnekler için bkz. İletişim Kutuları.
Alt denetimler
Alt denetimleri onay kutusunun ve etiketinin sağında veya altına yerleştirin (girintili, onay kutusu etiketiyle temizleyin). Onay kutusu etiketini iki nokta üst üste ile sonlandırın.
Onay kutusu etiketi
Bu örnekte, onay kutusu ve onun alt denetimi, onay kutusu etiketini ve erişim anahtarını paylaşır.
Onay kutusunun 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.
üst bilgi ve alt bilgi metin kutularının
Bu örnekte, bir üst bilgi veya alt bilgi girildiğinde otomatik olarak seçeneği belirtilir.
Onay kutularını radyo düğmeleri veya diğer 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ı hakkında karışıklığı önler.
Alt denetimleri, sekme sırasına göre onay kutusuyla birlikte bir onay kutusuna bitişik hale getirin.
Bir seçeneğin belirtilmesi, alt onay kutularının seçilmesini gösterirse, ilişkiyi net hale getirmek için bu onay kutularını açıkça seçin.
yanlış :
Bu örnekte, alt onay kutuları seçili değildir.
Doğru:
Bu örnekte, alt onay kutuları seçilidir ve bu kutuların seçili seçenekle ilişkisi temizlenir.
Alternatiflergereksiz karmaşıklık eklerse bağımlı onay kutularını kullanın. Onay kutularının bağımsız seçenekler olması gerekirken, bazen radyo düğmeleri gibi alternatifler gereksiz karmaşıklık ekler.
Doğru:
Kafa karıştırıcı düğmelerin ve onay kutularının ekran görüntüsünü
Bu örnekte radyo düğmelerinin kullanımı doğrudur ancak gereksiz karmaşıklık oluşturur.
Daha İyi:
Yalnızca
Bu örnekte, onay kutularının kullanımı daha basittir ve kullanıcıların karmaşık ilişkileri yerine istenen seçenekleri belirlemeye odaklanmasına olanak tanır.
Önemli: Bağımlılıklar netlik eklemeden önemli bir karmaşıklık eklerken bu kılavuzu yalnızcason derece nadir durumlarda uygulayın. Önceki örnekte, kullanıcıların hem üst simgeyi hem de alt simgeyi seçmeye çalışma olasılığı düşüktür ve seçtilerse, özel seçenekler olduğunu anlamak kolay olurdu.
Varsayılan değerler
- Onay kutusu bir kullanıcı seçeneğine yönelikse, en güvenli (veri veya sistem erişiminin kaybını önlemek için), varsayılan olarak en güvenli ve özel durumu ayarlayın. Güvenlik ve güvenlik faktörler değilse, en olası veya uygun değeri seçin.
Önerilen boyutlandırma ve aralık
Önerilen onay kutusu boyutlandırma ve aralıkşekli
Onay kutuları için önerilen boyutlandırma ve aralık.
Etiket
Onay kutusu etiketleri
Her onay kutusunu etiketle.
Her etikete benzersiz bir erişim anahtarı atayın. Yönergeler için bkz. klavye .
Etiketi tümcecik veya kesinlik temelli bir cümle olarak yazın ve bitiş noktalama işaretleri kullanmayın.
- Özel Durum: Onay kutusu etiketi onu izleyen bir alt denetimi de etiketlerse, etiketi iki nokta üst üste ile sonlandırın.
Onay kutusunun seçili durumunu açıklamak için etiketi yazın.
Bir onay kutusu grubu için paralel tümce kullanın ve tüm etiketler için uzunluğu yaklaşık aynı tutmaya çalışın.
Bir onay kutusu grubu için, 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. Onay kutusunu seçmek eylem gerçekleştirmemek anlamına gelir diye etiket tümceciği kullanmayın.
- Özel Durum:Onay kutuları bu <öğeyi bir daha> gösterme.
yanlış :
Negatif etiketin 'kapat'
Bu örnekte, seçenek pozitif tümce kullanmaz.
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.
Not
Gruptaki bir onay kutusuna açıklama eklemek, gruptaki tüm onay kutuları 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.
Onay kutusu, etiket ve açıklama
Bu örnekte, onay kutusu etiketinin altında ek açıklayıcı metin vardır.
Bir seçenek kesinlikle önerilirse etikete "(önerilen)" eklemeyi göz önünde bulundurun. Ek notları değil denetim etiketine eklemeyi unutmayın.
Çok satırlı etiketler kullanmanız gerekiyorsa, etiketin üst kısmını onay kutusuyla 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.
yanlış :
Bu örnekte metin kutusu, onay kutusu etiketinin içine yanlış yerleştirilmiştir.
onay kutusu 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 onay kutularının nasıl kullanılacağını bildiğini varsayalım. Örneğin, "Aşağıdaki seçeneklerden herhangi birini seçin" demeyin.
Her etiketi iki nokta üst üste ile sonlandır.
Etikete erişim anahtarı atayın. Bunu yapmak gerekli değildir ve diğer erişim anahtarlarının atanması zorlaşır.
Bir veya daha fazla bağımlı seçenek arasından seçim yapmak için etiket üzerindeki gereksinimi açıklayın.
Doğru:
İki denetim için etiketin ekran görüntüsünü
Bu örnekte, kullanıcılar yalnızca bir seçim yapabileceklerini düşünebilir.
Daha İyi:
Etiketin
Bu örnekte kullanıcıların birden fazla seçim yapabilecekleri açıktır.
Belge
Onay kutularına 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. Sözcüğü ekle onay kutusu.
Yalnızca kutu yerelleştiriciler için belirsiz olduğundan, onay kutusunu seçenek, onay kutusu veya yalnızca kutu olarak değil onay kutusu olarak kullanın.
Kullanıcı etkileşimlerini açıklamak için seç ve temizle'yi 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: Altı Çizili onay kutusunu seçin.