電商站內搜索體系搭建(2):UI交互與前端呈現

2 評論 16911 瀏覽 32 收藏 11 分鐘

上一篇搜索體系文章我們講搜索框架的整體構建,那么整體的“龍骨”已經大差不差了,接下來就是細節“裝修”與“軟裝硬裝”當然這種架構并不是通用的,僅是我個人的方法和觀點,不排除其中還有邏輯不通的bug,各位讀者注意擦亮眼睛。

從整個搜索層面來看,搜索屬于整個電商導購體系的中堅一環,當然包含目錄列表,是昔日淘寶,天貓,京東蘇寧等,以及其他電商流量獲取以及成交轉化的“王者”,也是其開啟付費廣告平臺的一個偽“創新”(谷歌百度很早就這么干了)。

熟悉電商發展史的人都會知道其發展的歷程,先期通過大規模拓展品類與商家,同時大規模拓展宣發廣告與促銷,吸引流量進而形成消費習慣,逐步形成一個商品或者商家的服務廣告商,這其實是國內各大電商的發展路徑。

那么搜索則作為其導購服務體系的重要一環,其實有必要單獨拎出來大書特書一番(不過時代變遷,直播導購的興起,以及個性化智能推薦模塊的普及,分走了很大一部分搜索列表的流量,這也使得導購層面更加多元化,如果有空我會單獨將直播社交等元素來單獨說一說)。

那么作為電商的導購主要模塊之一的搜索, 如何從一個小小的搜索框來撬動這么多站內流量和轉化的呢,我將由表及里,由淺入深的給大家醋溜一份開胃搜索大餐。我將通過UI交互和前端呈現,展示邏輯與方式,算法實現以及原理三個方面為大家闡明。

UI交互與前端呈現-搜索框

1. 搜索框-頁面呈現

搜索雖然占據整站流量較大,但是在其前端展示的窗口或者坑位卻寥寥四筆,兩豎兩橫構成了一個搜索框,那么針對這個簡單的搜索框其實有很多的門道在里面,其主要體現在兩方面:

  1. 其搜索框在首頁和其他頁面的展現形式以及頁面滑動期間其搜索框的動態展現形式;
  2. 搜索框里的內容以及輸入關鍵詞時所展現的內容。

從單個產品角度而言,搜索框在頁面的靜態或者動態實現形式其實很簡單,難點即在于如何去配合全局app去扯皮。在于整個app的產品規劃上,需要說服對方為什么要給與搜索框如此多的呈現曝光機會,小小幾英寸的屏幕上難道僅僅只有搜索框是高價值的么?當然不是。

原因有二

我們從用戶在手機端的瀏覽習慣說起。(這是題外話)用戶使用手機端口訪問電商app,其購物目的性不管有多大,多么模糊,我們始終要承認這么一個假定,即用戶確實是帶著目的來尋求購物的,因此在app的任何坑位存在的意義都必須圍繞要強調迎合用戶的購物需求來開展。隨著現階段導購層級的多元化,包含個性化推薦模塊,內容社區模塊,直播模塊,以及長尾單品推薦模塊等等可能進一步分流了搜索目錄以及其他頻道的流量,那么這并不意味著用戶在瀏覽這些模塊時100%的能找到自己心儀的購物目標。因此必須要預留搜索框的懸浮層,減少用戶的行為成本,這是其一。

從流量價值和體量來講,搜索作為用戶的精準需求行為,其轉化率和流量數量以及uv價值應該也是同類其他模塊的佼佼者,基于電商GMV公式,高轉化模塊,客單價變,如果導入更多的流量,成交額是不是會上漲?這是其二。

不過每家公司可能都有一些繞不過去的跨部門溝通問題,這在于作為搜索產品的你,如何去和執行設計部門去溝通探討了。這里總結一下搜索框的頁面呈現要求,即高曝光率,置頂懸浮層。再說句題外話:不要以為產品崗位就只是老實做產品就可以,還有職場跨部門的人際關系。

2. 搜索框內容呈現

