共用方式為


搜尋方塊

注意

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

使用 [搜尋] 方塊,用戶可以藉由篩選或醒目提示相符專案,快速找出大量數據集中的特定物件或文字。 沒有標準搜尋控件,但您應該努力讓您的程式搜尋功能與 Windows 的搜尋功能一致。

搜尋類型有兩種:

  • 立即搜尋,其中結果會立即顯示為用戶類型。 不需要按鍵,因此放大鏡搜尋符號會顯示為圖形,而不是按鈕。

    螢幕快照,顯示一個立即搜尋方塊,其中包含指向 [搜尋] 方塊的 [提示] 圖說文字,以及指向放大鏡圖形的 [搜尋符號] 圖說文字。

    使用立即搜尋的一般搜尋方塊。 搜尋會自動在每個擊鍵上執行。

  • 一般搜尋,當使用者按下搜尋按鈕時,就會執行搜尋。 放大鏡搜尋符號會顯示在按鈕上。

    一般搜尋方塊的 螢幕快照

    使用一般搜尋的一般搜尋方塊。 用戶按下按鈕來執行搜尋。

    您可以為使用者提供或兩種搜尋選項。

這是正確的控件嗎?

若要決定,請考慮下列問題:

  • 特定物件是否難以找到? 當下列情況發生時,就可能發生此情況:
    • 有許多物件。
    • 物件不在單一位置。 搜尋特別適用於在樹狀結構中尋找物件。
    • 搜尋數據很難找到(例如元數據)。
  • 使用者是否需要在檔中尋找特定文字?
  • 您的功能會在五秒內傳回相關的搜尋結果嗎? 如果沒有,您可以提供搜尋功能,但使用替代設計來提供可見的意見反應來容納長時間執行的搜尋,例如搜尋對話方塊。

設計概念

搜尋是許多案例中的重要第一個步驟:用戶必須先尋找物件,才能使用物件。 使用者正在將越來越多的物件儲存在越來越大型的硬碟上,但瀏覽物件並不太適合。 搜尋必須是用戶體驗的簡單、一致、可靠部分。

Windows 中的搜尋方塊:

  • 屬於所有 [總管] 視窗的一部分,因此易於尋找和辨識。
  • 具有一致的外觀和行為。
  • 有效率且快速,以立即搜尋模式提供立即結果。

搜尋方塊會在 Windows 中用於下列位置:

  • 探險 家
  • 體驗(Microsoft Windows Media Player、Windows Photo Gallery、Windows Internet Explorer)
  • [開始] 選單 (尋找程式和最近的檔案)
  • 控制面板首頁 (尋找控制面板專案和工作)
  • 說明 (尋找相關的說明主題)

外觀和風格

支援立即搜尋可大幅增強 Windows 中的搜尋風格。 立即產生結果可讓 Windows 感覺更強大且更直接。

在 Windows 檔案總管和應用程式視窗中,如果搜尋是補充進入點,則搜尋位於右上角。 在此情況下,使用者在找不到在視窗中尋找的內容時,會尋找搜尋機制。 不過,如果 Search 是主要進入點,則會置中視窗頂端。

[搜尋] 按鈕會以視覺方式連接到 [搜尋] 方塊。 若要將空間降到最低,在 [搜尋] 方塊內會使用選擇性 提示,而不是標籤。 提示可能是指示(例如,輸入搜尋)或指出搜尋的範圍(例如搜尋圖片)。

立即搜尋方塊的螢幕快照

在沒有標籤和個別按鈕的情況下,Windows 中的立即搜尋具有羽量型外觀。

執行成功的搜尋會建立搜尋結果的虛擬頁面,並將其新增至 [上一頁] 堆棧和 [位址列]。 使用者有數種方式可以還原原始頁面並清除 [搜尋] 方塊,包括按兩下 [上一步]、按兩下網址列中的原始頁面、按 Esc 鍵或清除 [搜尋] 方塊。

使用者也可以直接清除 [搜尋] 方塊,而不還原前一頁的結果。 在 [立即搜尋模式] 中,用戶開始輸入之後會出現清除按鈕;“x” 取代放大鏡搜尋符號。 暫留時,「x」 會取得按鈕外觀,並可按兩下。

具有 『x' 圖示的搜尋方塊 螢幕快照

