共用方式為


標準圖示

注意

此設計指南已針對 Windows 7 建立,但尚未更新較新版本的 Windows。 大部分指引仍適用原則,但簡報和範例不會反映我們目前的設計指導方針

標準圖示是屬於 Windows 一部分的錯誤、警告、資訊和問號圖示。

螢幕快照

標準錯誤、警告、資訊和問號圖示。

標準圖示具有下列意義:

  • 錯誤圖示。 使用者介面 (UI) 呈現已發生錯誤或問題。
  • 警告圖示。 UI 正在呈現未來可能造成問題的條件。
  • 信息圖示。 UI 呈現有用的資訊。
  • 問號圖示。 UI 表示說明進入點。

標準圖示值得注意,因為它們內建於許多 Windows 應用程式開發介面(API),例如 工作對話消息框氣球,以及 通知。 它們也常用於 就地訊息狀態列

附註: 圖示相關的指導方針會在個別文章中呈現。

設計概念

選擇適當的標準圖示有數個因素,其中部分說明為何經常不正確地使用。 最常見的錯誤如下:

  • 針對次要錯誤使用警告圖示。 警告不會「軟化」錯誤。
  • 使用標準圖示時,最好完全不使用任何圖示。 並非每個訊息都需要圖示。
  • 為使用者發出次要問題的警告,或將例行問題顯示為警告,以提醒使用者。 這樣做會使程式似乎容易發生危險,並損害真正重大的問題。

本節的其餘部分說明如何思考標準圖示,以避免這些常見的錯誤。

訊息類型與嚴重性

根據訊息類型選擇標準圖示,而不是基礎問題的嚴重性。 訊息類型如下:

  • 錯誤。 發生錯誤或問題。
  • 警告。 未來可能造成問題的條件。
  • 資訊。 有用的資訊。

因此,錯誤訊息可能會產生錯誤圖示,但絕不會是警告圖示。 請勿使用警告圖示作為「軟化」次要錯誤的方式。 因此,儘管其嚴重性不同,但「不正確的字型大小」是錯誤,而「繼續執行這項作業將會引發您的房屋」是警告。

判斷適當的訊息類型

