電商產(chǎn)品設(shè)計(jì)之CMS

1筐骇、CMS之關(guān)于“千人千面”的猜想

京東烈涮、淘寶C端絕大部分頁(yè)面也可以看成是由一個(gè)大型的CMS配置生成。在我看來CMS的核心只有兩點(diǎn):內(nèi)容創(chuàng)建和內(nèi)容發(fā)布,簡(jiǎn)單來說就是按照一定規(guī)則創(chuàng)建一條內(nèi)容呛牲,然后發(fā)布到指定位置的過程缭保。

在電商發(fā)展初期遥缕,沒有用戶數(shù)據(jù)積累侥祭,用戶標(biāo)簽體系(用戶畫像)沒有建立起來的時(shí)候,CMS相對(duì)簡(jiǎn)單齐婴,內(nèi)容創(chuàng)建靠運(yùn)營(yíng)手工填入油猫、手動(dòng)發(fā)布;而在當(dāng)下柠偶,像京東情妖、淘寶這種大型電商平臺(tái),我估計(jì)CMS應(yīng)該對(duì)接了素材中心(后臺(tái)商品中心诱担、營(yíng)銷中心毡证、廣告中心等)、大數(shù)據(jù)分析中心(用戶標(biāo)簽體系蔫仙、用戶行為數(shù)據(jù)等

[會(huì)員中心])料睛,通過CMS與素材、數(shù)據(jù)中心連接就能實(shí)現(xiàn)自動(dòng)生成前臺(tái)頻道等頁(yè)面摇邦,做到千人千面恤煞,讓不同類型的用戶看到不同內(nèi)容的首頁(yè)。

我從產(chǎn)品的角度畫了一個(gè)“千人千面”大致實(shí)現(xiàn)流程施籍,如果有紕漏阱州,請(qǐng)讀者們指正。


上文說CMS最核心的兩部分是內(nèi)容創(chuàng)建和內(nèi)容發(fā)布法梯。如上圖,在這個(gè)猜想中,當(dāng)決定用機(jī)器取代人工時(shí)立哑,就必須要解決自動(dòng)創(chuàng)建內(nèi)容的問題夜惭,也即解決這兩個(gè)問題:①內(nèi)容選取標(biāo)準(zhǔn)是什么?(大數(shù)據(jù)分析中心)②內(nèi)容從哪兒來铛绰?(素材中心)

以上僅是我的一個(gè)猜想诈茧,希望大家辯證的去看這個(gè)問題。另外捂掰,想補(bǔ)充一點(diǎn)是在絕大部分應(yīng)用場(chǎng)景下敢会,CMS經(jīng)過二次開發(fā)之后已經(jīng)不是傳統(tǒng)意義上的CMS了(經(jīng)典的CMS比如WordPress、帝國(guó)等等)这嚣,大家只要記住上文說的這句話:CMS最核心的兩部分是內(nèi)容創(chuàng)建和內(nèi)容發(fā)布鸥昏。

下面開始進(jìn)入正題,會(huì)有這么幾個(gè)方面的內(nèi)容:

從業(yè)務(wù)流程角度姐帚,看電商CMS如何動(dòng)態(tài)化配置前臺(tái)頁(yè)面吏垮;

抽象出電商CMS的頁(yè)面動(dòng)態(tài)化配置邏輯;

電商網(wǎng)站有哪些元素可動(dòng)態(tài)化配置罐旗。

補(bǔ)充說明下膳汪,本文不會(huì)在按鈕功能操作這種顆粒度上進(jìn)行分析,我想一個(gè)產(chǎn)品最重要的是思路和業(yè)務(wù)流程分析九秀,功能操作只是幫助業(yè)務(wù)流程順利流轉(zhuǎn)遗嗽。舉個(gè)例子:在售后系統(tǒng)中,用戶退貨時(shí)鼓蜒,倉(cāng)庫(kù)管理員必須有一個(gè)‘驗(yàn)貨’的按鈕操作痹换,當(dāng)倉(cāng)庫(kù)管理員確定驗(yàn)貨通過后,才會(huì)有之后的退款步驟友酱。

