Aracılığıyla paylaş


Uyarı İletileri

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.

Uyarı iletisi, kullanıcıyı gelecekte soruna neden olabilecek bir koşul konusunda uyaran kalıcı bir iletişim kutusu, yerinde ileti, bildirim veya balondur.

screen shot of a typical warning messagescreen shot of a typical warning messagetipik bir uyarı iletisinin ekran görüntüsünü

Tipik bir kalıcı uyarı iletisi.

Uyarıların temel özelliği, aşağıdakilerden birini veya daha fazlasını kaybetme riskini içermeleridir:

  • Önemli finansal veriler veya diğer veriler gibi değerli bir varlık.
  • Sistem erişimi veya bütünlük.
  • Gizlilik veya gizli bilgiler üzerinde denetim.
  • Kullanıcının süresi (30 saniye veya daha fazla gibi önemli bir miktar).

Buna karşılık, onay, kullanıcının bir eylemle devam etmek isteyip istemediğini soran kalıcı bir iletişim kutusudur. Bazı uyarı türleri onay olarak sunulur ve bu durumda onay yönergeleri de geçerlidir.

Not: iletişim kutularıyla ilgili Yönergeleri, onayları, hata iletileristandart simgeler, bildirimlerive düzen ayrı makalelerde sunulur.

Bu doğru kullanıcı arabirimi mi?

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

  • Kullanıcı gelecekte bir soruna neden olabilecek bir koşulla ilgili uyarı mı alınıyor? Aksi takdirde, ileti bir uyarı değildir.
  • Kullanıcı arabirimi zaten oluşmuş bir hata veya sorun mu sunuyor? Öyleyse, bunun yerine bir hata iletisi kullanın.
  • Kullanıcıların iletinin sonucu olarak bir eylem gerçekleştirme veya davranışlarını değiştirme olasılığı var mı? Aksi takdirde, koşul kullanıcının kesintiye uğrayabilmesini haklı çıkarmaz, bu nedenle uyarının gizlenmesi daha iyidir.
  • Koşul, kullanıcı tarafından başlatılan bir eylemin doğrudan sonucu mudur? Aksi takdirde, kritik olmayan olay bildirimleri kullanmayı göz önünde bulundurun.
  • Koşul denetimde özel bir koşul mu? Öyleyse bunun yerine balon kullanın.
  • Onaylar için kullanıcı riskli bir eylem gerçekleştirmek üzere mi? Bu durumda, eylemin önemli sonuçları varsa veya kolayca geri alınamazsa bir uyarı uygundur.
  • Diğer uyarı türleri için kullanıcının hemen mi yoksa gelecekte mi harekete geçilmesi gerekiyor? Kullanıcılar hemen sorun yaşamadan üretken bir şekilde çalışmaya devam edebilirse uyarı görüntülemeyin. Koşul daha acil ve ilgili olana kadar uyarıyı erteleyin.

Tasarım kavramları

Aşırı uyarılardan kaçının

Microsoft Windows programlarında aşırı uyarı aldık. Tipik Windows programının her yerde çok az önemi olan şeyler hakkında uyarı gibi görünen uyarıları vardır. Bazı programlarda, neredeyse her soru bir uyarı olarak sunulur. Aşırı uyarı, bir program kullanmanın tehlikeli bir etkinlik gibi hissettirmesini sağlar ve gerçekten önemli sorunlardan uzaktır.

yanlış :

Gereksiz bir uyarı iletisinin ekran görüntüsünüscreen shot of an unnecessary warning message screen shot of an unnecessary warning message

Aşırı uyarı, programınızın tehlikeli hissetmesini sağlar ve avukatlar tarafından tasarlanmış gibi görünür.

Yalnızca veri kaybı veya gelecekteki bir sorun için olası bir durum, uyarı çağrısı yapmak için yeterli değildir. Ayrıca, istenmeyen sonuçlar beklenmeyen veya istenmeyen olmalı ve kolayca düzeltilmemelidir. Aksi takdirde, veri kaybına veya bir tür olası soruna neden olmak ve bir uyarıyı yerine getirmek için hemen hemen tüm kullanıcı hataları yorumlanabilir.

