以電商爲例淺談設計搜索時容易被忽視的部分

你們好,我是IT修真院鄭州分院第9期學員,一枚正直善良的PM。算法

今天給你們分享一下,淺談設計搜索時容易被忽視的部分。spa

在設計搜索系統的時候,我加一個搜索框和一個搜索結果頁,找一個搜索的算法團隊提供搜索算法,其餘的交互抄抄競品,是否是就ok啦!固然是不行的,由於搜索框的設計很是的重要,在電商平臺中,健康程度,能夠從首頁「搜索框」的點擊率來略窺一二。想想,一個想買「追風箏的人」的用戶的購買轉化率和一個隨手打開APP的用戶的購買轉化率,必然前者要高不少不少啊。也就是說搜索入口點擊量越高,說明健康程度越高。通常電商的搜索欄的點擊比例能夠達到1/2以上。因而可知搜索功能的重要性。設計

總之,搜索產品線知足着「有明確購買意願」場景,承載着電商APP中最重的一部分流量。blog

「搜索」功能的幾個步驟:ip

clipboard.png

從上圖用戶的使用流程能夠看到:用戶的搜索需求鏈能夠粗分爲5步。由於最後兩步「進入單品頁查看詳情」「加入購物車」和商品信息、單品頁展現相關,搜索結果通常也很受重視,可是前兩步常常就會被忽視,因此咱們主要研究前2步。開發

「搜索入口」設計要點:產品

搜索入口的關鍵指標是這個功能的使用率,目前搜索入口欄的視覺樣式已經趨同,設計時候採用搜索框/單獨的搜索按鈕已經比較主流了。it

clipboard.png

在這種狀況下,提升搜索入口的使用率,有兩個要點:電商

要點1:尋找頻道增長搜索入口class

錯誤方式:我在全部的賣場頁面都加上,有比沒有好吧,讓用戶想搜就搜,還符合尼爾森一致性的原則呢。

搜索入口有兩種模式:

模式一:普通型,搜索模塊是對全部商品進行搜索;

模式二:指定型,搜索模塊只針對指定分類、或賣場內的商品進行搜索。

若是你的賣場商品數量較多,而且品類綜合,採用普通型搜索模塊。通常這種綜合型的賣場流量大,用戶意向分散,使用普通型搜索模塊便可。好比:首頁、好比大促落地頁等。

若是你的賣場商品數量較多,而且品類單一,採用指定型搜索模塊。指定類目的賣場,好比:生鮮賣場、圖書館等,須要在搜索模塊上增長類型。也就是說用戶在圖書館裏面的任何搜索,都應該是書籍相關的。又或者是滿100減10的賣場中,搜索到的商品也應該是知足這個促銷條件的。

若是你的賣場商品數量較少,不要使用搜索模塊。好比:榜單、少商品的賣場等,若是用戶搜索後召回的商品數量極少,簡直是搜索體驗的噩夢。有這個模塊還不如沒有哇,真是的。

若是你的賣場品類用戶沒法感知,不要使用搜索模塊。推薦清單就是一個例子,用戶沒法感知到這個集合是什麼樣子的。可能這個用戶A比較喜歡圖書、女裝,換了一個用戶後,品類卻徹底不一樣。

要點2:增長單頁面內搜索入口的曝光次數

這個要點須要在交互層面注意,不要讓你的搜索模塊僅僅出如今首屏。在用戶下滑瀏覽過程當中也須要看到搜索入口,能夠採用一個吸頂的搜索欄,或者在用戶下滑過程當中將搜索欄縮小到某一個位置。總之,要保證明時可見。

「搜索輸入頁」設計要點:

搜索輸入頁有兩個狀態,一個是剛進入時候的默認狀態,另一個是用戶已經開始輸入時候的輸入狀態。

要點1:「搜索輸入頁」的默認狀態默認狀態承載了兩個任務:

clipboard.png

(1)對於用戶:幫助用戶快速輸入用戶進入搜索輸入頁,應該當即鍵盤彈出而且輸入框是待輸入狀態,保證用戶無需其餘點擊,直接輸入便可。另外須要增長快捷搜索詞入口,展現5~10個歷史搜索詞,方便用戶快速鍵入。

(2)對於業務:增長產品引導性能夠在搜索頁增長一些模塊,提升相關性購買。好比:熱門搜索模塊、好比推薦搜索詞模塊等。

要點2:「搜索輸入頁」的輸入狀態

在輸入狀態下,須要節省用戶的輸入時間,快速進入搜索結果頁。因此須要有以下功能:

clipboard.png

(1)搜索詞匹配:好比:輸入英文「hah」能夠轉換成中文「哈哈」,而且識別出個人關鍵詞是哈哈哈。搜索建議功能是知足用戶只記得部分關鍵詞等的模糊搜索場景,這一個部分主要是技術來實現。PM更加註意在交互和視覺上進行命中態和非命中態的區分,好比:上文中的「hah」就應該展現成非命中態。另外若是搜索詞徹底命中和部份命中,也應該在樣式上進行區分。

clipboard.png

(2)幫助用戶快速定位搜索詞提供搜索詞相關的信息:好比顯示搜索結果數量、商品數量等。 搜索結果信息前置從而縮小結果範圍: 好比搜索詞屬性、標籤等。

更多討論
Q1:這些技巧是否只適合在電商平臺使用?

A1:固然不是,這些技巧按照產品屬性酌情使用。

Q2:需求是否足夠重要是什麼意思?

A2:當市面上的產品都不能知足用戶的需求,這這時候用戶會衡量是否下降要求使用很差的產品,仍是這個需求是否是必須要被知足的,若是這個需求不是剛需,則暫時放棄,寧折不彎。

Q3:這些功能的優先級怎麼算?

A3:這些都是提高用戶體驗的方式,若是產品是迭代狀態,能夠優先,若是是首次開發,酌情使用。

今天的分享就到這裏啦,歡迎你們點贊、轉發、留言、拍磚~

相關文章
相關標籤/搜索