2晴音、CMS如何動(dòng)態(tài)化配置前臺(tái)頁(yè)面

寫這一部分之前,先給大家看一看電商CMS究竟在解決一個(gè)什么樣的問題缔杉,看下圖:



這張圖看起來很抽象锤躁,但是不妨礙理解,建議去看一些電商網(wǎng)站幫助腦補(bǔ)一下或详。這張圖里其實(shí)涵蓋了很多內(nèi)容系羞,比如說樓層模板(或者叫組件,想想拼圖霸琴,一個(gè)完整的圖由很多組件組成椒振,一個(gè)網(wǎng)站也是由很多組件拼湊而成的,CMS其實(shí)就是一個(gè)拼合組件并發(fā)布出去的工廠)梧乘。需要提醒的是大家不要被這一個(gè)案例圖給局限了思維澎迎,CMS可動(dòng)態(tài)化配置的內(nèi)容遠(yuǎn)遠(yuǎn)不止于此庐杨,第5部分將有相關(guān)介紹。

那么夹供,回到問題本身灵份,利用CMS,運(yùn)營(yíng)想要在樓層A之前增加一個(gè)樓層C哮洽,這里面涉及到幾個(gè)問題呢填渠?

運(yùn)營(yíng)想強(qiáng)推的商品是什么?(不同的商品鸟辅,需要突出的重點(diǎn)信息不一樣氛什,選擇的模板也不一樣)

運(yùn)營(yíng)選擇什么樣的模板?(有多樣的模板供選擇匪凉,這里自然牽扯出了CMS中有一個(gè)模板庫(kù)的概念枪眉,模板越多運(yùn)營(yíng)起來越靈活)

運(yùn)營(yíng)如何把數(shù)據(jù)錄入模板當(dāng)中?

運(yùn)營(yíng)如何將創(chuàng)建好的內(nèi)容發(fā)布到前臺(tái)網(wǎng)站洒缀?(中間一般還需要分多重角色瑰谜,運(yùn)營(yíng)專員負(fù)責(zé)數(shù)據(jù)錄入,審核專員負(fù)責(zé)審核發(fā)布树绩,這里會(huì)牽扯到數(shù)據(jù)權(quán)限的一些概念萨脑,不多說了,電商后臺(tái)數(shù)據(jù)操作權(quán)限界定饺饭,是非常重要的一個(gè)點(diǎn)渤早,三言兩語(yǔ)說不清楚,大家感興趣可以自行去了解一下)瘫俊。

從這四個(gè)問題中可以抽象出這么一個(gè)工作流程:選擇模板》數(shù)據(jù)錄入(》內(nèi)容審核)》內(nèi)容發(fā)布

關(guān)于內(nèi)容發(fā)布先多說一點(diǎn)鹊杖,內(nèi)容發(fā)布有一個(gè)點(diǎn)是將內(nèi)容發(fā)布到哪兒?可以是同一個(gè)端(PC扛芽、APP骂蓖、H5端等)的不同頁(yè)面(涉及到模板復(fù)用的概念,這可以幫助運(yùn)營(yíng)減輕很多工作量)川尖;也可以是不同端登下,比如我在APP上用了一個(gè)模板,能不能直接復(fù)用到H5上去呢叮喳?在初創(chuàng)公司里被芳,更多的應(yīng)該去考慮這些問題,因?yàn)槌鮿?chuàng)公司就沒有太多的運(yùn)營(yíng)團(tuán)隊(duì)馍悟,不同端分開運(yùn)營(yíng)成本太高了畔濒。這種方案默認(rèn)一個(gè)樓層只有一個(gè)模板,因此而忽略了位置這個(gè)概念(因?yàn)樵谶@里位置

= 樓層)锣咒。當(dāng)然侵状,還需要設(shè)置模板的順序(一般用阿拉伯?dāng)?shù)字大小排序)赞弥,這個(gè)順序決定了它在前臺(tái)展示在第幾個(gè)樓層。

