零代碼平臺(tái)(電商CMS系統(tǒng)為例)搭建實(shí)戰(zhàn)

0 評(píng)論 2013 瀏覽 8 收藏 7 分鐘

面對(duì)頻繁多變、需緊急上線、隨時(shí)調(diào)整的運(yùn)營(yíng)頁(yè)面,該如何規(guī)劃好?本文以電商CMS系統(tǒng)為例,總結(jié)零代碼平臺(tái)搭建實(shí)戰(zhàn),希望對(duì)你有所幫助。

面對(duì)頻繁多變、需緊急上線、隨時(shí)調(diào)整的運(yùn)營(yíng)頁(yè)面,采用傳統(tǒng)開(kāi)發(fā)方式成本過(guò)大、無(wú)法滿足想改就該需求;而零代碼平臺(tái)幾乎可以完美解決上述問(wèn)題,那么該如何規(guī)劃呢,本文將詳細(xì)論述下。

一、系統(tǒng)價(jià)值

1. 什么是電商CMS系統(tǒng)/零代碼平臺(tái)?

一個(gè)運(yùn)營(yíng)同學(xué)可通過(guò)圖形化的用戶界面拖拽&配置組件生產(chǎn)頁(yè)面的系統(tǒng),可跳過(guò)產(chǎn)品、開(kāi)發(fā)、測(cè)試等流程實(shí)現(xiàn)頁(yè)面的低成本、快速上線。

2. 系統(tǒng)價(jià)值

  • 降低人力成本:傳統(tǒng)頁(yè)面開(kāi)發(fā)流程運(yùn)營(yíng)需求–產(chǎn)品–設(shè)計(jì)–前/后端開(kāi)發(fā)–測(cè)試–代碼發(fā)布部署發(fā)布,通過(guò)零代碼平臺(tái)開(kāi)發(fā)流程運(yùn)營(yíng)需求–設(shè)計(jì)–配置頁(yè)面,不難看出可以節(jié)省大量人力;且公司業(yè)務(wù)大則系統(tǒng)價(jià)值更高(生產(chǎn)頁(yè)面邊際成本降低);
  • 顯著降低AB 實(shí)驗(yàn)成本:根據(jù)AB?實(shí)驗(yàn)數(shù)據(jù)「A?為一頁(yè)面,B?為另一頁(yè)面」,及時(shí)調(diào)整對(duì)應(yīng)方案,提高AB實(shí)驗(yàn)效率;提高運(yùn)營(yíng)響應(yīng)速度
  • ?提升突發(fā)熱點(diǎn)事件響應(yīng)能力:需運(yùn)營(yíng)緊急調(diào)整或搭建相關(guān)運(yùn)營(yíng)頁(yè)面,通過(guò)零代碼系統(tǒng)可迅速調(diào)整頁(yè)面并發(fā)布上線,顯然傳統(tǒng)開(kāi)發(fā)流程很可能造成黃花菜涼的局面;
  • 降低線上bug風(fēng)險(xiǎn):因頁(yè)面無(wú)需走開(kāi)發(fā),理論上不存在線上?bug?風(fēng)險(xiǎn)「前提組件上線經(jīng)充分測(cè)試,無(wú)?bug」。

二、功能框架

篇幅有限,僅列舉系統(tǒng)框架,不做細(xì)致功能點(diǎn)展開(kāi);

三、系統(tǒng)規(guī)劃關(guān)鍵點(diǎn)

1. 渲染器一定要做好

  • 是啥?負(fù)責(zé)將頁(yè)面&組件等配置效果實(shí)時(shí)渲染并展示在瀏覽器的控件。
  • 為啥很重要?因搭建頁(yè)面所需組件及配置相對(duì)較為繁瑣,需實(shí)時(shí)渲染展現(xiàn)配置效果,以便根據(jù)效果及時(shí)調(diào)整,渲染器直接影響配置效率。渲染器功能做好,系統(tǒng)就成功一大半了。

2. 業(yè)務(wù)組件設(shè)計(jì)應(yīng)遵循以下幾點(diǎn)

組件顆粒度要小,以保證其高復(fù)用:頁(yè)面搭建可以看作是積木搭建,理論上單個(gè)積木越小搭建出的東西越多,同理組件的顆粒度越小其組合可滿足的實(shí)際業(yè)務(wù)場(chǎng)景理論上也更多。

舉例:橫向商品列表標(biāo)題配置應(yīng)從組件本身剝離出來(lái),用橫向商品列表+文本框組件橫向資產(chǎn)列表+圖片組件配置,這樣配置的好處就是有特殊標(biāo)題字體或特殊樣式可以用圖片組件組合使用滿足;如果標(biāo)題屬于商品列表組件的屬性,這種運(yùn)營(yíng)場(chǎng)景顯然是無(wú)法滿足的。如圖

考慮數(shù)據(jù)結(jié)構(gòu)的通用性:多數(shù)組件會(huì)隨著時(shí)間業(yè)務(wù)發(fā)展變得不再適用「需兼容歷史組件/數(shù)據(jù)」,因此初期設(shè)計(jì)組件時(shí)應(yīng)充分考慮之后場(chǎng)景,以便開(kāi)發(fā)據(jù)此設(shè)計(jì)合理數(shù)據(jù)結(jié)構(gòu),保證組件拓展性;

可適當(dāng)考慮邏輯組件「類似插件」:為了組件解耦&通用,組件通用屬性抽象形成邏輯組件;舉例想讓A組件、B組件、C組件具備定時(shí)展示能力設(shè)置展示時(shí)間段,非展示時(shí)間段內(nèi)???隱藏組件」,無(wú)需修改每個(gè)組件屬性只需新增一個(gè)定時(shí)能力邏輯組件,將需要定時(shí)的組件拖入即可哪些組件可拖入采取配置文件配置方式,一次開(kāi)發(fā)就可賦予所有組件定時(shí)能力」。

組件交互要統(tǒng)一:說(shuō)的統(tǒng)一僅僅系統(tǒng)內(nèi)組件交互統(tǒng)一包括市面設(shè)計(jì)軟件統(tǒng)一,以降低用戶使用門(mén)檻零代碼平臺(tái)本質(zhì)與常用設(shè)計(jì)軟件并無(wú)本質(zhì)區(qū)別」。

3. 組件埋點(diǎn)一定要重視

數(shù)據(jù)驅(qū)動(dòng)的業(yè)務(wù)才能越做越好,且數(shù)據(jù)有很大部分來(lái)自埋點(diǎn)上報(bào)「路徑分析、漏斗分析等均依賴埋點(diǎn)上報(bào)」,因此組件埋點(diǎn)一定要重視。組件應(yīng)按照公司埋點(diǎn)規(guī)范+組件埋點(diǎn)上報(bào)規(guī)范提出埋點(diǎn)需求并由開(kāi)發(fā)嚴(yán)格上報(bào)。

總結(jié)

綜上只有公司業(yè)務(wù)夠大「運(yùn)營(yíng)頁(yè)面多,且需頻繁調(diào)整,需低成本做AB?實(shí)驗(yàn)」,才適合搭建零代碼平臺(tái),只有這樣才能發(fā)揮零代碼平臺(tái)的價(jià)值。

本文由 @小米粥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

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

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!