İyi uyarıların özellikleri

İyi uyarılar:

  • Riski dahil edin. İyi uyarılar, kullanıcıları önemli bir konuda uyarır.

yanlış :

'Çıkmak istiyor musunuz?' uyarısının ekran görüntüsü

Ne olmuş yani? Bu onay, kullanıcıların genellikle programlardan yanlışlıkla çıktığını varsayar.

  • Hemen ilginiz var. Kullanıcılar sadece önem vermek zorunda değil, şimdi de önem vermek zorundalar. Kullanıcılar genellikle işlerini şimdi yapabilecekleri sürece daha sonra karşılaşabilecekleri sorunlarla ilgilenmez.

yanlış :

üç saatte pil yetersiz uyarısının ekran görüntüsü

Bu durumda, kullanıcıyı üç saat içinde uyarmak daha iyidir.

  • Eyleme yol açın. Uyarının sonucunda kullanıcıların yapması veya dikkat etmesi gereken bir şey vardır. Belki de şimdi veya yakın gelecekte bir eylemde bulunması gerekir. Belki de bir görevi sonuç olarak farklı bir şekilde gerçekleştirirler. Uyarıyı yoksaymanın sonucu net olmalıdır. Eylemsiz uyarılar, kullanıcıların kendilerini paranoyak hissetmelerini sağlar.

yanlış :

'Canlı haberci çalışıyor' uyarısının ekran görüntüsü

Bu bildirim neden bir uyarıdır? Kullanıcıların ne yapması gerekir (kaygının yanı sıra) ?

  • Belli değil. Eylemin belirgin sonucunu belirtmek için uyarı görüntülemeyin. Örneğin, kullanıcıların bir görevi tamamlamama sonuçlarını anladığını varsayalım.

yanlış :

Sihirbazdan çıkmak istiyor musunuz? ekran görüntüsü uyarı

Tamamlanmamış bir sihirbazı iptal etmek, görevin tamamlanmadığı anlamına gelir... Kim bilirdi ki?

  • Seyrek gerçekleşir. Sürekli uyarılar hızla etkisiz ve sinir bozucu hale gelir. Kullanıcılar genellikle sorunu çözmekten çok uyarıdan kurtulmaya odaklanır.

yanlış :

'Virüs imzalarını güncelleştir' uyarıscreen shot of 'update virus signatures' warning screen shot of 'update virus signatures' warning ekran görüntüsü

Kullanıcıların uyarıdan kurtulmaya odaklanma olasılığı, temel sorunu çözmekten daha olasıdır.

Bu özelliklere sahip olmayan bir ileti yine de iyi bir ileti olabilir, ancak iyi bir uyarı olmayabilir.

Uygun ileti türünü belirleme

Bazı sorunlar, vurgu ve ifadeye bağlı olarak hata, uyarı veya bilgi olarak sunulabilir. Örneğin, bir Web sayfasının geçerli Windows Internet Explorer yapılandırmasına bağlı olarak imzalanmamış bir ActiveX denetimini yükleyemeyeceğini varsayalım:

  • Hata. "Bu sayfa imzalanmamış bir ActiveX denetimi yükleyemez." (Mevcut bir sorun olarak ifade edilir.)
  • Uyarı. "Windows Internet Explorer imzasız ActiveX denetimlerini yükleyecek şekilde yapılandırılmadığından bu sayfa beklendiği gibi davranmayabilir." veya "Bu sayfanın imzasız bir ActiveX Denetimi yüklemesine izin verilsin mi? Güvenilmeyen kaynaklardan bunu yapmak bilgisayarınıza zarar verebilir." (Her ikisi de gelecekteki sorunlara neden olabilecek koşullar olarak ifade edilir.)
  • Bilgi. "Windows Internet Explorer'ı imzalanmamış ActiveX denetimlerini engelleyecek şekilde yapılandırmışsınız." (Olgu ifadesi olarak ifade edilir.)

