Meter

Ne zaman kullanılır

Meter, bilinen bir aralıkta ölçülen tek bir değeri gösterir: kullanılan depolama, kota, puan, doluluk. Değer iki yönde de değişebilir; bir sınıra yaklaşması ya da uzaklaşması anlamlıdır.

Ne zaman kullanılmaz

• Bir işin ilerlemesi için: Başlayıp biten işler (yükleme, kurulum) için Progress kullanın; Meter ilerleme değil ölçü gösterir.
• Belirsiz süre için: Süresi bilinmeyen bekleme için Spinner ya da Skeleton kullanın.
• Birden çok ölçü ve eğilim için: Karşılaştırma ya da zaman içindeki değişim için Chart kullanın.
• Tek bir sayı için: Değer ve değişim için StatCard kullanın.

Anatomi

1. Etiket: neyin ölçüldüğü; ölçerin adıdır.
2. Değer: biçimlendirilmiş değer, etiketin karşısında; ekran okuyucudan gizlidir, okunan metin aria-valuetexttir.
3. İz (track): aralığın tamamı, surface-sunken renginde.
4. Dolgu (indicator): değere kadar uzanan çubuk, durum renginde.
5. Açıklama: isteğe bağlı yardım metni.

Davranış

• Meter durağandır: üzerine gelince değişmez ve sekme sırasına girmez.
• Değer değişince dolgu 150 ms’de yeni uzunluğa ölçeklenir; ilk görünüşte sıfırdan büyür. Döngü yoktur.
• Aralığın dışındaki değer, en yakın uçta çizilir; aria-valuenow da o uca kısılır.
• Sağdan sola dillerde dolgu sağ kenardan büyür.
• tone="auto" bölgeleri şu kuralla belirler: değer low’dan küçükse düşük, high’dan büyükse yüksek, aralarında (uçlar dahil) ortadır. optimum hangi bölgedeyse o bölge iyidir (başarı); komşu bölge uyarı, karşı uçtaki bölge tehlikedir. optimum ortadaysa iki yan da uyarıdır. low yoksa min, high yoksa max, optimum yoksa aralığın ortası kullanılır. Üçü de yoksa renk markadır.

Yönergeler

Rengi kelimeyle destekleyin

auto renk bölgesini ekran okuyucuya da söyler. Sabit bir renk verirseniz anlamı metinle de verin.

Kota kullanımı%92

x

YapınKota için en iyi değer 0: eşikler renk ve kelimeyi birlikte belirler.

Kota kullanımı%92

x

YapmayınDeğer 92 iken sabit yeşil: renk iyi diyor, anlam yok.

Ölçüye uygun biçim seçin

Gerçek birimi gösterin; aralığın yüzdesi her zaman en iyi sonuç değildir.

Depolama alanı32 GB

x

YapınBirim gösteriliyor: 32 GB.

Depolama alanı32

x

YapmayınAralık 0-50 olduğu halde değer birimsiz sayı.

Etiketi gizlemek yerine bağlam verin

Etiket her zaman gerekir. Çevredeki metin zaten söylüyorsa labelHidden kullanın; etiketi silmeyin.

Puan%70

x

YapınEtiket görünür; ölçerin adı belli.

x

YapmayınEtiketsiz çubuk: ne ölçüldüğü bilinmiyor.

İçerik

• Etiketi bir isim öbeği olarak, cümle düzeninde yazın: “Depolama alanı”, “Kota kullanımı”.
• Değeri Intl ile biçimlendirin; birimi değere ekleyin.
• description tek cümle olsun: ne zaman güncellendiği ya da sınırın ne olduğu.
• valueText yazarsanız tam bir ifade verin: “50 GB’ın 32 GB’ı kullanıldı”.

İlgili bileşenler

• StatCard: Tek bir sayıyı değişimiyle gösterir.
• Field: Etiket ve açıklama deseni için.
• Badge: Durumu etiket olarak göstermek için.