最近在公司剛做完搜索設(shè)計(jì)優(yōu)化，在這分享一下搜索設(shè)計(jì)的體驗(yàn)，老鳥(niǎo)看完求指點(diǎn)，新人看了望共勉。搜索的技術(shù)與算法不談，因?yàn)椴欢?/p>

1.0 搜索的必要性

用戶使用搜索情況：

1.1 自我主導(dǎo)——一個(gè)典型的調(diào)查回復(fù)“我不希望按照他們希望的方式瀏覽整個(gè)網(wǎng)站，我只想找到我想要的東西。”這也是樓主在很多電商網(wǎng)站直奔搜索框的原因。

1.2 “逃生口”——只想找個(gè)地方點(diǎn)擊一下（但求頁(yè)面變化不大），尤其是通過(guò)瀏覽找不到想要的東西的時(shí)候。只想找一個(gè)“逃生口”釋放百無(wú)聊賴的壓迫感。

2.0 搜索的目的

搜索框設(shè)計(jì)目的，協(xié)助用戶快速找到想要的東西。

3.0 搜索入口

良好的入口，良好的用戶指引，為用戶快速找到搜索框所在的位置。要顯眼，但又不能占過(guò)多的比重。畢竟不是專業(yè)的搜索網(wǎng)站。頁(yè)內(nèi)搜索很多時(shí)候也是輔助性的存在（部分網(wǎng)站還是沒(méi)有的）。

搜索展示的位置——根據(jù)自己的網(wǎng)站不同只能自己慢慢體驗(yàn)最佳效果，并不是說(shuō)要放在左邊或者啥的。

搜索展示的形式—— 可以只出現(xiàn)一個(gè)“放大鏡”，點(diǎn)擊后便展示搜索框出來(lái)。也可以搜索框一同顯示出來(lái)?；緛?lái)說(shuō)都是根據(jù)自己的需求來(lái)定義。

點(diǎn)擊后，入口的設(shè)計(jì)樣式很多種，根據(jù)自己的“口味”來(lái)就好。下面介紹一些常見(jiàn)的入口樣式：

如圖1，最簡(jiǎn)單的一種，就一個(gè)搜索框。獲取光標(biāo)的時(shí)候，會(huì)有一個(gè)下拉框鏈接選擇?；径际腔跓衢T(mén)或者最優(yōu)產(chǎn)品鏈接推薦給用戶方便快速獲取。用戶只要輸入想要輸入的內(nèi)容，回車(chē)即可實(shí)現(xiàn)搜索。這個(gè)默認(rèn)全部搜索，不給用戶增加負(fù)擔(dān)。但技術(shù)層面與服務(wù)器方面相對(duì)會(huì)增加壓力，對(duì)于用戶這“關(guān)我鳥(niǎo)事啊”。所以要解決困難，給用戶最優(yōu)的體驗(yàn)。

如圖2，與圖1相比較多了一個(gè)搜索范圍的選擇，里面的選擇是什么鬼知道，總體來(lái)說(shuō)增加了用戶的認(rèn)知性，又要去選擇（討厭，真煩?。?。一般用戶很少會(huì)去點(diǎn)擊選擇，只有找不到想要的內(nèi)容時(shí)，若還不離開(kāi)網(wǎng)站，才會(huì)去選擇范圍。默認(rèn)all的話還好，較多的網(wǎng)站基本沒(méi)有all，下面全部是細(xì)分的版塊，搜索成功率嚴(yán)重降低。把用戶這么揮霍真是任性。

如圖3，與圖2相比選擇的模塊為可見(jiàn)性，但還是要去選擇。信息量大幾乎都是這樣的的Title 與 keyword 一起展示。整體來(lái)說(shuō)用戶指引還是比較好，但缺少一個(gè)all。并不是樓主對(duì)all有強(qiáng)被迫癥，而是用戶搜不到，就離開(kāi)了。（嗚呼哀哉，嗚呼哀哉！?。。?/p>

4.0 搜索跳轉(zhuǎn)頁(yè)

跳轉(zhuǎn)頁(yè)，要跳到一個(gè)獨(dú)立的搜索頁(yè)面——因?yàn)檫@是搜索頁(yè)。有些與其他模塊下的頁(yè)面共用，真心惡心（這也是一些技術(shù)不到位，分模塊搜索的緣故）。技術(shù)與服務(wù)器又要跑出來(lái)說(shuō)的啥了，可用戶一句回絕“管我鳥(niǎo)事！”。

5.0 搜索結(jié)果

第一頁(yè)的內(nèi)容非常重要，第一頁(yè)的內(nèi)容非常重要，第一頁(yè)的內(nèi)容非常重要，因?yàn)閹缀鯖](méi)人去點(diǎn)擊下一頁(yè)并查看內(nèi)容。找不到人都直接走掉了。內(nèi)容展示的數(shù)量很關(guān)鍵，我會(huì)滾動(dòng)鼠標(biāo)，但拒絕點(diǎn)擊事件的發(fā)聲。相對(duì)點(diǎn)擊，滾動(dòng)更簡(jiǎn)單。

基本要有的東西如圖4：置頂搜索框、Title、數(shù)量、排序、內(nèi)容、分頁(yè)。

6.0 總結(jié)：

搜索設(shè)計(jì)，網(wǎng)頁(yè)最初出現(xiàn)的時(shí)候就有了，設(shè)計(jì)在不斷的更新變化中（在進(jìn)步，呵呵！?。。?，用戶的使用熟練度卻在不斷的下降（輸入內(nèi)容——>結(jié)果），沒(méi)結(jié)果沒(méi)想要的內(nèi)容就走人已經(jīng)是慣性了。那么在設(shè)計(jì)的時(shí)候，怎么辦？我們要知人心，懂任性。路漫漫其修遠(yuǎn)兮，吾將上下而求索。加油吧，少年！

本文由 @Aloong 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。