Uygun ileti türünü belirlemek için, sorunun kullanıcıların bilmesi veya üzerinde işlem görmesi gereken en önemli yönüne odaklanın. Genellikle, bir sorun kullanıcının ilerlemesini engelliyorsa, bunu bir hata olarak sunmanız gerekir; kullanıcı devam edebilirse, bunu bir uyarı olarak sunun. ana yönergesini veya ilgili diğer metni o odak temelinde hazırlayın, ardından metinle eşleşen bir simge (standartveya başka bir) seçin. Ana yönerge metni ve simgeleri her zaman eşleşmelidir.

Belirli olun

Aşağıdaki bilgiler belirli ve net olduğunda uyarılar daha cazip olur:

  • Uyarının kaynağı.
  • Belirli koşul ve olası sorun.
  • Kullanıcının bu konuda yapması gerekenler.
  • Kullanıcı hiçbir şey yapmazsa ne olur?

yanlış :

Önemli riskscreen shot of vague warning of significant risk screen shot of vague warning of significant risk belirsiz uyarınınekran görüntüsü

Bu örnekte, olası sorun nedir? Projektörü ağ üzerinden kullanmamak dışında kullanıcının ne yapması gerekir? Daha ayrıntılı bilgiler olmadan, kullanıcının tüm yapabilecekleri devam konusunda kötü hissetmektir.

Doğru:

sorun uyarısının ekran görüntüsü ve sonuçları

Bu örnekte sorun ve sonuçları açıktır.

Bazen kullanıcıları bilgilendirmeye değen meşru bir olası sorun vardır, ancak çözüm ve sonuçları kesin olarak bilinmemektedir. Belirsiz bir uyarı vermek yerine, en olası bilgileri veya en yaygın örneği vererek belirli olun.

Doğru:

Ağ hatası uyarısının ve çözümlerininscreen shot of network error warning and solutions screen shot of network error warning and solutions ekran görüntüsü

Bu örnekte uyarı, en olası çözüm sağlanarak özel hale getiriliyor.

Ancak, bu gibi durumlarda, başka olasılıklar olduğunu belirten ifadeleri kullanın. Aksi takdirde kullanıcılar yanlış yönlendirilebilir.

yanlış :

Ağ kablosu takılı olmayan uyarıscreen shot of network cable unplugged warning screen shot of network cable unplugged warning ekran görüntüsü

Doğru:

Kablonun ekran görüntüsü, fişsiz uyarı

Yanlış örnekte, kablo açıkça takılıysa kullanıcıların kafası karışacaktır.

Yalnızca iki şey yaparsanız...

  1. Aşırı uyarı yapma. Uyarıları risk içeren ve hemen ilgili, eyleme dönüştürülebilir, belirgin olmayan ve seyrek görülen koşullarla sınırlayın. Aksi takdirde, iletiyi kaldırın veya yeniden ifade edin.

  2. Belirli, yararlı bilgiler sağlayın.

Kullanım desenleri

Uyarıların çeşitli kullanım desenleri vardır:

Etiket Değer
Farkındalık
Kullanıcıyı bir koşul veya olası sorundan haberdar edin, ancak kullanıcının şu anda hiçbir şey yapması gerekmeyebilir.
Ağ sorunları uyarısının ekran görüntüsü
Düşük pil uyarısı ekran görüntüsü
'caps-lock-is-on' uyarıScreen shot of 'caps-lock-is-on' warning Screen shot of 'caps-lock-is-on' warning ekran görüntüsü
'TPM bulunamadı' uyarıScreen shot of 'TPM-not-found' warning Screen shot of 'TPM-not-found' warning ekran görüntüsü
Farkındalık uyarısı örnekleri.
Farkındalık uyarıları aşağıdaki sunuyu içerir:
  • Ana yönerge: Koşulu veya olası sorunu açıklama.
  • Ek yönerge: Bunun nedenini ve neden önemli olduğunu açıklayın.
  • İşleme düğmelerini : Kapat'ı.
