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

UXRen
7 評論 13042 瀏覽 81 收藏 6 分鐘
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

你知不知道有超過半數(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)站把他們的搜索框放在頁頭的位置,這也確實是一個安置它的最好地方。用戶會對網(wǎng)站之間這種排布的一致性感到自然和習(xí)慣。記住,如果你把你的搜索框放在一個最通常的地方,會方便你的用戶去找到。

搜索框應(yīng)該長什么樣?

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

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

讓搜索框能夠具有足夠的長度是很重要的,這樣才能確保在其中能輸入所有東西。一般推薦的寬度是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é)果。

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

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

記?。?strong>你的搜索結(jié)果應(yīng)總是返還整個網(wǎng)站的結(jié)果。

搜索結(jié)果

你的搜索結(jié)果頁面是一個非常關(guān)鍵的部分。

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

你的搜索結(jié)果頁面應(yīng)該包含:

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

 

版權(quán)所有:UXRen翻譯組

原作者:Marco Lopes

譯者:勵定洲

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

本文由 @勵定洲 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

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

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

    筆者真用心~~

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

    來自四川 回復(fù)
  4. 我剛想說人人都是產(chǎn)品經(jīng)理的新版面的搜索竟然取消了直接的搜索框… 要點圖標(biāo)才能進去…不如之前好吶

    來自廣東 回復(fù)
  5. 很棒的的文章

    來自廣東 回復(fù)
  6. 當(dāng)看到:記?。耗愕乃阉鹘Y(jié)果應(yīng)總是返還整個網(wǎng)站的結(jié)果。果斷收藏了!走了彎路呀慢慢明白的

    回復(fù)
    1. 沒有經(jīng)歷過確實不太好理解啊

      來自廣東 回復(fù)
专题
13269人已学习13篇文章
本专题的文章分享了搜索策略产品经理必读系列。
专题
15352人已学习12篇文章
服务设计在流程性和系统性的问题解决方面提供很好的思路和方法。本专题的文章分享了如何做好服务设计。
专题
31077人已学习11篇文章
来看看别人家是怎么做产品优化的。
专题
11351人已学习12篇文章
从二维到三维空间的过渡,其交互范式也会随之从2D GUI时代转换到3D UI时代。本专题的文章分享了XR空间交互指南。
专题
36304人已学习13篇文章
用户分层本身并不是目的,只是实现业务发展的手段方式。