原作者：Marco Lopes
譯者：勵定洲
你知不知道有超過半數(shù)的用戶在網(wǎng)站中的行為由搜索支配究抓？
我對搜索功能及它的價值持肯定態(tài)度，尤其是在電商網(wǎng)站上益眉。它能讓我很快就能找到想要的晌柬，而不需要通過在一層層的分類列表里翻尋。
那么我們應(yīng)該做什么才能讓搜索功能做得更好呢郭脂？
想象上一次去某個網(wǎng)站尋找某個視頻的時候年碘，你是通過它的分類列表去一級級尋找？還是去瀏覽你的訂閱列表展鸡？沒有屿衅，你是通過搜索功能。
是否需要搜索莹弊？
在nielsen的規(guī)范里涤久，提及搜索功能的大綱頁數(shù)超過200頁涡尘。但他們同時指出有一半的用戶會直接通過搜索功能去尋找他們想要的。嗯响迂，這可不是一個小數(shù)目考抄。
離開搜索，那些用戶不得不使用你的導(dǎo)航菜單蔗彤。這意味著你必須確保所有的內(nèi)容被組織妥當(dāng)川梅，同時導(dǎo)航菜單也必須在排布上顯示出較高的權(quán)重。
無論你再怎么做幕与，有時候某些用戶仍然會感到挫敗感挑势。這時你的搜索框應(yīng)該出來救場了。如果用戶不能前往他們想去的地方啦鸣，他們會依靠搜索來幫助他們達(dá)到那潮饱。反之他們會選擇離開。
位置很重要
既然用戶會使用搜索功能诫给，那么一旦他們發(fā)現(xiàn)找到某樣?xùn)|西不那么容易的時候香拉。你需要確保他們能夠容易地發(fā)現(xiàn)搜索。
搜索框應(yīng)該在每一個頁面上都出現(xiàn)中狂，并且在一個容易被發(fā)現(xiàn)的地方凫碌。不要把你的搜索功能藏在頁腳，也不要只使用一個藏在頁面右上角的小圖標(biāo)胃榕。
大多數(shù)網(wǎng)站把他們的搜索框放在頁頭的位置盛险，這也確實(shí)是一個安置它的最好地方。用戶會對網(wǎng)站之間這種排布的一致性感到自然和習(xí)慣勋又。記住苦掘，如果你把你的搜索框放在一個最通常的地方，會方便你的用戶去找到楔壤。
搜索框應(yīng)該長什么樣鹤啡？
搜索框只應(yīng)該是一個框，我之前提到過用戶會傾向一致性蹲嚣，這包括關(guān)鍵ui元素的位置和視覺上的設(shè)計递瑰，更何況我們不應(yīng)該去修正一個本來就沒有問題的東西。
我在過去的幾年里看到人們試圖去“重設(shè)計”搜索功能隙畜，比如只用一個搜索的圖標(biāo)在頁頭上抖部，然后就…沒有然后了！當(dāng)點(diǎn)擊它后會打開一個全屏的圖層议惰。說實(shí)話慎颗，這很糟糕，我總是會忽視那些小圖標(biāo)，另外對于一個簡單的搜索功能來說哗总，它需要被點(diǎn)擊太多次了。倍试。
讓搜索框能夠具有足夠的長度是很重要的讯屈，這樣才能確保在其中能輸入所有東西。一般推薦的寬度是27個字符县习，有的網(wǎng)站需要更長涮母，但別比這個標(biāo)準(zhǔn)短。
一個簡單的“在這搜索”的占位符就足夠了躁愿，每個人都知道它能做什么叛本。
不要包含一些高級的搜索功能在這里，這只會讓人生厭彤钟。一個簡單的搜索框已經(jīng)足夠滿足大多數(shù)人的需求来候，至于高級搜索功能可以放置在更深的入口，下文會提到逸雹。
你的搜索應(yīng)該搜索什么营搅？
你的搜索功能應(yīng)該具備全局性，這意味著它應(yīng)該能搜素你網(wǎng)站里的所有的內(nèi)容梆砸。不要只給出那些用戶當(dāng)前所在板塊相關(guān)的結(jié)果转质。
原因？因?yàn)槟菚層脩羧ゲ聹y待搜索的信息是在哪個版塊下的帖世。他們是用戶休蟹！你不能把什么都扔給他們！
舉個例子日矫，如果你的用戶正在你的網(wǎng)站中試圖找到一些odour eating鞋墊赂弓，他們可能會下意識地前往鞋子板塊進(jìn)行搜索。那么結(jié)果就是他們會無功而返搬男，因?yàn)橛脩艉芸赡懿⒉恢肋@odour eating鞋墊應(yīng)該歸屬于醫(yī)藥板塊下拣展。
記住，你的搜索結(jié)果應(yīng)總是返還整個網(wǎng)站的結(jié)果缔逛。
搜索結(jié)果
你的搜索結(jié)果頁面是一個非常關(guān)鍵的部分备埃。
結(jié)果可以通過很多種方法顯示，這取決于你的內(nèi)容格式褐奴。但是有一些重要的元素按脚，每一個搜索引擎結(jié)果頁面都應(yīng)該具備。
你的搜索結(jié)果頁面應(yīng)該包含：
1 置頂搜索框敦冬，并有對應(yīng)的文案告知用戶他們剛才進(jìn)行過搜索行為
2 搜索結(jié)果的數(shù)目
3 一個過濾或者排序的菜單項(xiàng)辅搬，幫助用戶應(yīng)用不同的優(yōu)先級來瀏覽內(nèi)容
4 一個能幫助用戶進(jìn)入更高級的搜索功能的入口（如果你有的話）
5 大而醒目、可供點(diǎn)擊的內(nèi)容標(biāo)題
6 點(diǎn)擊過的鏈接應(yīng)該顯示不同的顏色
7 導(dǎo)航（面包屑、無限滾動等等）
8 搜索框在搜索結(jié)果的底部（如果分頁顯示結(jié)果的話）