Hata önleme
Özellikle seçim yaparken kullanıcıyı bir sorunu önleyebilecek bilgiler hakkında bilgilendirin.
Hata önleme uyarıları en iyi şekilde yerinde uyarı simgesi ve açıklayıcı metin kullanılarak sunulur.
Yeterli boş alan yok uyarısı ekran görüntüsü
Use-installation-CD uyarı ekran görüntüsü
Hata önleme uyarıları örnekleri.
yakın sorun
Kullanıcının yakın bir sorunu önlemek için şimdi bir şeyler yapması gerekir.
Yakın programlar uyarı ekran görüntüsü
Yakın bir sorun uyarısı örneği.
Yakın sorun uyarıları aşağıdaki sunuyu içerir:
  • Ana yönerge: Kullanıcının şimdi yapması gerekenleri açıklayın.
  • Ek yönerge: Koşulu ve neden önemli olduğunu açıklayın.
  • İşleme düğmeleri: Her seçenek için bir komut düğmesi veya komut bağlantısı ya da eylem iletişim kutusunun dışında gerçekleşirse Tamam'ı seçin.
Riskli eylem onayı
Kullanıcının riski olan ve kolayca geri alınamaz bir eylemle devam etmek istediğini onaylayın.
Formatting-will-erase-data uyarı ekran görüntüsü
Riskli eylem onayı örneği.
Riskli eylem onayları aşağıdaki sunuyu içerir:
  • Ana yönerge: kullanıcının devam etmek isteyip istemediğini belirlemek için soru sorun.
  • Ek yönerge: Kullanıcının devam etmek istememesinin belirgin olmayan nedenlerini açıklayın.
  • İşleme düğmelerini : Evet, Hayır.
Bu desene ilişkin yönergeler için bkz. Onaylar.

Yönerge -leri

Sunum

  • Bilgi türüne göre sunu kullanıcı arabirimini seçin:
Kullanıcı arayüzü En iyi kullanılan
Kalıcı iletişim kutuları
Kullanıcıların şu anda yanıtlaması gereken kritik uyarılar (onaylar dahil).
Yerinde
Özellikle kullanıcılar seçim yaparken bir sorunu önleyebilecek bilgiler.
Afiş
Özellikle bir görevi tamamlamayla ilgili olduğunda, bir sorunu önleyebilecek bilgiler.
Bildirim
En azından geçici olarak güvenli bir şekilde yoksayılabilir önemli olaylar veya durum.
Balon
Denetim, girişi etkileyen bir durumdadır. Bu durum büyük olasılıkla istenmeyen bir durumdur ve kullanıcı girişin etkilendiğini fark etmeyebilir.
  • Kalıcı iletişim kutuları için:
    • Tutarlı bir görünüm ve düzen elde etmek için uygun olduğunda görev iletişim kutularını kullanın. Görev iletişim kutuları Windows Vista veya üzerini gerektirdiğinden, windows'un önceki sürümleri için uygun değildir.
    • Koşul başına yalnızca bir uyarı iletisi görüntüler. Örneğin, bir koşulu ileti başına bir kerede bir ayrıntı açıklamak yerine tamamen açıklayan tek bir uyarı görüntüleyin. Tek bir koşul için bir uyarı iletişim kutusu dizisi görüntülemek kafa karıştırıcı ve can sıkıcıdır.
    • Koşul başına birden fazla uyarı görüntülemeyin. Sürekli uyarılar hızla etkisiz ve sinir bozucu hale gelir. Kullanıcılar genellikle sorunu çözmekten çok uyarıdan kurtulmaya odaklanır. Tek bir koşul için tekrar tekrar uyarmanız gerekiyorsa, aşamalı yükseltmekullanın.
  • Uyarılara ses efekti veya bip sesiyle eşlik etmeyin. Bunu yapmak jarring ve gereksizdir.
    • Özel Durum: Kullanıcının hemen yanıt vermesi gerekiyorsa, bir ses efekti kullanabilirsiniz.

