Search 搜尋

概述

搜尋元件是一種允許使用者查找資訊或內容的介面元件,是網站、應用程式、桌面應用程式和作業系統等各種應用程式中常見的功能,幫助使用者快速輕鬆地找到他們正在尋找的資訊或內容。

使用時機

搜尋元件常用於以下情境:

  • 使用者需要查找特定資訊或內容。
  • 使用者需要瀏覽大量資訊或內容。
  • 使用者需要過濾或排序資訊或內容。

注意:當資訊單純、資料量較少時,不建議使用搜尋元件。

使用規範

當您取用搜尋元件進行設計時,應考慮以下原則:

  • 使用輸入提示:在搜尋欄中提供輸入提示 (Placeholder),幫助使用者輸入搜尋字詞。
  • 自動完成 (選擇性):使用自動完成功能,幫助使用者更快地輸入搜尋字詞。
  • 篩選功能 (選擇性):依情境提供多種搜尋選項,例如按日期、作者或內容類型搜尋。
  • 排序 (選擇性):允許使用者對搜尋結果依相關性、時間或其他因素進行排序。

設計範例

  1. 輸入欄位 (Text Input):使用者輸入關鍵字的地方,提供輸入提示字串。
  2. 搜尋按鈕 (Search Button)(選擇性):觸發搜尋動作之按鈕,亦可用鍵盤 Enter 取代。請依產品情境決定是否採用此按鈕。
  3. 清除圖示 (Clear Button):當使用者開始輸入後出現,點擊此圖示可清除輸入欄位的資訊。
回頁首