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

2 評(píng)論 16911 瀏覽 32 收藏 11 分鐘

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

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

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

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

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

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

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

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

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

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

原因有二

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

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

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

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

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

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

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

(1)底紋詞

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

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

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

(2)歷史詞以及熱搜詞

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

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

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

(3)聯(lián)想詞

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

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

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

#相關(guān)閱讀#

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

#專欄作家#

作者:王歡,微信:wanghuan314400,運(yùn)營(yíng)小灰一枚。

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

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

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

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

    來(lái)自上海 回復(fù)