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

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

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

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

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

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

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

UI交互與前端呈現(xiàn)-搜索框

1. 搜索框-頁面呈現(xiàn)

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

  1. 其搜索框在首頁和其他頁面的展現(xiàn)形式以及頁面滑動期間其搜索框的動態(tài)展現(xiàn)形式;
  2. 搜索框里的內(nèi)容以及輸入關(guān)鍵詞時所展現(xiàn)的內(nèi)容。

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

原因有二

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

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

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

2. 搜索框內(nèi)容呈現(xiàn)

在搜索框中內(nèi)容呈現(xiàn)應(yīng)該是我要說的重點,因為這是搜索核心指標(biāo)的承載體,即關(guān)鍵詞。那么我們將其分為幾個分支單獨來說一下:

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

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

(1)底紋詞

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

當(dāng)然如果出于營銷的需求,有時候低溫框詞的內(nèi)容有可能會有營銷詞鏈的現(xiàn)象,這也可以作為一個手動干預(yù)的入口,也是產(chǎn)品在規(guī)劃過程中必須要準(zhǔn)備的人工干預(yù)的后臺入口。基本可以參考 京東,淘寶。aliexpress。

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

(2)歷史詞以及熱搜詞

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

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

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

(3)聯(lián)想詞

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

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

好了今天先到這,佛系結(jié)尾。

#相關(guān)閱讀#

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

#專欄作家#

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

本文由 @王歡 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 太忙 沒時間

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

    來自上海 回復(fù)