合肥淘寶開網(wǎng)店培訓(xùn)學(xué)校談手淘主會(huì)場(chǎng)實(shí)踐,每次為了讓消費(fèi)者在大促時(shí)能更快挑選到商品和進(jìn)行平臺(tái)的營銷互動(dòng)，都會(huì)有一個(gè)頁面來承載大促的核心內(nèi)容和主要的營銷要素，我們稱之為主會(huì)場(chǎng)。 以前主會(huì)場(chǎng)開發(fā)，都是前端通過頁面搭建系統(tǒng)或者通過源碼方式制作PC頁面和H5頁面，且主會(huì)場(chǎng)素材圖片都來源于官方素材。系統(tǒng)根據(jù)一定業(yè)務(wù)規(guī)則決定誰在坑位里展示，而用戶需要從一個(gè)樹形結(jié)構(gòu)一級(jí)一級(jí)進(jìn)行瀏覽到{zh1}的寶貝頁面。通過以前主會(huì)場(chǎng)的數(shù)據(jù)對(duì)比，無線主會(huì)場(chǎng)結(jié)構(gòu)的跳失率較高且效能不如PC頁面。
無線主會(huì)場(chǎng)目標(biāo)
在無線成為主流的趨勢(shì)下，需要提高無線的主會(huì)場(chǎng)的效能，技術(shù)和業(yè)務(wù)上需要解決兩個(gè)問題:
在移動(dòng)端讓用戶能夠更快的找到自己感興趣的內(nèi)容，提高流量的匹配和{gx}分發(fā)，減少用戶跳失率，從而提高轉(zhuǎn)化率
業(yè)務(wù)層面，可以應(yīng)對(duì)任何業(yè)務(wù)變化，可以按照不同需求進(jìn)行調(diào)整從而保障大促進(jìn)行
應(yīng)對(duì)方法
針對(duì)以上目標(biāo)，從以下幾個(gè)方面來解:
{jz}的瀏覽體驗(yàn)，主要從性能和體驗(yàn)做到{zy}
通過千人千面將用戶感興趣的內(nèi)容優(yōu)先呈現(xiàn)，打破樹形結(jié)構(gòu)的瀏覽方式，減少跳失率
通過首圖一致提高轉(zhuǎn)化率
針對(duì)業(yè)務(wù)靈活性要求，通過動(dòng)態(tài)可配置業(yè)務(wù)框架、流量調(diào)配規(guī)則來進(jìn)行保障
為了提升我們的瀏覽體驗(yàn)以及減少跳失率，本次會(huì)場(chǎng)采用了一系列的全新設(shè)計(jì)和方案，主要包含了一個(gè)可復(fù)用的會(huì)場(chǎng)框架和一套完整的合圖機(jī)制。
可復(fù)用的會(huì)場(chǎng)框架
為了將用戶的瀏覽體驗(yàn)做到{jz}，我們本次拋棄了傳統(tǒng)H5主會(huì)場(chǎng)，采用一個(gè)native頁面會(huì)場(chǎng)。從技術(shù)上來看，無線主會(huì)場(chǎng)面臨的主要挑戰(zhàn):
在端側(cè)，主要涉及版本發(fā)布、變更成本、個(gè)性化性能保障、離線緩存&同步策略、端側(cè)監(jiān)控
在云端，主要是流量調(diào)配和穩(wěn)定性，要保證端到端的穩(wěn)定性、容災(zāi)策略
素材來源的多樣性，保障云端素材處理能力、個(gè)性化實(shí)時(shí)計(jì)算能力、首圖一致性鏈路透?jìng)?/span>
從端到云的全方位監(jiān)控體系
面對(duì)這些挑戰(zhàn)，我們從以下幾個(gè)主要模塊來滿足這些能力:
靈活的框架容器和多策略調(diào)整
為了更好的用戶體驗(yàn)，整個(gè)會(huì)場(chǎng)被包含在一個(gè)會(huì)場(chǎng)框架中，整體會(huì)場(chǎng)框架由動(dòng)態(tài)渲染區(qū)域和框架容器組成，針對(duì)會(huì)場(chǎng)內(nèi)容區(qū)域，通過WEEX(WEEX是阿里無線提供的一套將html5在客戶端跨平臺(tái)解釋生成native體驗(yàn)的全新移動(dòng)開發(fā)平臺(tái))渲染引擎滿足動(dòng)態(tài)性，基于WEB技術(shù)開發(fā)，無需要發(fā)版同時(shí)具備native體驗(yàn)。框架容器用來控制頂部和底部tab部分，目標(biāo)是設(shè)計(jì)實(shí)現(xiàn)一個(gè)標(biāo)準(zhǔn)通用化的會(huì)場(chǎng)框架，且端側(cè)展現(xiàn)元素和行為可通過配置靈活調(diào)整，滿足雙11、雙12、年中促等不同階段大促活動(dòng)需求。整個(gè)主會(huì)場(chǎng)結(jié)構(gòu)拆解如下:
針對(duì)會(huì)場(chǎng)框架容器，云端配置控制客戶端上各導(dǎo)航動(dòng)作及響應(yīng)處理，端側(cè)基于云端配置元數(shù)據(jù)，靈活渲染導(dǎo)航TAB數(shù)量及視覺樣式和響應(yīng)行為。同時(shí)考慮不同終端設(shè)備用戶體驗(yàn)兼容性，以更細(xì)粒度控制容器內(nèi)各內(nèi)容頁行為，會(huì)場(chǎng)框架的策略中心可根據(jù)用戶相關(guān)信息(如：app版本、機(jī)型、os版本等)來進(jìn)行多種策略的變更和定向用戶群體生效。
框架容器內(nèi)的動(dòng)態(tài)頁面(WEEX)數(shù)據(jù)獲取，類似傳統(tǒng)靜態(tài)H5頁面。從用戶體驗(yàn)角度考慮，基于數(shù)據(jù)就近用戶原則，默認(rèn)頁面資源直接部署CDN節(jié)點(diǎn);考慮頁面內(nèi)容涉及個(gè)性化，局部數(shù)據(jù)需實(shí)時(shí)請(qǐng)求動(dòng)態(tài)獲取。本方案采用頁面框架及靜態(tài)數(shù)據(jù)靜態(tài)化部署至CDN，局部動(dòng)態(tài)內(nèi)容，直接調(diào)用云端服務(wù)異步填充。設(shè)計(jì)階段同步考慮了極端情況下拉取靜態(tài)文件失敗的情況，云端同時(shí)需具備兼容支撐此類少量流量，以返回全頁面數(shù)據(jù)。綜上整體會(huì)場(chǎng)框架數(shù)據(jù)鏈路及渲染流程如下：
個(gè)性化數(shù)據(jù)由用戶進(jìn)入頁面主動(dòng)拉取，如何能讓用戶覺得是跟從就近的地方獲取的內(nèi)容是一樣的體驗(yàn)?zāi)? 動(dòng)態(tài)個(gè)性化數(shù)據(jù)異步渲染提升頁面打開速度，但在用戶視覺體驗(yàn)上，動(dòng)靜態(tài)數(shù)據(jù)分離并異步渲染，會(huì)導(dǎo)致頁面局部區(qū)域數(shù)據(jù)加載和展示滯后與靜態(tài)頁面打開。低端機(jī)型下屏幕閃爍或刷新頓挫感明顯。為實(shí)現(xiàn){jz}用戶體驗(yàn)，兼顧頁面加載速度及頁面數(shù)據(jù)完整性，借助富客戶端能力，會(huì)場(chǎng)框架采用端側(cè)預(yù)熱技術(shù)來保障更好的用戶體驗(yàn)。
對(duì)比傳統(tǒng)頁面依賴客戶端主動(dòng)向服務(wù)端拉取數(shù)據(jù)，端側(cè)預(yù)熱技術(shù)借助移動(dòng)端數(shù)據(jù)推送服務(wù)，在用戶訪問頁面并渲染時(shí)優(yōu)先讀取端上預(yù)緩存內(nèi)容，既對(duì)服務(wù)端請(qǐng)求量起到消峰作用，又保障全頁面加載渲染的用戶體驗(yàn)。會(huì)場(chǎng)框架的數(shù)據(jù)推送服務(wù)采用手淘自主研發(fā)的ACDS(Ali Cloud Data Service)SDK，實(shí)現(xiàn)端側(cè)數(shù)據(jù)讀取、云端同步、數(shù)據(jù)融合及遠(yuǎn)程過程調(diào)用的透明化服務(wù)，極大降低客戶端處理復(fù)雜度，提升開發(fā)效率。會(huì)場(chǎng)框架同時(shí)借助云端控制策略，實(shí)現(xiàn)云推送和端拉取兩種模式靈活切換。大致流程如下：
上述模塊能力基礎(chǔ)之上，考慮大促活動(dòng)的造勢(shì)、預(yù)熱、正式、結(jié)束整體生命周期，運(yùn)營所需的頁面/模塊定時(shí)或?qū)崟r(shí)切換能力，需在框架層面對(duì)會(huì)場(chǎng)全局URL攔截策略進(jìn)行統(tǒng)一管控、實(shí)時(shí)調(diào)配。針對(duì)此類特性，會(huì)場(chǎng)框架采用自定義攔截規(guī)則，基于云端控制下發(fā)url策略的方式，支持不同時(shí)段、不同目標(biāo)請(qǐng)求被監(jiān)控并攔截至?xí)?chǎng)框架內(nèi)對(duì)應(yīng)TAB處理，并可根據(jù)不同大促和目標(biāo)地址按需配置?；跁r(shí)間的攔截規(guī)則整體處理流程如下:
{zh1}，個(gè)性化場(chǎng)景下，當(dāng)上億用戶基于攔截規(guī)則進(jìn)入對(duì)應(yīng)訪問頁面時(shí)，還需按業(yè)務(wù)策略將整體流量與頁面各資源和內(nèi)容進(jìn)行靈活配比，即能嚴(yán)格保障業(yè)務(wù)在流量比例和總量的需求，又要保障用戶始終能看到適合的商品/營銷內(nèi)容并更{gx}完成轉(zhuǎn)化。為此，首先來看下所謂的個(gè)性化內(nèi)容區(qū)域：
其中幾個(gè)主要概念：圖中的男裝表示是一個(gè)樓層，一個(gè)樓層有7個(gè)坑位。千人千面(個(gè)性化)就是針對(duì)不同用戶，按其偏好結(jié)合大數(shù)據(jù)預(yù)測(cè)，分別展示不同內(nèi)容和樓層順序。因此，對(duì)不同用戶，同一資源位下曝光的品牌、店鋪、商品、賣點(diǎn)信息均可能不同，且展示的圖片素材會(huì)針對(duì)用戶偏好組合同一品牌下不同商品和賣點(diǎn)，從而不同用戶看到的同一品牌商品可能不同，甚至同一商品賣點(diǎn)不同。為此，需提前準(zhǔn)備大量素材及原始營銷信息，由算法和大數(shù)據(jù)處理引擎動(dòng)態(tài)處理，后面會(huì)有單獨(dú)章節(jié)相應(yīng)介紹。
在個(gè)性化基礎(chǔ)上，考慮不同樓層的運(yùn)營管控策略，可能個(gè)別樓層針對(duì)部分用戶不輸出個(gè)性內(nèi)容，僅投放運(yùn)營人工填充的固定數(shù)據(jù)，此類數(shù)據(jù)和樓層被稱為非個(gè)性化數(shù)據(jù)?；陟`活性考慮，需能夠針對(duì)不同樓層個(gè)性化進(jìn)行實(shí)時(shí)流量管控，允許對(duì)某樓層的個(gè)性化與非個(gè)性化流量比例進(jìn)行控制；同時(shí)，各樓層順序同樣可設(shè)置是否個(gè)性化以及個(gè)性化排序的比例，從而靈活應(yīng)對(duì)業(yè)務(wù)的多變性和變更穩(wěn)定性。
{zh1}，為進(jìn)一步提高用戶選品效率，提升點(diǎn)擊效果，本次會(huì)場(chǎng)延展實(shí)現(xiàn)了首圖一致性。即用戶在資源位入口看到引導(dǎo)素材(通暢為某個(gè)商品)產(chǎn)生興趣，點(diǎn)擊進(jìn)入承載頁后，能在該頁面列表內(nèi){dy}時(shí)間看到所點(diǎn)擊的內(nèi)容(基于頁面制作者內(nèi)容推廣和引流策略，對(duì)應(yīng)的商品可能不在首屏)。以此對(duì)用戶點(diǎn)擊轉(zhuǎn)化和選品體驗(yàn)均達(dá)到{zj0}。因此會(huì)場(chǎng)整體個(gè)性化鏈路同步實(shí)現(xiàn)了下一跳承接頁對(duì)應(yīng)此前入口的首圖一致處理。
http://
http://
http://./
http:///kecheng/
http:///article/59524738.html
http:///school/vmio.shtml
http:///html/2013/74/201374214737589859.shtml
http:///course/2012/06/20120628093050628689.shtml