Simge

  • İletişim kutusunun başlık çubuğuna uyarı simgesi yerleştirmeyin.

  • Bir uyarı simgesi kullanın. Özel durum:

    • Uyarı, simgesi olan bir özelliğe yönelikse, özellik simgesini bir uyarı katmanıyla kullanabilirsiniz.

      Doğru:

      Uyarı simgesi yer paylaşımıscreen shot of lock icon with warning icon overlay screen shot of lock icon with warning icon overlay kilit simgesinin ekran görüntüsünü

      Bu örnekte, özellik simgesinin bir uyarı katmanı vardır.

  • Uyarı dipnotu içeren kalıcı iletişim kutuları için, uyarı simgesini içerik alanı yerine dipnota yerleştirin.

    Doğru:

    iletişim kutusu dipnotunda uyarı simgesinin ekran görüntüsü

    Bu örnekte, dipnotta uyarı simgesi bulunur.

Diğer yönergeler ve örnekler için bkz. standart simgeler .

Bu iletiyi bir daha gösterme

  • Bir uyarı iletişim kutusu bu seçeneğe ihtiyaç duyuyorsa uyarıyı ve sıklığını yeniden gözden geçirin. İyi bir uyarının tüm özelliklerine sahipse (risk içerir ve hemen ilgili, eyleme dönüştürülebilir, belirgin değil ve seyrekse), kullanıcıların bunu gizlemesi mantıklı olmamalıdır.

Diğer yönergeler için bkz. İletişim Kutuları.

Aşamalı açıklama

  • Bir uyarı iletisine gelişmiş bilgiler eklemeniz gerekiyorsa, aşamalı açıklama düğmelerini kullanarak (örneğin, "Ayrıntıları göster") açın. Bunun yapılması, tipik kullanım uyarısını basitleştirir. Kullanıcılar bulamadığı için gerekli bilgileri gizlemeyin.
  • Daha fazla ayrıntı yoksa "Ayrıntıları göster" seçeneğini kullanmayın. Mevcut bilgileri yalnızca farklı bir biçimde yeniden ifade etmeyin.

Etiketleme yönergeleri için bkz. aşamalı açıklama .

Varsayılan değerler

  • Varsayılan olarak en güvenli, en az yıkıcı veya en güvenli yanıtı seçin.

Metin

Genel

  • Yedekli metni kaldırın. Başlıklarda, ana yönergelerde, ek yönergelerde, içerik alanlarında, komut bağlantılarında ve işleme düğmelerinde arayın. Genel olarak, yönergelerde ve etkileşimli denetimlerde tam metin bırakın ve diğer yerlerdeki yedekliliği kaldırın.
  • Metinde "uyarı" veya "uyarı" terimlerini kullanmayın. doğru kullanıldığında, uyarı simgesi kullanıcıların dikkatli olması gerektiğini yeterince iletir.

yanlış :

Metinscreen shot of unnecessary use of warning in text screen shot of unnecessary use of warning in text gereksiz uyarı kullanımının ekran görüntüsü

Bu örnekte "uyarı" terimi gereksizdir.

Başlık

  • Uyarının geldiği komutu veya özelliği tanımlamak için başlığı kullanın. Özel durum:
    • Birçok farklı komut tarafından bir uyarı görüntüleniyorsa, bunun yerine program adını kullanmayı göz önünde bulundurun.
    • Bu başlık yedekli veya ana yönergeyle kafa karıştırıcı olacaksa, bunun yerine program adını kullanın.

yanlış :

Güvenlik uyarısı iletişim kutusunun başlığıscreen shot of security warning dialog box title screen shot of security warning dialog box title ekran görüntüsü

