標準圖示

注意

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

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

四個標準圖示的螢幕擷取畫面

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

標準圖示具有下列意義:

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

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

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

設計概念

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

  • 針對次要錯誤使用警告圖示。 警告不是「已壓縮」的錯誤。
  • 使用標準圖示時,最好完全不使用任何圖示。 並非所有訊息都需要圖示。
  • 藉由提供次要問題的警告,或將例行問題呈現為警告來警示使用者。 這麼做可讓程式變得容易遭受危險,並使其無法真正發生重大問題。

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

訊息類型與嚴重性

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

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

因此,錯誤訊息可能會產生錯誤圖示,但永遠不會有警告圖示。 請勿使用警告圖示作為「鬆開」次要錯誤的方式。 因此,儘管嚴重性的差異,「字型大小不正確」是錯誤,但「繼續此作業將會引發您的房屋」是警告。

判斷適當的訊息類型

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

  • 錯誤。 「此頁面無法載入未簽署的 ActiveX 控制項」 (片語為現有問題。)
  • 警告。 「此頁面可能無法如預期般運作,因為 Windows Internet Explorer 未設定為載入未簽署的 ActiveX 控制項。」或「允許此頁面安裝未簽署的 ActiveX 控制項? 從不受信任的來源執行此動作可能會危害您的電腦。」 (這兩個片語都作為可能導致未來問題的條件。)
  • 資訊。 「您已將 Windows Internet Explorer 設定為封鎖未簽署的 ActiveX 控制項」 (Phrased 作為 fact.)

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

嚴重性

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

圖示在用來以視覺化方式進行通訊時效果最佳。 (請注意,基於協助工具考慮,此視覺通訊一律必須與另一種表單備援,例如文字或音效。) 使用者應該能夠一目了然地瞭解資訊本質及其回應的結果,因此我們必須區分重大錯誤和警告與其一般對應專案。 重大錯誤和警告具有下列特性:

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

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

並非所有訊息都需要圖示。 圖示不是裝飾訊息的方式。

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

用來備份資料的警告螢幕擷取畫面

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

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

不正確:

誤導使用警告圖示的螢幕擷取畫面

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

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

螢幕擷取畫面,通知使用者輸入正確

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

避免過度加班

我們在 Windows 程式中超額。 一般 Windows 程式有看似任何地方的警告圖示,對於沒有重要性的專案發出警告。 在某些程式中,幾乎每個問題都會顯示為警告。 過度警告讓使用程式看起來就像危險活動,因而使它無法真正發生重大問題。

只有資料遺失的可能性不足以呼叫警告圖示。 此外,任何不想要的結果都應該非預期或非預期,而且不容易更正。 否則,可能會對任何未正確回答的問題進行修改,以造成某種資料遺失,並值得警告圖示。

若要將警告圖示焦點放在真正重大的問題上:

  • 請確定問題保證有更進一步的使用者注意。 常式確認 和問題不應該有警告圖示。
  • 使用者是否可能會因為警告圖示而有不同的行為? 使用者是否可能會更仔細地考慮決策?

不正確:

不必要的警告圖示螢幕擷取畫面

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

  • 是否有一些要執行或決策的重要動作? 沒有動作的警告只會讓使用者覺得偏態。

不正確:

用於提醒的警告圖示螢幕擷取畫面

為什麼此通知是警告? 除了擔心) ,使用者應該執行哪些 (?

Context

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

  • 雖然對話方塊 (包括工作對話方塊和訊息方塊,) 和通知不需要非嚴重錯誤的圖示,就地錯誤一律需要錯誤圖示。 否則,這類非強制回應意見反應會太容易忽略。
  • 就地警告一律需要警告圖示來區別它們與一般文字。
  • 對話方塊、通知和批註方塊不需要資訊圖示,因為它們清楚呈現資訊。 相反地,橫幅需要 16x16 圖元資訊或其他圖示,因為這類非強制回應會太容易忽略。

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

評估標準圖示適當性

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

如果您只執行一件事...

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

指導方針

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

一般

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

正確:

與錯誤文字搭配使用之錯誤圖示的螢幕擷取畫面

不正確:

與錯誤文字搭配使用的警告圖示螢幕擷取畫面

在不正確的範例中,標準警告圖示與主要指令 (不符,) 錯誤。

圖示大小

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

    Context 使用時機
    對話方塊
    針對內容區域圖示使用 32x32 圖元;註腳區域圖示的 16x16 圖元。
    就地
    針對錯誤頁面使用 32x32 圖元;所有其他專案的 16x16 圖元圖示。
    通知
    使用 16x16 圖元圖示。
    汽球
    使用 16x16 圖元圖示。
    橫幅
    使用 16x16 圖元圖示。

錯誤圖示

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

    Context 使用時機
    對話方塊
    僅適用于重大錯誤。 (不會將標準圖示用於非嚴重錯誤。)
    顯示錯誤訊息所使用錯誤圖示的螢幕擷取畫面
    就地錯誤
    用於所有錯誤。
    錯誤圖示與錯誤訊息搭配使用的螢幕擷取畫面。
    通知
    僅適用于重大錯誤。 動作 failures.) 的 (
    顯示與通知錯誤訊息搭配使用之錯誤圖示的螢幕擷取畫面。
    汽球
    請勿使用。 批註方塊不應該用於重大錯誤,而且不需要非嚴重錯誤的錯誤圖示。
    橫幅
    請勿使用。 橫幅不應該用於錯誤。
  • 一般而言,非關鍵使用者輸入問題不需要錯誤圖示。 不過,就地錯誤需要圖示,因為否則這類內容相關的意見反應會太容易忽略。

  • 對於工作對話方塊,請勿使用錯誤註腳圖示。 錯誤圖示必須只出現在內容區域中。

警告圖示

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

    Context 使用時機
    對話方塊
    用於所有警告。
    副檔名變更的螢幕擷取畫面警告
    就地警告
    使用 將文字識別為警告。
    警告的螢幕擷取畫面,顯示沒有足夠的可用空間
    通知
    用於所有警告。 非關鍵系統事件的 (。)
    低電池警告通知的螢幕擷取畫面
    汽球
    用於 特殊條件
    大寫鎖定的球形警告螢幕擷取畫面
    橫幅
    使用 來吸引人注意橫幅。
    橫幅的螢幕擷取畫面,其中顯示遺漏 tpm 的警告
  • 請勿使用警告圖示來「緩和」非嚴重錯誤。 錯誤不是警告,而是套用錯誤圖示指導方針。

  • 針對問題對話方塊,請只針對有重大結果的問題使用警告圖示。 請勿將警告圖示用於常式問題。

正確:

螢幕擷取畫面警告不要停止系統還原

不正確:

關閉提醒相關警告的螢幕擷取畫面

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

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

可能不安全檔案的螢幕擷取畫面警告

在此範例中,會在註腳中使用黃色安全性防護板。

資訊圖示

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

    Context 使用時機
    對話方塊
    請勿使用。
    就地
    請勿使用。 請改用純靜態文字或橫幅。
    通知
    請勿使用。
    汽球
    請勿使用。
    橫幅
    使用 來吸引人注意橫幅。
    包含設定資訊的橫幅螢幕擷取畫面
  • 對話方塊、通知和批註方塊中不需要資訊圖示,因為其內容足以傳達他們提供資訊的使用者。

  • 對於工作對話方塊,請勿使用資訊註腳圖示。 註腳已足夠可見,而且不會指出它們是資訊。

問號圖示

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