工具提示與資訊提示

發行項
03/21/2023

注意

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

工具提示是一個小型快顯視窗，會標記所指向的未標記控制項，例如未標記的工具列控制項或命令按鈕。

顯示工具提示 [列印 (Ctrl+P) ] 工具提示的螢幕擷取畫面。

工具列按鈕的典型工具提示。

由於工具提示已證明非常實用，因此存在稱為資訊提示的相關控制項，可提供比工具提示更具描述性的文字。

資訊提示是一個小型快顯視窗，可精簡描述所指向的物件，例如工具列控制項、圖示、圖形、連結、Windows 檔案總管物件、開始功能表項目和工作列按鈕的描述。資訊提示是漸進式揭露控制項的形式，不需要一律在螢幕上有描述性文字。

包含資訊提示的共用按鈕螢幕擷取畫面

典型的資訊提示。

為了本文的目的，工具提示和資訊提示統稱為秘訣。

提示可協助使用者瞭解使用者介面 (UI) 中未直接描述的未知或不熟悉的物件。當使用者將指標停留在物件上，並在使用者按一下控制項或移動滑鼠時或提示逾時時移除時，系統會自動顯示它們。

開發人員： 沒有資訊提示控制項;資訊提示是使用工具提示控制項來實作。差別在於使用方式，而不是實作。

注意

與批註、工具列和說明相關的指導方針會顯示在不同的文章中。

這是正確的控制項嗎？

若要決定使用時機，請考量下列問題：

資訊是否根據指標暫留顯示？ 如果不是，請使用其他控制項。僅顯示提示，因為使用者互動的結果永遠不會自行顯示。相反地，方塊可以自行顯示 (，如同通知) 一樣，因此它們會有可識別其來源的尾端。
控制項是否有文字標籤？ 如果沒有，請使用工具提示提供標籤。請注意，大部分的控制項都應該加上標籤，因此沒有工具提示。具有圖形標籤的工具列控制項和命令按鈕應該有工具提示。
物件是否受益于補充描述或進一步資訊？ 如果是，請使用資訊提示。不過，文字必須是補充的，對主要工作而言並不重要。如果是必要的文字，請將它直接放入 UI 中，使用者就不必到處尋找這些文字。
補充資訊是否為錯誤、警告或狀態？ 如果是，請使用另一個 UI 元素，例如方塊、錯誤訊息或狀態列。通知區域圖示資訊提示是例外狀況，因為它們可用來顯示狀態資訊。
使用者是否需要與提示互動？ 如果是，請使用另一個控制項，例如批註方塊。使用者無法與提示互動，因為移動滑鼠會讓提示消失。
使用者是否需要列印補充資訊？ 如果是，請使用另一個控制項，例如靜態批註欄位。不過，您也可以使用資訊提示來提供更直接的這項資訊存取權。

在此範例中，Microsoft Word 中的靜態批註欄位可讓使用者列印批註。
內容是否可讓使用者發現提示令人困擾或干擾？ 如果是，請考慮使用另一個解決方案，包括完全不執行任何動作。如果您在這類內容中使用提示，可讓使用者將其關閉。

適當地使用時，提示可改善與使用者的通訊。 請勿使用秘訣做為良好設計的替代方式。 如果圖形、按鈕或其他物件需要使用者持續檢查提示才能瞭解，則設計不正確。請改為修正設計。

設計概念

秘訣是簡化使用者介面的強大方式。他們會在需要資訊時提供使用者所需的資訊，並盡最少的心力。秘訣可協助您更有效率地使用螢幕空間，並減少螢幕雜亂。不過，設計不佳的秘訣可能會令人困擾、干擾、無説明、壓倒或以這種方式。下列設計概念旨在顯示差異。

可搜尋性

當使用者將指標停留在物件上一段時間時，提示會自動顯示。這個時間延遲機制可讓提示非常方便，但也可減少其可探索性。

經過一段時間，使用者瞭解某些標準物件，例如工具列按鈕、圖形按鈕、開始功能表項目和通知區域圖示都有提示，因此您可以接受其可探索性來授與。

使用者需要較長的時間，才能在非標準的地方探索秘訣。沒有視覺線索，例如作用點或指標變更，表示物件有提示。更糟的是，有些使用者將滑鼠四處移動，特別是在他們學習流覽 UI 時。使用者必須知道物件有一個提示，無論是透過過去的體驗或實驗。

您可以使用一致的秘訣來改善可探索性，進而促進可預測性。如果您提供某些物件的秘訣，您應該為使用者可能想要補充資訊的所有類似物件提供提示。有時候這樣做可能很困難，因為您也必須確定秘訣很有説明且不明顯。