淘寶店鋪裝修(它是一個(gè)典型的電商CMS)就強(qiáng)調(diào)了位置這個(gè)概念壹将,可以看看下圖紅框強(qiáng)調(diào)的部分:

看得出有這幾個(gè)概念:頁(yè)面總寬度嗤攻、容器寬度(位置)、頁(yè)面總寬度 = 容器寬度1 + 容器寬度2 + ……

之后的內(nèi)容就統(tǒng)一按照方案1的模式诽俯,默認(rèn)一個(gè)樓層一個(gè)模板描述。另外承粤,大家感興趣可以注冊(cè)一個(gè)淘寶店鋪暴区,如果你是初創(chuàng)電商公司,在淘寶店鋪CMS的基礎(chǔ)上做減法就夠了(模塊拖拽的方式也可以暫時(shí)繞過)辛臊。

3仙粱、電商CMS頁(yè)面的動(dòng)態(tài)化配置邏輯

第3部分實(shí)際上已經(jīng)抽象出了電商CMS的業(yè)務(wù)流程:選擇模板》數(shù)據(jù)錄入(》內(nèi)容審核)》內(nèi)容發(fā)布

用電商首頁(yè)來舉例,一個(gè)電商首頁(yè)的構(gòu)成大致如下圖所示:

整站分類列表在我看來是一個(gè)掛件彻舰,它一般懸浮在輪播圖上方(頁(yè)面左側(cè))伐割。我們繞過這些寫死的頁(yè)頭、頁(yè)尾以及掛件一般的分類列表刃唤,現(xiàn)在只說樓層這一部分隔心。接下來,假設(shè)把首頁(yè)簡(jiǎn)化成是由多個(gè)樓層構(gòu)成尚胞,首頁(yè)動(dòng)態(tài)化配置邏輯大致如下所示:


需要多說一點(diǎn)的是硬霍,由首頁(yè)配置的模式可以推及更多頁(yè)面的配置模式,套路都是一樣的笼裳。從上圖也可以看出來唯卖,關(guān)于CMS,一直沒有脫離上文說的:CMS最核心的兩部分是內(nèi)容創(chuàng)建和內(nèi)容發(fā)布躬柬。

在第1部分拜轨,也提到CMS在電商領(lǐng)域主要是解決一次開發(fā),靈活運(yùn)營(yíng)的問題允青,到這里相信大家也可以看出來了橄碾,利用CMS搭建一個(gè)電商網(wǎng)站的好處是運(yùn)營(yíng)不需要因?yàn)橄胄掳l(fā)布一個(gè)營(yíng)銷頁(yè)面來爭(zhēng)取開發(fā)資源,而開發(fā)只需要不斷的造模板去滿足運(yùn)營(yíng)需求昧廷,至于產(chǎn)品呢堪嫂?產(chǎn)品就需要考慮電商網(wǎng)站的靈活性問題,怎么最大化讓所有位置都成為可配置木柬?這可能是產(chǎn)品經(jīng)理需要考慮的產(chǎn)品迭代方向皆串。(當(dāng)然,創(chuàng)新營(yíng)銷玩法也是電商產(chǎn)品需要不斷思考的問題眉枕。)

那么恶复,怎么最大化讓所有位置(場(chǎng)景)都成為動(dòng)態(tài)化配置的呢怜森?

4、CMS可配置的電商網(wǎng)站元素

第4部分最后一個(gè)問題谤牡,其實(shí)應(yīng)該改成如果CMS是一個(gè)C端頁(yè)面展現(xiàn)的最終輸出口副硅,那么應(yīng)該控制哪些元素的輸出?舉個(gè)例子翅萤,商品詳情頁(yè)有一個(gè)商品參數(shù)恐疲,先看看下圖(其實(shí)用3C舉例更好些哈,大家研究的時(shí)候套么,去研究3C吧~):

