搜索(Search)

應(yīng)用內(nèi)搜索

當(dāng)應(yīng)用內(nèi)包含大量信息的時(shí)候，用戶(hù)希望能夠通過(guò)搜索快速地定位到特定內(nèi)容。

最基本的搜索包括以下過(guò)程：

• 打開(kāi)一個(gè)搜索文本框
• 輸入查詢(xún)并提交
• 顯示搜索結(jié)果集

然而，可以通過(guò)加入一些增強(qiáng)功能來(lái)顯著提升搜索體驗(yàn)：

• 啟用語(yǔ)音搜索
• 提供基于用戶(hù)最近歷史查詢(xún)的搜索建議，即使是在輸入查詢(xún)之前
• 提供滿(mǎn)足應(yīng)用數(shù)據(jù)中實(shí)際結(jié)果的自動(dòng)完成搜索建議

應(yīng)用內(nèi)搜索中有兩種主要的模式：持久性搜索(persistent search)和可擴(kuò)展搜索(expandable search)。

持久性搜索(persistent search)

當(dāng)搜索是你應(yīng)用中的主要關(guān)注點(diǎn)時(shí)，適合使用持久性搜索。

一個(gè)已準(zhǔn)備好接受焦點(diǎn)的文本框顯示在內(nèi)嵌的搜索框中。

用戶(hù)可以點(diǎn)擊麥克風(fēng)按鈕來(lái)激活語(yǔ)音搜索。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-persistentsearch-search_persistent_home1_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-persistentsearch2-search_persistent_zero_large_mdpi.png" alt="" />

當(dāng)搜索文本框獲得焦點(diǎn)的時(shí)候，搜索框展開(kāi)以顯示歷史搜索建議。如果需要，屏幕鍵盤(pán)也會(huì)顯示。選擇任意建議提交搜索。點(diǎn)擊上箭頭(up arrow)來(lái)離開(kāi)搜索并關(guān)閉建議和屏幕鍵盤(pán)。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-persistentsearch3-search_persistent_type_large_mdpi.png" alt="" />
當(dāng)用戶(hù)開(kāi)始輸入查詢(xún)，搜索建議轉(zhuǎn)換為自動(dòng)補(bǔ)全。

搜索框中的“X”按鈕可以清除查詢(xún)文本。

選擇一個(gè)建議或者按回車(chē)鍵(return key)提交搜索。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-persistentsearch4-search_persistent_results_large_mdpi.png" alt="" />
當(dāng)顯示搜索結(jié)果的時(shí)候，搜索框仍然可見(jiàn)但默認(rèn)失去焦點(diǎn)。屏幕鍵盤(pán)將隱藏以顯示更多的搜索結(jié)果。

搜索結(jié)果被格式化為卡片的樣子來(lái)和搜索框內(nèi)嵌樣式相匹配。這種風(fēng)格可以適配不同類(lèi)型的搜索結(jié)果。

可擴(kuò)展搜索(Expandable Search)

當(dāng)搜索是不你應(yīng)用中的主要關(guān)注點(diǎn)時(shí)，適合使用可擴(kuò)展搜索。

通過(guò)工具條中的搜索按鈕(標(biāo)記為一個(gè)放大鏡圖標(biāo))來(lái)代替搜索文本框。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-expandablesearch1-search_expandable_unexpanded_large_mdpi.png" alt="" />

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-expandablesearch2-search_expandable_zero_large_mdpi.png" alt="" />

點(diǎn)擊搜索按鈕時(shí)工具條清除其他內(nèi)容改為顯示一個(gè)搜索框。如果支持語(yǔ)音搜索，麥克風(fēng)圖標(biāo)也會(huì)隨之顯示。

搜索文本框自動(dòng)獲得輸入焦點(diǎn)，并且如果需要，屏幕鍵盤(pán)也會(huì)顯示。搜索建議顯示在工具條的下面，代替之前顯示在此處的內(nèi)容。選擇任意建議提交搜索。

點(diǎn)擊上箭頭(up arrow)關(guān)閉搜索模式，工具條回到之前的樣子。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-expandablesearch3-search_expandable_type_large_mdpi.png" alt="" />

當(dāng)用戶(hù)開(kāi)始輸入查詢(xún)，搜索建議轉(zhuǎn)換為自動(dòng)補(bǔ)全。

搜索框中的“X”按鈕可以清除查詢(xún)文本。

選擇一個(gè)建議或者按回車(chē)鍵(return key)提交搜索。

http://wiki.jikexueyuan.com/project/material-design/images/patterns-search-expandablesearch4-search_expandable_results_large_mdpi.png" alt="" />

當(dāng)顯示搜索結(jié)果的時(shí)候，工具條的搜索狀態(tài)仍然保持但默認(rèn)不具有焦點(diǎn)。屏幕鍵盤(pán)將隱藏以顯示更多的搜索結(jié)果。

搜索結(jié)果和上一步中的的建議相同，顯示在工具條下的頁(yè)面主體中。

原文：Search 翻譯：lhyqy5 校對(duì)：PoppinLp