Search 搜尋
概述
搜尋元件是一種允許使用者查找資訊或內容的介面元件,是網站、應用程式、桌面應用程式和作業系統等各種應用程式中常見的功能,幫助使用者快速輕鬆地找到他們正在尋找的資訊或內容。
使用時機
搜尋元件常用於以下情境:
- 使用者需要查找特定資訊或內容。
- 使用者需要瀏覽大量資訊或內容。
- 使用者需要過濾或排序資訊或內容。
注意:當資訊單純、資料量較少時,不建議使用搜尋元件。
使用規範
當您取用搜尋元件進行設計時,應考慮以下原則:
- 使用輸入提示:在搜尋欄中提供輸入提示 (Placeholder),幫助使用者輸入搜尋字詞。
- 自動完成 (選擇性):使用自動完成功能,幫助使用者更快地輸入搜尋字詞。
- 篩選功能 (選擇性):依情境提供多種搜尋選項,例如按日期、作者或內容類型搜尋。
- 排序 (選擇性):允許使用者對搜尋結果依相關性、時間或其他因素進行排序。
設計範例
- 輸入欄位 (Text Input):使用者輸入關鍵字的地方,提供輸入提示字串。
- 搜尋按鈕 (Search Button)(選擇性):觸發搜尋動作之按鈕,亦可用鍵盤 Enter
取代。請依產品情境決定是否採用此按鈕。
- 清除圖示 (Clear Button):當使用者開始輸入後出現,點擊此圖示可清除輸入欄位的資訊。