搜索能夠幫助用戶在海量的數(shù)據(jù)庫中實現(xiàn)大海撈針，是產(chǎn)品最核心的模塊之一。本篇是從設(shè)計的角度介紹搜索模塊，包含Web和ios兩個平臺，下面直接開始正文：

　　1.快速搜索

　　搜索是幫助用戶簡單快速的匹配相關(guān)內(nèi)容，最簡單的search box主要包含兩個元素：①文本框 ②按鈕(可以隱藏用回車代替)

　　快速搜索是最基本的搜索模型，用戶輸入文字點擊按鈕或直接回車即可完成搜索。

　　2.垂直搜索

　　如果搜索引擎明確只是在海量數(shù)據(jù)庫中尋找一個特定的子集，那么這時候會使用到垂直搜索。垂直搜索主要元素包括：①文本框 ②按鈕 ③標(biāo)簽或下拉框。

　　▎下拉框模式

　　關(guān)于下拉框前置與后置，我在公司也與同事進(jìn)行過討論，有幾種說法：

　?、?業(yè)務(wù)人員覺得: 下拉框前置會減少產(chǎn)品曝光量，增加商情和廠商的曝光量，這樣的結(jié)果對網(wǎng)站來說弊大于利。(B2B網(wǎng)站類)

　?、诩夹g(shù)控覺得:用戶操作習(xí)慣是 鼠標(biāo)→鍵盤輸入→回車(搜索)，如果下拉框后置就會打斷這樣連貫的操作。

　?、壅{(diào)研同類網(wǎng)站發(fā)現(xiàn)下拉框內(nèi)容較少的時候前置，內(nèi)容分類較多的時候后置。

　　▎標(biāo)簽?zāi)Ｊ?/p>

　　標(biāo)簽?zāi)Ｊ奖容^適合獨立的搜索框，相比下拉框模式更具有引導(dǎo)性。但視覺元素復(fù)雜，不太適合在頁面內(nèi)容較多的頁面。淘寶首頁的頂部的視覺元素已經(jīng)顯得雜亂了，但堅持這樣做應(yīng)該是為了最大化的推廣天貓和兼容老用戶的操作習(xí)慣。

　　ios樣式

　　3.查詢建議工具

　　查詢建議工具有好幾種說法：提前鍵入(type-ahead)、搜索建議(suggest)或者自動填充(autofill)，也可以稱呼為實時搜索。主要目的基本上是為了減少用戶輸入和推廣相關(guān)詞組。下面直接看圖例：

　　ios樣式

　　4.關(guān)聯(lián)搜索

　　關(guān)聯(lián)搜索主要用于地圖路線搜索，我也不知道還有什么地方用的到，就簡單介紹一下：

　　5.高級搜索

　　高級搜索是為了讓搜索結(jié)果精確匹配，普遍應(yīng)用與電子商務(wù)網(wǎng)站。通常的樣式是一堆篩選條件+搜索按鈕。

　　因為iso平臺上不存在下拉框控件的操作，所以ios平臺上的高級搜索都是通過列表跳轉(zhuǎn)的方式來實現(xiàn)高級搜索。

　　6.過濾器

　　大都數(shù)人都不喜歡使用高級搜索，為了精確匹配搜索結(jié)果頁面，所以在結(jié)果列表頁面都會添加過濾器。過濾器實際上就是對當(dāng)前子集的二次搜索。過濾器的設(shè)計非常的講究，以后的文章為重點講解，本章就簡單介紹一下：

　　國內(nèi)的網(wǎng)站因為考慮右側(cè)賣banner廣告位，過濾器都會放置在頂端位置：

　　國外的習(xí)慣將過濾器放置在左側(cè)，可以一般看圖一邊篩選：

　　在ios平臺上大都數(shù)應(yīng)用都會設(shè)計快速搜索+過濾器的模型：

　　7.Best bet

　　best bet可以翻譯為更好的選擇，當(dāng)產(chǎn)品運營一段時間后積累了一定規(guī)模的訪問量，可以從訪問數(shù)據(jù)中為用戶提供更好的選擇?？纯聪嚓P(guān)網(wǎng)站是如何做到這一點的：

　　8.搜索結(jié)果

　　搜索的最終結(jié)果會以列表或櫥窗的視圖呈現(xiàn)，這是整個開發(fā)團(tuán)隊都希望看到的結(jié)果，但如果沒有匹配的結(jié)果出現(xiàn)，設(shè)計人員還需要鼓勵用戶重新搜索或更換關(guān)鍵詞：

　　總結(jié)

　　搜索是電商網(wǎng)站最最核心的一個模塊，做好這個模塊需要優(yōu)秀的工程師和一定規(guī)模的訪問量，但作為設(shè)計師也必須對這個模塊有足夠的了解，這樣才能做出優(yōu)秀體驗的設(shè)計。