視強調和片語而定,某些問題可能會呈現為錯誤、警告或資訊。 例如,假設網頁無法根據目前的 Windows Internet Explorer 組態載入未簽署的 ActiveX 控制項:

  • 錯誤。 「此頁面無法載入未簽署的 ActiveX 控制件。」(片語為現有問題。
  • 警告。 「此頁面可能無法如預期般運作,因為 Windows Internet Explorer 未設定為載入未簽署的 ActiveX 控制件。」或「允許此頁面安裝未簽署的 ActiveX 控件? 從不受信任的來源這樣做可能會損害您的計算機。(兩者都片語為可能導致未來問題的條件。
  • 資訊。 「您已設定 Windows Internet Explorer 封鎖未簽署的 ActiveX 控制件。」(片語為事實陳述。

若要判斷適當的訊息類型,請將焦點放在使用者需要知道或採取行動的問題最重要的層面。 一般而言,如果問題阻止用戶繼續,它會顯示為錯誤;如果使用者可以繼續,則為警告。 根據該焦點 或其他對應的文字,製作 主要指令,然後選擇符合文字的圖示(標準或其他)。 主要指令文字和圖示應該一律相符。

嚴厲

雖然在錯誤、警告和資訊圖示中選擇時,嚴重性不是考慮,但 嚴重性是判斷是否應該使用標準圖示的因素。

圖示在用來以可視化方式通訊時效果最佳。 (請注意,基於輔助功能考慮,這種視覺通訊必須永遠與另一種形式備援,例如文字或聲音。用戶應該能夠一目了然地瞭解資訊的性質及其響應結果,因此我們必須區別其一般對應專案的嚴重錯誤和警告。 重大錯誤和警告具有下列特性:

  • 它們牽涉到可能遺失下列一或多個專案:
    • 寶貴的資產,例如數據遺失或財務損失。
    • 系統存取或完整性。
    • 隱私權或機密資訊的控制權。
    • 用戶的時間(大量,例如30秒以上)。
  • 他們有意想不到的或意外的後果。
  • 他們現在需要正確的處理,因為錯誤無法輕易修正,甚至可能無法復原。

若要區分非重大錯誤和警告與重大錯誤,通常會顯示非重大訊息而不顯示圖示。 這樣做會吸引對重要訊息的注意、讓關鍵和非關鍵訊息以視覺方式區分,且與 windows 音調 一致。

並非每個訊息都需要圖示。 圖示不是裝飾訊息的方法。

以下是嚴重警告的良好範例,因為它符合先前定義的特性。

用來備份數據 警告的螢幕快照

在此範例中,重大警告會警示使用者可能無法復原的數據遺失。

不過,下一個範例並不重要,因為它可能是刻意的,而且其結果很容易復原。

不正確:

螢幕快照,顯示警告圖示的誤導使用

在此範例中,此 確認 並不重要,因為它可能是刻意且容易復原。

在一般 UI 中,大部分的錯誤都與使用者輸入錯誤有關。 大部分的使用者輸入錯誤並不重要,因為它們很容易修正,而且用戶必須先修正錯誤,才能繼續。 此外,對次要使用者錯誤的關注太多,與 Windows 語氣背道而馳。 因此,次要使用者輸入錯誤通常會顯示,而不會顯示錯誤圖示。 為了強化其非關鍵性,我們會將這些視為使用者輸入問題。

螢幕快照,通知使用者正確的輸入

在此範例中,這個次要使用者輸入問題並不重要,因此在對話框中呈現時不需要圖示。

避免過度警告

我們在 Windows 程式中過度加總。 典型的 Windows 程式有警告圖示似乎無處不在,警告有關沒有什麼意義的事物。 在某些程式中,幾乎每個問題都會顯示為警告。 過度警告會使使用程序感覺像是危險活動,而且會減去真正重大的問題。

僅數據遺失的可能性就不足以呼叫警告圖示。 此外,任何不想要的結果都應該非預期或非預期,且不容易更正。 否則,可能會解釋任何不正確的回答問題,以導致某種數據遺失,並值得警告圖示。

若要將警告圖示聚焦於真正重大的問題:

  • 請確定問題需要提高用戶的關注度。 例程確認 和問題不應該有警告圖示。
  • 使用者是否可能會因為警告圖示而有不同的行為? 使用者是否可能會更仔細地考慮決策?

不正確:

不必要地使用警告圖示的螢幕快照

在此範例中,使用者可能會因為警告圖示而以不同的方式回答這個問題嗎?

  • 有一些重大動作要做或決定嗎? 沒有動作的警告只會讓使用者感到偏執。

不正確:

與提醒螢幕快照

為什麼此通知是警告? 用戶應該做什麼(除了擔心)?

上下文

內容也是使用標準圖示的考慮,因為內容本身會傳達資訊。 具體說來:

  • 雖然對話框(包括工作對話框和消息框)和通知不需要非重大錯誤的圖示,但就地錯誤一律需要錯誤圖示。 否則,這類非強制回應的意見反應太容易忽略。
  • 就地警告一律需要警告圖示來區分它們與一般文字。
  • 對話框、通知和氣球不需要信息圖示,因為它們會清楚呈現資訊。 相反地,橫幅需要 16x16 像素資訊或其他圖示,因為這類非強制響應反應很容易忽略。

由於內容是圖示使用方式的重要因素,因此本文中的標準圖示指導方針會根據其內容來提供。

評估標準圖示適當性

評估UI文字時,也讀取任何標準圖示。 將錯誤圖示讀為 「error」,警告圖示為 「警告,請在此非常小心!」,並將資訊圖示視為「注意!」。 然後繼續讀取其餘內容,例如主要指令、內容區域和認可按鈕。 請確定每個標準圖示的意義和語氣都符合其內容的意義和語氣。 如果沒有,您就發現問題。

如果你只做一件事...

請確定每個標準圖示的意義和語氣都符合其內容的意義和語氣。 如果它們不相符,請變更或移除圖示。

指引

注意: 針對下列指導方針,「就地」表示在任何一般視窗介面上,例如精靈、屬性表或控制面板專案頁面的內容區域內。

常規

  • 根據標準圖示選擇其訊息類型,而不是基礎問題的嚴重性:
    • 錯誤。 發生錯誤或問題。
    • 警告。 未來可能造成問題的條件。
    • 資訊。 有用的資訊。
  • 如果問題跨越不同的訊息類型,請專注於使用者需要處理的最重要層面。
  • 圖示必須一律符合主要指令或其他對應的文字。

正確:

錯誤圖示與錯誤文字搭配使用的螢幕快照

不正確:

與錯誤文字搭配使用的警告圖示螢幕快照

在不正確的範例中,標準警告圖示不符合主要指示(這會產生錯誤)。

圖示大小

  • 根據內容選擇標準圖示大小:

    上下文 使用時機
    對話框
    針對內容區域圖示使用32x32圖元;腳註區域圖示的 16x16 像素。
    就地
    針對錯誤頁面使用32x32圖元;所有其他專案的 16x16 像素圖示。
    通知
    使用16x16像素圖示。
    氣球
    使用16x16像素圖示。
    橫幅
    使用16x16像素圖示。

錯誤圖示

  • 只有在發生錯誤或問題時,才使用錯誤圖示:

    上下文 使用時機
    對話框
    僅適用於重大錯誤。 (請勿針對非重大錯誤使用標準圖示。
    顯示與錯誤訊息搭配使用之錯誤圖示的螢幕快照
    就地錯誤
    用於所有錯誤。
    錯誤圖示與錯誤訊息搭配使用的螢幕快照。
    通知
    僅適用於重大錯誤。 (針對 動作失敗
    顯示與通知錯誤訊息搭配使用之錯誤圖示的螢幕快照。
    氣球
    請勿使用。 氣球不應該用於重大錯誤,而且不需要非重大錯誤的錯誤圖示。
    橫幅
    請勿使用。 橫幅不應該用於錯誤。
  • 一般而言,非關鍵使用者輸入問題不需要錯誤圖示。 不過,就地錯誤需要圖示,因為否則這類內容相關的意見反應太容易忽略。

  • 針對工作對話框,請勿使用錯誤腳註圖示。 錯誤圖示必須只顯示在內容區域中。

警告圖示

  • 只有在條件可能導致未來發生問題時,才使用警告圖示:

    上下文 使用時機
    對話框
    用於所有警告。
    擴展名變更 的螢幕快照警告
    就地警告
    使用將文字識別為警告。
    螢幕快照,警告沒有足夠的可用空間
    通知
    用於所有警告。 (適用於 非關鍵系統事件
    低電池警告通知的螢幕快照
    氣球
    用於 特殊條件
    上上限鎖定的氣球警告螢幕快照
    橫幅
    使用 來吸引人們對橫幅的注意。
    橫幅的螢幕快照,並警告遺漏 tpm
  • 請勿使用警告圖示來「軟化」非嚴重錯誤。 錯誤不是警告,而是套用錯誤圖示指導方針。

  • 針對問題對話框,請只針對具有重大後果的問題使用警告圖示。 請勿針對例行問題使用警告圖示。

正確:

螢幕快照警告不要停止系統還原

不正確:

關閉提醒 警告的螢幕快照

在不正確的範例中,不正確地將警告圖示用於例程問題。

  • 針對工作對話框,您可以使用警告腳註圖示來警示用戶有風險的後果。 不過,請在內容區域或腳註區域中使用警告圖示,但不要同時使用這兩者。

螢幕快照警告可能不安全的檔案

在此範例中,腳注中會使用黃色安全盾牌。

信息圖示

  • 只有在內容不明顯呈現資訊時才使用信息圖示:

    上下文 使用時機
    對話框
    請勿使用。
    就地
    請勿使用。 請改用純靜態文字或橫幅。
    通知
    請勿使用。
    氣球
    請勿使用。
    橫幅
    使用 來吸引人們對橫幅的注意。
    橫幅的螢幕快照,其中包含設定資訊
  • 對話框、通知和批註方塊中不需要信息圖示,因為其內容足以傳達資訊給使用者。

  • 針對工作對話框,請勿使用資訊腳註圖示。 腳注是足夠可見的,它不說它們是資訊。

問號圖示

  • 僅針對 [說明進入點] 使用問號圖示。 如需詳細資訊,請參閱 說明進入點 指導方針。
  • 請勿使用問號圖示來詢問問題。 同樣地,請只針對 [說明] 進入點使用問號圖示。 無論如何,您都不需要使用問號圖示詢問問題,就足以將主要指示呈現為問題。
  • 請勿將問號圖示取代為警告圖示。 只有在問題有重大後果時,才將問號圖示取代為警告圖示。 否則,不使用圖示。