Bu örnekte , "Güvenlik Uyarısı" uyarının geldiği komutu veya özelliği tanımlamaz.

  • Ana yönergenin amacının bu olduğunu iletişim kutusunda yapılacakları açıklamak için başlığı kullanmayın.
  • noktalama işaretlerini sonlandırmadan başlık stili büyük harf kullanımını kullanın.

Ana yönergeler

  • Bir uyarının ana yönergesi, tasarım desenine bağlıdır:
Desen Ana yönerge
Farkındalık
Koşulu veya olası sorunu açıklayın.
Yakın sorun
Kullanıcının şimdi yapması gerekenleri açıklayın.
Riskli eylem onayı
Kullanıcının devam etmek isteyip istemediğini belirlemek için bir soru sorun.
  • Düşük pilli bildirimscreen shot of a low-battery notification screen shot of a low-battery notification ekran görüntüsü
  • Bu örnekte düşük pil bildirimi bir farkındalık uyarısı olduğundan, ana yönerge koşulu açıklar.
  • Pil değiştirme anında uyarıscreen shot of change battery immediately warning screen shot of change battery immediately warning ekran görüntüsü
  • Bu örnekte, düşük pil iletişim kutusu yakın bir sorun olduğundan, ana yönerge kullanıcının şimdi yapması gerekenleri açıklar.
  • Kısa olun, yalnızca tek ve eksiksiz bir cümle kullanın. Ana yönergeyi temel bilgilere kadar çıkarın. Daha fazla açıklamanız gerekiyorsa ek bir yönerge kullanın.
  • Kullanıcının hemen harekete geçebilmesi için "şimdi" ve "hemen" gibi sözcükleri kullanın. Aciliyet yoksa bu sözcükleri kullanmayın.
  • Belirli nesneler varsa, tam adlarını verin.
  • cümle stili büyük harf kullanımını kullanın.

Ek yönergeler

  • Uyarıya yönelik ek yönerge, tasarım desenini temel alır:
Desen Ek yönerge
Farkındalık
Etkiyi ve neden önemli olduğunu açıklayın.
Yakın sorun
Koşulu ve neden önemli olduğunu açıklayın.
Riskli eylem onayı
Kullanıcının devam etmek istememesinin belirgin olmayan nedenlerini açıklayın.
  • Ana yönergeyi biraz farklı ifadelerle tekrar etmeyin. Bunun yerine, ekleyecek başka yönerge yoksa ek yönergeyi atlar.
  • Tümceleri, tümce stili büyük harfe çevirmeyi ve noktalamayı sonlandırmayı kullanın.

İşleme düğmeleri

  • Uyarı iletişim kutuları için işleme düğmeleri tasarım desenini temel alır:
Desen İşleme düğmeleri
Farkındalık
Kapatmak. Olası sorunların tamam olduğunu önerdiğinden Tamam'ı kullanmayın.
Yakın sorun
Her seçenek için bir komut düğmesi veya komut bağlantısı ya da eylem iletişim kutusunun dışında gerçekleşirse Tamam.
Riskli eylem onayı
Evet, hayır.
  • yanlış :
  • Tamam düğmesiscreen shot of warning dialog box with ok button screen shot of warning dialog box with ok button uyarı iletişim kutusunun ekran görüntüsünü
  • Sorunlar tamam değildir, bu nedenle bunun yerine Kapat'ı kullanın.

Belge

Uyarılara başvururken:

  • Uyarı bir soru sorarsa, sorusuna göre bir uyarıya başvurun; aksi takdirde, ana yönergeyi kullanın. Soru veya ana yönerge uzunsa veya ayrıntılıysa özetleyin.
  • Gerekirse, bir uyarı iletişim kutusuna ileti olarak başvurabilirsiniz.
  • Mümkün olduğunda, metni kalın kullanarak biçimlendirin. Aksi takdirde, metni yalnızca karışıklığı önlemek için gerekiyorsa tırnak içine koyun.

Örnek: Güvenli olmayan öğeleri görüntülemek istiyor musunuz? İletiyi Evet'e tıklayın.