Kaydırıcılar (Tasarım temelleri)

Kaydırıcı ile kullanıcılar sürekli bir değer aralığı arasından seçim yapabilir. Kaydırıcıda aralığı gösteren bir çubuk ve geçerli değeri gösteren bir gösterge bulunur. İsteğe bağlı değer çizgileri değerleri gösterir.

şekil

Tipik bir kaydırıcı.

Doğru kontrol bu mu?

Kullanıcılarınızın tanımlı, bitişik değerler (ses düzeyi veya parlaklık gibi) veya ayrık değerler aralığı (ekran çözünürlüğü ayarları gibi) kullanabilmesini istediğinizde kaydırıcı kullanın.

Kaydırıcı, kullanıcıların değeri sayısal değer olarak değil göreli miktar olarak düşündüğünü bildiğinizde iyi bir seçimdir. Örneğin, kullanıcılar ses ses düzeyini düşük veya orta olarak ayarlamayı düşünür; değeri 2 veya 5 olarak ayarlamayı düşünmez.

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

• Ayar göreli miktar gibi görünüyor mu? Aksi takdirde, radyo düğmelerini veya açılan veya tek seçimli listekullanın.
• Ayar tam olarak bilinen bir sayısal değer mi? Öyleyse, sayısal metin kutuları kullanın.
• Kullanıcı, değişiklikleri ayarlamanın etkisiyle ilgili anında geri bildirimden yararlanabilir mi? Öyleyse kaydırıcıyı kullanın. Örneğin, kullanıcılar ton, doygunluk veya parlaklık değerlerindeki değişikliklerin etkisini hemen görerek daha kolay bir renk seçebilir.
• Ayarın dört veya daha fazla değer aralığı var mı? Aksi takdirde radyo düğmelerini kullanın.
• Kullanıcı değeri değiştirebilir mi? Kaydırıcılar kullanıcı etkileşimi içindir. Kullanıcı değeri değiştiremiyorsa, bunun yerine salt okunur metin kutusu kullanın.

Kaydırıcı veya sayısal metin kutusu mümkünse, şu durumda sayısal metin kutusu kullanın:

• Ekran alanı dar.
• Bir kullanıcı büyük olasılıkla klavyeyi kullanmayı tercih eder.

Aşağıdakiler için kaydırıcı kullanın:

• Kullanıcılar anında geri bildirimden yararlanacaktır.

Yönerge -leri

• Doğal bir yönlendirme kullanın. Örneğin, kaydırıcı normalde dikey olarak (sıcaklık gibi) gösterilen bir gerçek dünya değerini temsil ediyorsa, dikey yönlendirme kullanın.

• Kaydırıcıyı kullanıcılarınızın kültürünü yansıtacak şekilde yönlendirin. Örneğin, Batı kültürleri soldan sağa doğru okur, dolayısıyla yatay kaydırıcılar için aralığın alt ucunu sola, yüksek ucunu da sağ tarafa yerleştirin. Sağdan sola okunan kültürler için tam tersini yapın.

• Kullanıcının istenen değeri kolayca ayarlayabilmesi için denetimi boyutlandırın. Ayrık değerlere sahip ayarlar için, kullanıcının fareyi kullanarak herhangi bir değeri kolayca seçediğinden emin olun.

• Değer aralığı büyükse ve kullanıcılar büyük olasılıkla aralığın bir ucundaki değerleri seçecekse doğrusal olmayan bir ölçek kullanmayı göz önünde bulundurun. Örneğin, zaman değeri 1 dakika, 1 saat, 1 gün veya 1 ay olabilir.

• Pratik olduğunda, bir kullanıcı seçim yaparken veya seçim yaptıktan sonra hemen geri bildirimde bulunmak. Örneğin, Microsoft Windows ses denetimi, sonuçta elde edilen ses düzeyini göstermek için bip sesi çalar.

• Değer aralığını göstermek için etiketleri kullanın.

  Özel Durumu: Kaydırıcı dikey olarak yönlendirilmişse ve üstteki etiket Maksimum, Yüksek, Daha Fazla veya eşdeğerse, anlamı açık olduğundan diğer etiketleri atlayabilirsiniz.

  Dikey kaydırıcının

  Bu örnekte kaydırıcının dikey yönü, aralık etiketlerini gereksiz hale getirir.