如果提供可探索且一致的實用秘訣證明是問題，請考慮替代設計，例如自我說明控制項標籤或就地補充文字。

適當的資訊

適用于秘訣的資訊具有下列特性：

簡潔。 秘訣所使用的快顯視窗非常適合簡短句子和句子片段，以及格式化的文字。大型、未格式化的文字區塊很難閱讀和壓倒。
有用。 提示文字必須有資訊。它不應該很明顯，或只是重複畫面上已有的內容。
補充。 由於提示文字不一定會顯示，因此應該是使用者不需要讀取的補充資訊。重要資訊應該使用自我說明的控制標籤或就地補充文字來傳達。
靜態。 使用者不預期提示會從某個實例變更為下一個實例，因此不太可能注意到動態內容中的變更，例如狀態資訊。通知區域圖示秘訣是值得注意的例外狀況：使用者較有可能在該處探索提示資訊的變更，因為這些圖示主要會傳達狀態。

適當的逾時

適當的自動顯示和移除提示對於維護使用者 UI 環境控制的目標非常重要。秘訣有三個逾時值：

初始。 指標必須保持固定的時間，提示才會出現。預設時間為 0.5 秒。
重新顯示。 當指標從一個目標移到另一個目標時，指標必須保持固定的時間。預設時間為 0.1 秒。
去除。 自動移除小費的時間。預設時間為 5 秒。

有太短的初始值，並重新顯示值會導致令人不小心、干擾性的體驗，因為它們通常會不小心顯示，而太長會導致提示感覺沒有回應或未發現。預設移除時間適用于簡短提示文字，如工具提示中所示。資訊提示有較長的文字，因此需要較長的顯示時間。

適當的位置

提示應該放在暫留的物件附近，通常可能的話，放在指標的尾端或頭部。不過，他們絕對不應該被放在干擾使用者所執行之動作的方式，方法是遮蔽感興趣的物件。避免此問題可能需要您將小費移開指標，但與物件相鄰。只要物件與其小費之間的關聯性清楚，就不是問題。請確定使用者不會只移動指標，以取得您程式的秘訣。

協助工具選項

秘訣對協助工具有不尋常的影響。雖然它們通常是藉由將指標停留在物件上方來觸發，但提示是由螢幕助讀程式處理，以取得具有鍵盤存取權的控制項。適當地用於簡潔、實用、靜態、補充資訊時，提示可以改善整體協助工具。事實上，替代文字提示模式是讓圖形可供存取的慣用方式。不過，不當使用時，它們會藉由讓重要或動態資訊難以取得，來危害協助工具。

如果該控制項需要沒有鍵盤存取的提示，請提供一個以上的方法來存取控制項。

具有工具提示的列印按鈕螢幕擷取畫面

在此範例中，使用者可以使用工具列按鈕 (列印，但無法存取鍵盤) 或 [列印] 命令鍵盤快速鍵。

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

設計可探索的秘訣，可在適當時間在適當位置顯示簡潔、實用、靜態、補充資訊。

使用模式

秘訣有數種使用模式：

使用狀況	範例
工具提示顯示未標記控制項或圖像的標籤。	由於這些秘訣可作為標籤，因此其文字會遵循基礎控制項的標籤指導方針。在此範例中，工具提示會提供命令標籤。螢幕擷取畫面在這些範例中，工具提示會標籤圖形按鈕。在此範例中，工具提示會標記圖像。
資訊提示提供物件或控制項的補充描述或說明。	使用資訊提示來描述或說明工具列控制項、圖示 (包括圖示重迭) 、連結、索引標籤、漸進式洩漏控制項和自訂控制項等物件和控制項。在這些範例中，資訊提示會提供控制項和物件的補充資訊。
替代文字資訊提示描述協助工具的圖形。	此模式主要適用于有某種形式的視覺障礙的使用者，而且可能會使用螢幕助讀程式。在此範例中，資訊提示描述 [開始] 功能表圖形。
縮圖顯示專案的小型影像。	縮圖可讓您輕鬆辨識視窗或檔的圖形表示。在此範例中，Windows 工作列會為其專案提供縮圖提示。在此範例中，Windows 相片圖庫會為其專案提供縮圖提示。
詳細資料資訊提示顯示物件的詳細資訊。	資訊提示是顯示物件詳細資訊或提供資料的有效方式。在這些範例中，資訊提示會提供物件或資料的詳細資訊。
[開始] 功能表資訊提示描述 [開始] 功能表上的專案。	[開始] 功能表包含程式名稱和重要的視窗目的地，例如檔、圖片和控制台。這些秘訣描述 [開始] 功能表項目，通常是提供程式或目的地的簡短描述，以及使用者可以使用它執行的主要工作。這些描述也會由 [開始] 功能表搜尋方塊編制索引，進一步協助使用者找到所需的程式。在此範例中，資訊提示描述使用者可以在 [開始] 功能表中使用程式執行哪些動作。
主控台資訊提示描述控制台類別或工作。	這些秘訣會提供補充資訊，以協助使用者選擇正確的控制台類別和專案。在此範例中，資訊提示描述使用者帳戶主控台類別。
全名資訊提示當名稱被截斷或不完全可見時，會顯示專案的完整名稱。	這些秘訣可讓您以更精簡的空間顯示專案，同時減少水準捲動的需求。當內容長度未知時，這特別重要，因為它是動態的。不同于其他模式，在清單和樹狀結構中使用時，這些提示會直接顯示在來源物件上。在此範例中，資訊提示是用來在暫留時顯示完整專案名稱。
狀態資訊提示顯示通知區域圖示的狀態資訊。	通常，提示應該是靜態的，因為使用者不會預期它們從一個實例變更為下一個實例。通知區域圖示是例外狀況，因為這些圖示會傳達狀態，而且沒有其他螢幕空間可供狀態文字使用。在這些範例中，資訊提示會提供通知區域圖示的狀態資訊。

