Aracılığıyla paylaş


Durum Çubukları (Tasarım temelleri)

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.

Durum çubuğu, birincil pencerenin en altında, geçerli pencerenin durumu (nelerin görüntülendiği ve nasıl görüntülendiği gibi), arka plan görevleri (yazdırma, tarama ve biçimlendirme gibi) veya diğer bağlamsal bilgiler (seçim ve klavye durumu gibi) hakkındaki bilgileri görüntüleyen bir alandır.

Durum çubukları genellikle metin ve simgeler aracılığıyla durumu gösterir, ancak ilerleme göstergelerinin yanı sıra durumla ilgili komutlar ve seçenekler için menüler de içerebilir.

Tipik durum çubuğuekran görüntüsü

Tipik bir durum çubuğu.

Not

bildirim alanı ile ilgili yönergeler ayrı bir makalede sunulmuştur.

Bu doğru kullanıcı arabirimi mi?

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

  • Kullanıcılar diğer programları etkin bir şekilde kullanırken durum ilgili mi? Öyleyse, bildirim alanı simgeleri kullanın.

  • Durum öğesinin bildirimleri görüntülemesi gerekiyor mu? Öyleyse, bir bildirim alanı simgesi kullanmanız gerekir.

  • Pencere birincil pencere mi? Aksi takdirde durum çubuğu kullanmayın. İletişim kutuları, sihirbazlar, denetim panelleri ve özellik sayfaları durum çubuklarına sahip olmamalıdır.

  • Bilgiler öncelikli olarak durum bilgisi mi? Aksi takdirde durum çubuğu kullanmayın. Durum çubukları, ikincil menü çubuğu veyaaraç çubuğu olarak kullanılmamalıdır.

  • Bilgiler seçili denetimin nasıl kullanılacağını açıklayacak mı? Bu durumda, ek bir açıklama veya yönerge etiketi kullanarak ilişkili denetimin yanındaki bilgileri görüntüleyin.

  • Durum yararlı ve ilgili mi? Başka bir ifadeyle, kullanıcıların bu bilgilerin bir sonucu olarak davranışlarını değiştirme olasılığı var mı? Görüntülenmiyorsa, durumu görüntülemeyin veya günlük dosyasına koymayın.

  • Durum kritik mi? Anında işlem yapılması gerekiyor mu? Bu durumda, bilgileri dikkat gerektiren ve kolayca yoksayılamayan bir biçimde (örneğin, iletişim kutusu veya birincil pencerenin içinde) görüntüleyin.

    kırmızı 'sertifika hatası' durum çubuğunun ekran görüntüsü

    Windows Internet Explorer'da kırmızı adres çubuğu.

  • Program öncelikli olarak acemi kullanıcılara mı yöneliktir? Deneyimsiz kullanıcılar genellikle durum çubuklarının farkında değildir, bu nedenle bu durumda durum çubuklarının kullanımını yeniden düşünün.

Tasarım kavramları

Durum çubukları, kullanıcıları kesintiye uğratmadan veya akışlarını bozmadan durum bilgilerini sağlamanın harika bir yoludur. Ancak durum çubuklarını kolayca gözden kaçırabilirsiniz. O kadar kolay ki, aslında birçok kullanıcı durum çubuklarını hiç fark etmez.

Bu sorunun çözümü, gargara simgeleri, animasyon veya yanıp sönerek kullanıcının dikkatini çekmek değil, bu sınırlama için tasarım yapmaktır. Bunu şu şekilde yapabilirsiniz:

  • Durum bilgilerinin yararlı ve ilgili olduğundan emin olun. Aksi takdirde, durum çubuğu sağlamayın.
  • Önemli bilgiler için durum çubuklarını kullanmama. Kullanıcıların durum çubuğunda ne olduğunu asla bilmesi gerekmez. Kullanıcıların görmesi gerekiyorsa durum çubuğuna koymayın.

Tek bir şey yaparsanız...

Durum çubuğu bilgilerinin yararlı ve ilgili olmasına rağmen önemli olmadığından emin olun.

Kullanım desenleri

Durum çubuklarının çeşitli kullanım desenleri vardır:

Kullanım Örnek
Geçerli pencere durumunu
Tüm görünüm modlarıyla birlikte görüntülenenlerin kaynağını gösterme
'Konum' durum çubuğunun ekran görüntüsünü
Bu örnekte, durum çubuğu belgenin yolunu görüntüler.
İlerleme
Belirli bir ilerleme çubuğu veya animasyonla arka plan görevlerinin ilerleme durumunu gösterin.
İlerleme çubuğu
Bu örnekte durum çubuğu, Internet Explorer penceresine yüklenen Web sayfasını gösteren bir ilerleme çubuğu içerir.
Bağlamsal bilgiler
Kullanıcının şu anda ne yaptığı hakkında bağlamsal bilgileri gösterin.
piksel sayısını gösteren durum çubuğunun ekran görüntüsü
Bu örnekte Microsoft Paint, seçim boyutunu piksel cinsinden gösterir.

