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

1.快速搜索

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

快速搜索是最基本的搜索模型，用戶(hù)輸入文字點(diǎn)擊按鈕或直接回車(chē)即可完成搜索。

2.垂直搜索

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

 ▎下拉框模式

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

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

②技術(shù)控覺(jué)得:用戶(hù)操作習(xí)慣是 鼠標(biāo)→鍵盤(pán)輸入→回車(chē)（搜索），如果下拉框后置就會(huì)打斷這樣連貫的操作。

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

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

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

ios樣式

3.查詢(xún)建議工具

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

ios樣式

標(biāo)簽： 搜索設(shè)計(jì) 交互設(shè)計(jì) 用戶(hù)體驗(yàn) 

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