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

1.快速搜索

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

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

2.垂直搜索

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

 ▎下拉框模式

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

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

②技術(shù)控覺得:用戶操作習(xí)慣是 鼠標→鍵盤輸入→回車（搜索），如果下拉框后置就會打斷這樣連貫的操作。

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

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

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

ios樣式

3.查詢建議工具

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

ios樣式

標簽： 搜索設(shè)計 交互設(shè)計 用戶體驗 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。