Yönerge -leri

Genel

  • Yalnızca bazı kullanıcıların durum çubuğu bilgilerine ihtiyacı olacaksa Durum Çubuğunu Görüntüle komutu sağlamayı göz önünde bulundurun. Kullanıcıların çoğu ihtiyaç duymayacaksa durum çubuğunu varsayılan olarak gizleyin.
  • Menü çubuğu öğelerini açıklamak için durum çubuğunu kullanmayın. Bu yardım düzeni bulunamaz.

Sunum

  • Geçerli olmayan kalıcı durumu devre dışı bırakın. Kalıcı durum klavye ve belge durumlarını içerir.
  • Geçerli olmayan kalıcı olmayan durumu kaldırın.
  • Durum bilgilerini şu sırada sun: geçerli pencere durumu; ilerleme; ve bağlamsal bilgiler.

Simge

  • Kolayca tanınabilir durum simgesi tasarımlarını seçin. Kare veya dikdörtgen şekilli simgeler yerine benzersiz ana hatlara sahip simgeleri tercih edin.

  • Yalnızca durum bilgilerini iletmek için saf kırmızı, sarı ve yeşil dalgalarını kullanın. Aksi takdirde, bu tür simgeler kafa karıştırıcıdır.

    Doğru:

    Mavi simgelerin

    yanlış :

    Kırmızı simge

    Yanlış örnekte, kırmızı simge istemeden bir hata önererek karışıklığa neden olur.

  • Durum veya durum değişikliklerini göstermek için simge çeşitlemelerini veya katmanlarını kullanın. Miktar veya güçlü değerlerdeki değişiklikleri göstermek için simge çeşitlemelerini kullanın. Diğer durum türleri için şu standart katmanlarını kullanın:

    Kaplama Durum
    Uyarı simgesinin ekran görüntüsü
    Uyarı
    Hata simgesiekran görüntüsü
    Hata
    Devre dışı/bağlantısı kesilmiş simge
    Devre Dışı/Bağlantısı Kesildi
    Engellenen/çevrimdışı simgesinin ekran görüntüsü
    Engellendi/Çevrimdışı
  • Durumu çok sık değiştirmeyin. Durum çubuğu simgeleri gürültülü, kararsız veya dikkat gerektirmemelidir. Göz, görme çevre alanındaki değişikliklere duyarlıdır, bu nedenle durum değişikliklerinin hafif olması gerekir.

  • Önemli durum bilgileri sağlayan simgeler için yerinde etiketleri tercih edin.

  • Etiketsiz durum çubuğu simgelerinin araç ipuçları olmalıdır.

Daha fazla bilgi için bkz. Simgeler.

Etkileşim

  • Kullanıcıların ilgili komutlara ve seçeneklere doğrudan erişmesine izin vermek için durum çubuğu alanını etkileşimli hale getirin.
    • menü düğmesi veya bölünmüş düğme gibi görünen ve davranan bir denetim kullanın. Bu durum çubuğu alanlarının tıklanabilir olduğunu belirtmek için bir açılan oka sahip olması gerekir.
    • Menüyü fare yukarı değil farenin aşağısı üzerinde sol tıklamayla görüntüleyin.
    • Sağ tıklamayı veya çift tıklamayı desteklemez. Kullanıcılar durum çubuğunda bu tür etkileşimler beklemez, bu nedenle bunları deneme olasılıkları yoktur.
  • Üzerine gelindiğinde araç ipuçlarını görüntüleyin.

Metin

  • Genel olarak, kısa etiketler kullanın. Kaldırılabilir tüm metinleri kesin.
  • Noktalama işaretlerini sonlandırmadan cümle parçalarını tercih edin. Tam tümceleri (noktalama işaretlerini bitirerek) yalnızca cümle parçaları önemli ölçüde kısa olmadığında kullanın.
  • İsteğe bağlı ilerleme etiketleri için, işlemin fiil (gerund formu) ile başlayan ve üç nokta ile biten bir etiketle ne yaptığını belirtin. Örneğin: "Kopyalanıyor...". İşlemin birden çok adımı varsa veya birden çok nesne işliyorsa bu etiket dinamik olarak değişebilir.
  • Durum çubuğu metnini vurgulayan renk, kalın veya italik kullanmayın.
  • Araç ipucu tümcesi yönergeleri için bkz. Araç İpuçları ve Bilgi ipuçları.

Belge

Durum çubuklarını durum çizgileri veya diğer çeşitlemeler olarak değil durum çubukları olarak ifade edin. Örnek: "Geçerli sayfa numarası durum çubuğunda görüntülenir."