使用者可以按下控件右端的 「x」 來清除 [搜尋] 方塊。

在一般搜尋模式中,清除按鈕是選擇性的。 例如,如果搜尋需要很長的時間才能完成,使用者可能會發現它很有用。 用戶可以按兩下「x」 來停止進行中的搜尋。 如果搜尋已完成,使用者可以按兩下「x」 來清除 [搜尋] 方塊。

指引

位置

  • 針對應用程式視窗,請在右上角尋找 [搜尋]。
  • 針對彈出視窗,找出搜尋最合理且方便的位置。
  • 例外狀況: 如果搜尋通常是使用者在視窗(主要進入點)中執行的第一件事,請將其置中於視窗頂端。

  • 使用標準搜尋按鈕圖形。 有三個版本:
    • 僅放大玻璃搜尋符號(暫留時沒有按鈕)。 用於立即搜尋。
    • 使用按鈕放大鏡搜尋符號。 需要按鍵以開始搜尋時使用。
    • 使用按鈕和下拉式箭號放大鏡搜尋符號。 當使用者可以變更範圍或其他設定時,請新增下拉式箭號。
      • 針對 [立即搜尋],請只使用下拉式箭號,並在暫留時顯示按鈕。
      • 針對一般搜尋,請在按鈕上顯示下拉式箭號。

不同狀態的立即搜尋方塊圖

立即搜尋的視覺規格。

不同狀態的一般搜尋方塊 圖

一般搜尋的視覺規格。

  • 請勿使用標籤;請改用選擇性的提示。 如果使用者傾向於假設搜尋是一般檔案搜尋,請使用提示來提供範圍。 否則,請使用 Type 來搜尋或類似的精簡片語。

    [輸入搜尋] 提示的螢幕快照

    [搜尋所有小工具] 提示的螢幕快照

    在這些範例中,簡短的文字提示可協助使用者使用搜尋。

互動

  • 在輸入焦點上,自動選取任何先前輸入的文字。 這麼做可讓使用者輸入新的搜尋,或使用箭頭鍵定位插入號來修改先前的搜尋。

    搜尋方塊的螢幕快照 醒目提示文字

    在此範例中,先前輸入的文字會在輸入焦點上選取。

  • 將 [搜尋] 方塊的鍵盤快捷方式指派為 Ctrl+E。

功能性

  • 盡可能支援立即搜尋。 如果有一些定期搜尋值得額外等候時間的情況,請同時提供一般和實時搜尋。
  • 一般搜尋必須在五秒內傳回相關的結果,而立即搜尋必須在兩秒內傳回結果。 在這一點之後,只要程序回應,且使用者可以執行其他工作,搜尋可能會持續填入較不相關的結果。 您可能必須編製搜尋數據的索引,以確保此回應性。
  • 如果您同時提供一般和立即搜尋模式,「立即搜尋結果」必須是一般搜尋結果的子集。
  • 所有搜尋都是以前置詞為基礎(沒有子字串或後綴搜尋)。 使用尾端通配符是選擇性的,而且不會影響結果。 如果輸入多個單字,請使用 OR 搜尋。
  • 成功的搜尋會將具有搜尋結果的虛擬頁面新增至 [上一頁] 堆棧和 [位址列]。 多個搜尋會導致單一虛擬頁面,因此按兩下 [上一頁] 一律會傳回原始頁面。
  • 如有需要調整,請依相關性來排名搜尋結果。
  • 空白搜尋會傳回原始頁面。

立即搜尋方塊重設大小和間距的 圖

建議立即搜尋的大小和間距。

一般搜尋方塊重設大小和間距的 圖

建議使用大小和間距進行一般搜尋。

發簡訊

  • 針對 [搜尋] 方塊中提示的措辭,請將其設為指示(例如,輸入搜尋),或指出搜尋範圍(例如搜尋圖片)。
  • 提示文字應該簡短。 單一單字或短詞應該就足夠了。
  • 使用句子樣子大寫。
  • 請勿使用結束標點符號或省略號。

文件

  • 將此控件稱為 [搜尋] 方塊。 將第一個字的初始字母大寫;不要將方塊的初始字母大寫。
  • 將這兩種類型的搜尋稱為「立即搜尋」和「一般搜尋」。 將立即搜尋的初始字母大寫;請勿將一般搜尋的初始字母大寫。

詞彙