指導方針

逾時

使用預設初始並重新顯示逾時。例外狀況：
- 不重複且顯示在相關聯物件側邊的縮圖可以立即顯示 (，而不會有任何延遲) 。不過，針對備援縮圖使用預設的初始逾時， (例如小型繪圖物件的大型縮圖提示，) 或涵蓋相關聯物件的縮圖。
針對工具提示，請使用預設的五秒小費移除逾時。
如需資訊提示，請關閉小費移除逾時。開發人員： 由於您無法以技術方式關閉移除逾時，請將它設定為最大值。
針對協助工具，如果您需要將逾時值設定為最大值以外的值，請讓這些值成為SPI_GETMOUSEHOVERTIME的倍數，並SPI_GETMESSAGEDURATION系統參數，而不是使用固定時間。這麼做會將逾時調整為使用者的速度。

放置

避免涵蓋使用者即將檢視或互動的物件。 一律將小費放在物件的側邊，即使需要分隔指標與小費。只要物件與其提示之間的關聯性清楚，某些區隔就不是問題。
- 例外： 清單和樹狀結構中使用的全名工具提示。
不正確：

正確：

在正確的範例中，即使它與插入號之間需要空格，資訊提示仍會從 [搜尋] 方塊中放置。

不正確：

正確：

在正確的範例中，基礎文字比提示更實用，因此資訊提示會妥善放置。
針對專案的集合，請避免涵蓋使用者可能檢視或與其互動的下一個物件。 針對水準排列的專案，請避免將提示放在右邊;針對垂直排列的專案，請避免在下方放置提示。

不正確：

正確：

在不正確的範例中，提示涵蓋使用者最有可能與下一個互動的物件。
對於經常造成干擾 (大型) 秘訣，請確定資訊對大部分的使用者很有説明。 如果不是這種情況，請讓干擾提示選擇性，或甚至排除它們。否則，大部分的使用者都必須將指標從目標物件移開，以移除提示。

工具提示

使用工具提示來提供未標記控制項的標籤。 通常具有工具提示的控制項包括工具列按鈕、圖形按鈕和漸進式洩漏控制項。具有提示的控制項會被視為加上標籤，例如文字方塊和下拉式方塊。所有其他控制項都應該有明確的標籤。
使用句子片段而不結束標點符號。
使用句型大寫。
- 例外： 此指導方針是 Windows Vista 的新功能。對於繼承應用程式，您可以視需要使用標題樣式大寫來避免混合大寫樣式。
如果標籤適用于需要其他資訊的命令，請新增省略號。
與一般標籤一樣， 工具提示通常會簡短 五個字或更少，但偏好使用特定標籤而非模糊標籤。

可以接受：

更好：

最好：

不正確：

在這些範例中，最佳範例既簡潔又具體，而不正確的範例則不必要。
如果這麼做很有説明，工具提示可能也會提供更多已標記工具列按鈕的詳細資料。 不要只重複或提供標籤中已有專案的文字重新整理。

正確：

在此範例中，工具提示會說明 Search 的功能。

不正確：

在此範例中，工具提示只會重複標籤中已有的內容。
您不需要提供標示的控制項工具提示，只是為了一致性。

在此範例中，未標記的工具列按鈕有工具提示，但標示的工具列按鈕沒有。
如有需要， 請提供鍵盤快速鍵和預設值，讓工具提示更具説明。 將此其他資訊放在括弧中。這樣做可讓工具提示對已標記的控制項有説明，即使它們只是重複標籤也一樣。在評估工具提示的簡潔性時，請勿考慮此額外文字。