• Kullanıcıların ayarın yaklaşık değerini bilmesi gerektiğinde değer çizgileri kullanın.

• Kullanıcıların seçtikleri ayarın tam değerini bilmesi gerektiğinde değer işaretleri ve değer etiketi kullanın. Bir kullanıcının ayarı anlamlı hale getirmek için birimleri bilmesi gerekiyorsa her zaman bir değer etiketi kullanın.

  Seçilen piksel sayısını gösteren kaydırıcının

  Bu örnekte, seçilen değeri açıkça belirtmek için bir etiket kullanılır.

• Yatay olarak yönlendirilmiş kaydırıcılar için kaydırıcının altına değer çizgileri yerleştirin. Dikey olarak yönlendirilmiş kaydırıcılar için Batı kültürleri için sağa değer çizgileri yerleştirin; sağdan sola okunan kültürler için tam tersini yapın.

• İlişkinin net olması için değer etiketini tamamen kaydırıcı denetiminin altına yerleştirin.

  yanlış :

  Kaydırıcısından daha uzun bir etiketin

  Bu örnekte, değer etiketi kaydırıcının altına hizalanmamıştır.

• Kaydırıcıyı devre dışı bırakırken ilişkili etiketleri de devre dışı bırakın.

• Aynı ayar için hem kaydırıcı hem de sayısal metin kutusu kullanmayın. Yalnızca daha uygun denetimi kullanın.

  Özel Durumu: Kullanıcının hem anında geri bildirime hem de tam bir sayısal değer ayarlama yeteneğine ihtiyacı olduğunda her iki denetimi de kullanın.

• İlerleme göstergesi olarak kaydırıcı kullanmayın.

• Kaydırıcı göstergesinin boyutunu varsayılan boyuttan değiştirmeyin.

  yanlış :

  Varsayılanşekli

  Bu örnekte, varsayılandan daha küçük bir boyut kullanılır.

  Doğru:

  Varsayılan kaydırıcıyı gösteren

  Bu örnekte varsayılan boyut kullanılır.

• Her onay işaretini etiketlemeyin.

Önerilen boyutlandırma ve aralık

Önerilen kaydırıcı boyutlandırma ve aralıkşekil

Kaydırıcılar için önerilen boyutlandırma ve aralık.

Etiket

Kaydırıcı etiketleri

• İki nokta üst üste ile biten statik bir metin etiketi veya noktalama işaretleri olmayan bir grup kutusu etiketi kullanın.
• Her etikete benzersiz bir erişim anahtarı atayın. Atama yönergeleri için bkz. klavye .
• Tümce stili büyük harfe çevirmeyi kullanın.
• Kaydırıcı etiketini kaydırıcının soluna veya üstüne getirin ve kaydırıcının sol kenarıyla (veya varsa sol aralık tanımlayıcısıyla) hizalı.

Aralık etiketleri

• Dikey yönlendirme bunu gereksiz hale getirmedikçe kaydırıcı aralığının iki ucunu etiketle.
• Her etiket için mümkünse yalnızca sözcük kullanın.
• Bitiş noktalama işaretlerini kullanmayın.
• Bu etiketlerin açıklayıcı ve paralel olduğundan emin olun. Örnekler: Maksimum/Minimum, Daha Fazla/Daha Az, Düşük/Yüksek, Yumuşak/Yüksek.
• Tümce stili büyük harfe çevirmeyi kullanın.
• Erişim anahtarları atama.

Değer etiketleri

• Değer etiketine ihtiyacınız varsa, bunu kaydırıcının altında görüntüleyin.

• Metni denetime göre ortalama ve birimleri (piksel gibi) dahil etme.

  kaydırıcışekli

  Bu örnekte, değer etiketi kaydırıcının altında ortalanır ve birimleri içerir.

Belge

Kaydırıcılara başvururken:

• Büyük harfe çevirme dahil olmak üzere tam etiket metnini kullanın ve sözcük kaydırıcısını ekleyin. Erişim anahtarı alt çizgisini veya iki nokta üst üste eklemeyin.
• Kullanıcı etkileşimlerini açıklamak için taşı'yı 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: Ekran çözünürlüğünüzü artırmak için Ekran çözünürlüğü kaydırıcısını sağa taşıyın.

İlgili konular

Sözlük