鞋這個(gè)分類的商品可能有多個(gè)商品參數(shù)(導(dǎo)致需要折疊)培己,那么優(yōu)先展示哪些參數(shù)呢?另外胚泌,后臺(tái)對(duì)于鞋的描述可能字段(參數(shù))更多省咨,那么哪些字段(參數(shù))可以輸出呢?不同分類的商品展示字段也不一樣玷室,是不是需要分類進(jìn)行配置展示呢零蓉?

以上的例子,也歸屬于CMS動(dòng)態(tài)化配置的范疇穷缤,這和用戶體驗(yàn)相關(guān)啊敌蜂,試想產(chǎn)品設(shè)計(jì)時(shí),把這個(gè)商品有關(guān)的全部字段都吐出來绅项,用戶不會(huì)懵圈么紊册?

舉這個(gè)例子只是為了說明一下,CMS的動(dòng)態(tài)化配置不僅僅只是局限于頻道頁(yè)(特別是首頁(yè))以及活動(dòng)專題頁(yè)這些快耿。

本來想在這一部分畫一個(gè)腦圖囊陡,苦思之后發(fā)現(xiàn)還是脫離不了第4部分,首頁(yè)構(gòu)成那種形式掀亥,所以也就不畫了得了撞反,第5部分也就寫到這里。

如果搪花,大家還有什么疑問或者想要我系統(tǒng)補(bǔ)充的遏片,歡迎大家留言我,也歡迎大家和我一起交流撮竿。

電商靠運(yùn)營(yíng)吮便,運(yùn)營(yíng)靠多樣化的模板庫(kù),CMS看來是電商平臺(tái)不可或缺的系統(tǒng)了幢踏。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末髓需,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子房蝉,更是在濱河造成了極大的恐慌僚匆,老刑警劉巖微渠,帶你破解...
    沈念sama閱讀 221,548評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異咧擂,居然都是意外死亡逞盆,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門松申,熙熙樓的掌柜王于貴愁眉苦臉地迎上來云芦,“玉大人,你說我怎么就攤上這事攻臀』朗” “怎么了?”我有些...
    開封第一講書人閱讀 167,990評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵刨啸,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我识脆,道長(zhǎng)设联,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,618評(píng)論 1 296
  • 正文 為了忘掉前任灼捂,我火速辦了婚禮离例,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘悉稠。我一直安慰自己宫蛆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評(píng)論 6 397
  • 文/花漫 我一把揭開白布的猛。 她就那樣靜靜地躺著耀盗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪卦尊。 梳的紋絲不亂的頭發(fā)上叛拷,一...
    開封第一講書人閱讀 52,246評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音岂却,去河邊找鬼忿薇。 笑死,一個(gè)胖子當(dāng)著我的面吹牛躏哩,可吹牛的內(nèi)容都是我干的署浩。 我是一名探鬼主播,決...
    沈念sama閱讀 40,819評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼扫尺,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼筋栋!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起器联,我...
    開封第一講書人閱讀 39,725評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤二汛,失蹤者是張志新(化名)和其女友劉穎婿崭,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體肴颊,經(jīng)...
    沈念sama閱讀 46,268評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡氓栈,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了婿着。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片授瘦。...
    茶點(diǎn)故事閱讀 40,488評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖竟宋,靈堂內(nèi)的尸體忽然破棺而出提完,到底是詐尸還是另有隱情,我是刑警寧澤丘侠,帶...
    沈念sama閱讀 36,181評(píng)論 5 350
  • 正文 年R本政府宣布徒欣,位于F島的核電站,受9級(jí)特大地震影響蜗字,放射性物質(zhì)發(fā)生泄漏打肝。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評(píng)論 3 333
  • 文/蒙蒙 一挪捕、第九天 我趴在偏房一處隱蔽的房頂上張望粗梭。 院中可真熱鬧,春花似錦级零、人聲如沸断医。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)鉴嗤。三九已至,卻和暖如春亥贸,著一層夾襖步出監(jiān)牢的瞬間躬窜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工炕置, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留荣挨,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,897評(píng)論 3 376
  • 正文 我出身青樓朴摊,卻偏偏與公主長(zhǎng)得像默垄,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子甚纲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容