在搜索框中內容呈現應該是我要說的重點,因為這是搜索核心指標的承載體,即關鍵詞。那么我們將其分為幾個分支單獨來說一下:

  1. 在沒有任何行為時搜索框出現的底紋詞(或者叫默認詞);
  2. 點擊搜索框之后出現熱詞,和歷史搜索詞;
  3. 在搜索框輸入之后,出現的下拉聯想詞(或者叫建議詞)。

以上三個我就不單獨解釋了,有興趣的朋友可以看我之前寫的:電商運營之站內搜索的全面指南(一)。那么我要講的其實是這三個分支的樣式以及背后的迭代策略。

(1)底紋詞

目前不同的電商有著不同的呈現方式,國內主流基本上是個性化單詞,或者采用多位個性化滾動的單詞陣列,其基于原理來自于用戶行為的算法,協同過濾,余弦相似度,svm,貝葉斯等等算法,這里就不展開將實現原理了,感覺有點超綱。

當然如果出于營銷的需求,有時候低溫框詞的內容有可能會有營銷詞鏈的現象,這也可以作為一個手動干預的入口,也是產品在規劃過程中必須要準備的人工干預的后臺入口。基本可以參考 京東,淘寶。aliexpress。

但是有時候我在進行競品調研時會發現,國內的這種司空見慣的呈現方式,在國外卻鮮有運用,往往都是空空如也,比如 亞馬遜,souq ,noon以及其他電商網站,我猜測這與國內外的審美以及購物習慣差異有關,往往在歐美等國家的app都會以大量留白的形式來呈現簡潔的頁面觀感,這和國內“地方再小也是肉”的運營觀念是比較迥異的。

(2)歷史詞以及熱搜詞

從目前的數據觀測角度來講,論搜索的pv轉化率,歷史詞其實是轉化效果最好的,這也與用戶的精準需求有關,能夠二次搜索的關鍵詞往往用戶的需求是強烈且明顯的。因此一般而言是放在點擊搜索框后出現的留白頁面的最上方,其呈現形式可以是橫豎排列,也可以標簽排列等,詞數一般不超過7-10個。

UI呈現形式多樣,可以根據自身實際需求進行設計,沒什么可說的點。重點說說熱詞模塊,熱詞即用戶在點擊搜索框后呈現在歷史搜索模塊下方的詞陣列模塊,展示的是站內熱門的搜索關鍵詞,包含活動詞鏈以及人工配置的一些營銷性質的自然關鍵詞等,那么熱詞模塊在產品構建中需要綜合考慮兩點,一個是用戶需求,一個是公司需求。

也就是說在熱詞模塊的詞陣列上既要有匹配用戶歷史行為或者猜測用戶意圖的關鍵詞,又要有基于公司營銷或者類目促銷需求的關鍵詞,那么整個熱詞的產品方案就很清晰了,采用同一個人工運維入口,并保留個性化詞庫的接入,個性化方面還是采用之前介紹的個性化等算法,人工可以自行配置其詞坑位數量。哪些是手動配置的營銷詞,哪些是個性化的關鍵詞。后臺增加上下線時間,是否標紅,生效地區等。增刪改查等一律都上。

(3)聯想詞

聯想詞即在用戶輸入關鍵詞時,搜索框下方出現的詞條矩陣, 從目前我所收集到的數據而言,從流量上講,聯想詞占據了整個搜索流量的一半以上,因此對于詞的質量必須要有嚴格的把關。必須從轉化率,詞的質量(錯別字,低效率,長尾)把關。

另外對于聯想詞國內的玩法其實有很多,有京東的詞+列表混合模式,詞+列表+參數混合模式,不過在英語語系由于詞長度的限制,無法實現中文象形文字的這種布局,最后提醒一下,聯想詞必須要保留人工干預的后臺入口。作為一個產品設計一個后臺干預平臺應該不難吧,

好了今天先到這,佛系結尾。

#相關閱讀#

電商站內搜索體系搭建(1)

#專欄作家#

作者:王歡,微信:wanghuan314400,運營小灰一枚。

本文由 @王歡 原創發布于人人都是產品經理,未經許可,不得轉載。

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 太忙 沒時間

    來自浙江 回復
  2. 哥你怎么不寫了?T_T

    來自上海 回復