譯文|真正易用的搜索功能長什么樣?

7 評論 12990 瀏覽 81 收藏 6 分鐘

你知不知道有超過半數的用戶在網站中的行為由搜索支配?

我對搜索功能及它的價值持肯定態度,尤其是在電商網站上。它能讓我很快就能找到想要的,而不需要通過在一層層的分類列表里翻尋。

那么我們應該做什么才能讓搜索功能做得更好呢?

想象上一次去某個網站尋找某個視頻的時候,你是通過它的分類列表去一級級尋找?還是去瀏覽你的訂閱列表?沒有,你是通過搜索功能。

是否需要搜索?

在nielsen的規范里,提及搜索功能的大綱頁數超過200頁。但他們同時指出有一半的用戶會直接通過搜索功能去尋找他們想要的。嗯,這可不是一個小數目。

離開搜索,那些用戶不得不使用你的導航菜單。這意味著你必須確保所有的內容被組織妥當,同時導航菜單也必須在排布上顯示出較高的權重。

無論你再怎么做,有時候某些用戶仍然會感到挫敗感。這時你的搜索框應該出來救場了。如果用戶不能前往他們想去的地方,他們會依靠搜索來幫助他們達到那。反之他們會選擇離開。

位置很重要

既然用戶會使用搜索功能,那么一旦他們發現找到某樣東西不那么容易的時候。你需要確保他們能夠容易地發現搜索。

搜索框應該在每一個頁面上都出現,并且在一個容易被發現的地方。不要把你的搜索功能藏在頁腳,也不要只使用一個藏在頁面右上角的小圖標。

大多數網站把他們的搜索框放在頁頭的位置,這也確實是一個安置它的最好地方。用戶會對網站之間這種排布的一致性感到自然和習慣。記住,如果你把你的搜索框放在一個最通常的地方,會方便你的用戶去找到。

搜索框應該長什么樣?

搜索框只應該是一個框,我之前提到過用戶會傾向一致性,這包括關鍵ui元素的位置和視覺上的設計,更何況我們不應該去修正一個本來就沒有問題的東西。

我在過去的幾年里看到人們試圖去“重設計”搜索功能,比如只用一個搜索的圖標在頁頭上,然后就…沒有然后了!當點擊它后會打開一個全屏的圖層。說實話,這很糟糕,我總是會忽視那些小圖標,另外對于一個簡單的搜索功能來說,它需要被點擊太多次了。。

讓搜索框能夠具有足夠的長度是很重要的,這樣才能確保在其中能輸入所有東西。一般推薦的寬度是27個字符,有的網站需要更長,但別比這個標準短。

一個簡單的“在這搜索”的占位符就足夠了,每個人都知道它能做什么。

不要包含一些高級的搜索功能在這里,這只會讓人生厭。一個簡單的搜索框已經足夠滿足大多數人的需求,至于高級搜索功能可以放置在更深的入口,下文會提到。

你的搜索應該搜索什么?

你的搜索功能應該具備全局性,這意味著它應該能搜素你網站里的所有的內容。不要只給出那些用戶當前所在板塊相關的結果。

原因?因為那會讓用戶去猜測待搜索的信息是在哪個版塊下的。他們是用戶!你不能把什么都扔給他們!

舉個例子:如果你的用戶正在你的網站中試圖找到一些odour eating鞋墊,他們可能會下意識地前往鞋子板塊進行搜索。那么結果就是他們會無功而返,因為用戶很可能并不知道這odour eating鞋墊應該歸屬于醫藥板塊下。

記?。?strong>你的搜索結果應總是返還整個網站的結果。

搜索結果

你的搜索結果頁面是一個非常關鍵的部分。

結果可以通過很多種方法顯示,這取決于你的內容格式。但是有一些重要的元素,每一個搜索引擎結果頁面都應該具備。

你的搜索結果頁面應該包含:

  1. 置頂搜索框,并有對應的文案告知用戶他們剛才進行過搜索行為
  2. 搜索結果的數目
  3. 一個過濾或者排序的菜單項,幫助用戶應用不同的優先級來瀏覽內容
  4. 一個能幫助用戶進入更高級的搜索功能的入口(如果你有的話)
  5. 大而醒目、可供點擊的內容標題
  6. 點擊過的鏈接應該顯示不同的顏色
  7. 導航(面包屑、無限滾動等等)
  8. 搜索框在搜索結果的底部(如果分頁顯示結果的話)

 

版權所有:UXRen翻譯組

原作者:Marco Lopes

譯者:勵定洲

原文鏈接:https://medium.com

本文由 @勵定洲 翻譯發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. | 我在過去的幾年里看到人們試圖去“重設計”搜索功能,比如只用一個搜索的圖標在頁頭上,然后就…沒有然后了!當點擊它后會打開一個全屏的圖層。
    這不就是woshipm的設計么。。。

    來自河北 回復
  2. 可以參考下 : https://support.apple.com/zh-cn

    筆者真用心~~

    來自福建 回復
  3. 搜索框這個要看應用平臺的場景,web端一定是妥妥的框更好,在APP端是可以調整的,視覺寬度與功能布局都有影響,圖標并不比框更難用;且對于錄入字符數的標準,很明顯也是適用于web端的

    來自四川 回復
  4. 我剛想說人人都是產品經理的新版面的搜索竟然取消了直接的搜索框… 要點圖標才能進去…不如之前好吶

    來自廣東 回復
  5. 很棒的的文章

    來自廣東 回復
  6. 當看到:記?。耗愕乃阉鹘Y果應總是返還整個網站的結果。果斷收藏了!走了彎路呀慢慢明白的

    回復
    1. 沒有經歷過確實不太好理解啊

      來自廣東 回復