在此範例中，Word 會在工具列工具提示中顯示預設值和鍵盤快速鍵。

資訊提示

如需非標準位置的資訊提示，請優先使用一致性來改善可探索性。 提供使用者可能想要補充資訊之所有物件的秘訣，即使有一些資訊提示可能很明顯也一樣。這麼做可避免使用者等候永遠不會出現的資訊提示。
- 例外： 如果只有少數物件有有用的資訊提示，請勿完全使用資訊提示。相反地，請改用自我說明的控制標籤或就地補充文字。
使用完整句子搭配結尾標點符號。
- 例外： 通知區域圖示資訊提示不會使用結束標點符號。
使用句型大寫。
使用目前時態，而非未來。
使用平行文法建構。平行處理原則要求具有相同函式的字組和片語具有相同形式。
- 例外： 針對完整名稱資訊提示模式，資訊提示文字完全符合基礎控制項的片語、大寫和標點符號。
避免大型資訊提示。 大型資訊提示難以閱讀，而且難以定位，而不會干擾基礎物件。
格式化資訊提示，使其內容更容易閱讀和掃描。 未格式化文字的大型區塊可能難以閱讀。

不正確：

正確：

在正確的範例中，格式化的文字更容易閱讀和掃描。
在第一次在資訊提示內使用時，請拼出縮寫的名稱，後面接著括弧中的縮略字。範例：「動態主機設定通訊協定 (DHCP) 」。

使用 [開始] 功能表資訊提示， 以簡潔方式描述專案，並列出使用者可以與專案一起執行的主要工作。
很有説明。 專注于使用者可以執行的動作。不要只重複專案名稱，或甚至完全在描述中使用。
具體。 避免泛型動詞和攔截所有片語，例如和其他工作。如果資訊很重要，請特別列出它;否則，假設使用者瞭解資訊提示中未列出所有專案。
簡潔。 使用 25 個字或更少。較長的資訊提示不建議閱讀。
從目前時態開始，命令式動詞 ，例如建立、編輯、顯示和傳送。偏好特定動詞而非一般動詞，例如管理和開啟，這實際上適用于大部分的 \[開始\] 功能表項目。直接進入點。

不正確：

更好：

在不正確的範例中，資訊提示會以泛型動詞開頭。較佳的範例會直接進入具有特定動詞的點，但會繼續使用提示結尾的不必要「和其他」片語。
請勿使用類似行銷的語言。

不正確：

在此範例中，資訊提示聽起來就像行銷。
因為這些資訊提示是針對 [開始] 功能表搜尋方塊編制索引，所以 請使用使用者最可能搜尋的詞彙來描述程式的重要工作。請考慮使用關鍵字和常見的同義字。

不正確：

正確：

在正確的範例中，資訊提示有常見的同義字。
使用句型大寫。
開發人員： [開始] 功能表資訊提示文字來自專案的 [批註] 欄位。

快速啟動工具提示

使用工具提示搭配格式： 啟動 (完整程式名稱)
請勿使用結束標點符號。
請勿使用其他文字來描述程式或其用途。因為使用者選擇顯示在 [快速啟動] 列中的程式，所以他們已經知道其用途。

主控台資訊提示

使用主控台資訊提示，以精簡描述主控台工作和設定的硬體與軟體。
主控台名稱和圖示必須有資訊提示。 個別工作沒有工具提示。
很有説明。 專注于使用者可以執行的動作。不要只重複主控台專案名稱，或甚至完全在描述中使用。
具體。 避免泛型動詞和攔截所有片語，例如和其他硬體。如果資訊很重要，請特別列出它;否則，假設使用者瞭解資訊提示中未列出所有專案。

不正確：

正確：

在正確的範例中，特別列出已設定的硬體類型。
簡潔。 使用 25 個字或更少。較長的資訊提示不建議閱讀。
從目前時態、命令式動詞開始。

正確：

設定網際網路顯示和連線設定。

調整視覺、聽覺和行動性的設定。
直接進入點。 請勿使用適用于任何主控台的語言，例如「用來檢視及設定您...」外觀和功能的設定...或「提供選項給您...」
請勿使用類似行銷的語言。

不正確：

您所有磁片設定需求的一次性起點。
因為這些資訊提示是針對 [主控台搜尋] 方塊編制索引，所以使用使用者最有可能搜尋的專案來描述專案。請考慮針對熱門工作和物件使用常見的同義字。

在此範例中，專案會使用使用者最可能搜尋的詞彙來描述。
如果主控台專案可能與其他專案混淆，請說明資訊提示中的不同。

不正確：

在此範例中，主控台專案都設定音效，但資訊提示不會厘清差異。

正確：

在此範例中，這兩個專案之間的差異較明顯，因為提示。