真正易用的搜索功能長什么樣?
你知不知道有超過半數的用戶在網站中的行為由搜索支配?
我對搜索功能及它的價值持肯定態度,因為我進行過很多次搜索,尤其是在電商網站上。它能讓我很快就能找到想要的,而不需要通過在一層層的分類列表里翻尋。
那么我們應該做什么才能讓搜索功能做得更好呢?
想象上一次你去某個視頻網站尋找某個視頻的時候,你是否是通過它的分類列表去一級級尋找?還是去瀏覽你的訂閱列表?沒有,你是通過搜索功能。
是否需要搜索?
根據nielsen,提及搜索功能的大綱頁數超過200頁。但他們同時指出一半的用戶會直接通過搜索功能去尋找他們想要的。嗯,這可不是一個小數目。
離開搜索,那些用戶不得不使用你的導航菜單。這意味著你必須確保你的內容被組織妥當,同時你的導航菜單也必須在排布上顯示出較高的權重。
盡管你嘗試了很多次,一個用戶仍然會感到挫敗感。這時你的搜索框應該出來救場了。如果用戶不能前往他們想去的地方,他們會依靠搜索來幫助他們達到那。如果沒有搜索,他們會選擇離開。
位置很重要
既然用戶會使用搜索功能,那么一旦他們發現找到某樣東西不那么容易的時候。你需要確保他們能夠容易地找到它。
你的搜索框應該在每一個頁面上都出現,并且在一個容易被發現的地方。不要把你的搜索功能藏在頁腳,也不要只使用一個藏在頁面右上角的小圖標。
大多數網站把他們的搜索框放在頁頭的位置,這也確實是一個安置它的最好地方。用戶會對網站之間這種排布的一致性感到自然和習慣。記住,如果你把你的搜索框放在一個最通常的地方,會方便你的用戶去找到。
搜索框應該長什么樣?
搜索框只應該是一個框,我之前提到過用戶會傾向一致性,這包括主要ui元素的位置和視覺上的設計,更何況我們不應該去修正一個本來就沒有問題的東西。
我在過去的幾年里看到人們試圖去“重設計”搜索功能,只用一個搜索的圖標在頁頭上,然后就…沒有然后了!當點擊它后會打開一個全屏的涂層。這很糟糕,我幾乎看不到那些圖標,同時對于一個簡單的搜索功能來說,它包含了太多的行動。
讓搜索框能夠具有足夠的長度是很重要的,這樣才能確保在其中能輸入所有東西。一般推薦的寬度是27個字符,有的網站需要更長,但別比這個標準短。
一個簡單的“在這搜索”的占位符就足夠了,每個人都知道它能做什么。
不要包含一些高級的搜索功能在這里,這只會讓人生厭。一個簡單的搜索框已經足夠滿足大多數人的需求,至于高級搜索功能可以放置在更深的入口,下文會提到。
你的搜索應該搜索什么?
你的搜索功能應該具備全局性,這意味著它應該能搜素你網站里的所有的內容。不要只給出那些用戶當前所在板塊相關的結果。
原因?因為那會讓用戶去猜測待搜索的信息是在哪個版塊下的。他們是用戶!你不能把什么都扔給他們!
舉個例子,如果你的用戶正在你的網站中試圖找到一些odour eating鞋墊,他們可能會下意識地前往鞋子板塊進行搜索。那么結果就是他們會無功而返,因為用戶很可能并不知道這odour eating鞋墊應該歸屬于醫藥板塊下。
記住,你的搜索結果應總是返還整個網站的結果。
搜索結果
你的搜索結果頁面是一個非常關鍵的部分。
結果可以通過很多種方法顯示,這取決于你的內容格式。但是有一些重要的元素,每一個搜索引擎結果頁面都應該具備。
你的搜索結果頁面應該包含:
1 .置頂搜索框,并有對應的文案告知用戶他們剛才進行過搜索行為
2. 搜索結果的數目
3 .一個過濾或者排序的菜單項,幫助用戶應用不同的優先級來瀏覽內容
4 .一個能幫助用戶進入更高級的搜索功能的入口(如果你有的話)
5 .大而醒目、可供點擊的內容標題
6 .點擊過的鏈接應該擁有不同的顏色
7 .導航(面包屑、無限滾動等等)
8 .搜索框在搜索結果的底部(如果分頁顯示結果的話)
譯者:勵定洲
原文:medium.com
這是我看過數十篇關于搜索設計的文章,覺得最好的一篇