550天,200多位工作人員,上百次的版本迭代。這次,芒果TV產(chǎn)品技術(shù)中心的程序員們自己應(yīng)該也沒(méi)有料到,從芒果TV APP 6.0到7.0的這一大步,工程量如此浩大。
而178項(xiàng)專(zhuān)利技術(shù),超過(guò)2000項(xiàng)的優(yōu)化和創(chuàng)新,從視覺(jué)、產(chǎn)品、算法、架構(gòu)到信息安全的全方位更新,這份芒果TV APP 7.0最終交出的答卷,為自己標(biāo)注了一個(gè)里程碑一般的記號(hào)。
在“遇山開(kāi)路、遇水架橋”的努力之后,芒果TV 7.0都迎來(lái)了哪些改變?沒(méi)有誰(shuí)比這些親歷者更適合回答這個(gè)問(wèn)題了。
看得見(jiàn)的
很多人會(huì)有疑問(wèn),一個(gè)視頻平臺(tái),除了提供好內(nèi)容,還需要完成什么?
芒果TV用戶(hù)體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)負(fù)責(zé)人高嵩可能會(huì)第一個(gè)站出來(lái)反對(duì)這個(gè)預(yù)設(shè)。芒果TV 7.0版本,對(duì)于絕大部分普通用戶(hù)來(lái)說(shuō),可能是一種模糊的“好像變了,又沒(méi)完全變”的感覺(jué)——一些類(lèi)似極光的動(dòng)態(tài)背景替代了原有的直愣愣的背景底板,成為芒果TV 7.0的第一印象;幾個(gè)形態(tài)各異的芒果崽會(huì)在不同的場(chǎng)景中跳出來(lái),突然給你“萌”一下子;界面中不同模塊之間仿佛更“疏朗”了一些,不像原來(lái)那么“實(shí)心”……
雖然這些元素很容易被忽略,但“不打擾”,正是這一次視覺(jué)設(shè)計(jì)改版的重要原則之一。高嵩說(shuō),最大的困難,不是別的,就是既要滿(mǎn)足公司日益增長(zhǎng)的業(yè)務(wù)模塊的展示,又要在設(shè)計(jì)上保持簡(jiǎn)潔與克制。
“全新的設(shè)計(jì)語(yǔ)言,全新的設(shè)計(jì)標(biāo)準(zhǔn)”
于是一套新的規(guī)則被建立起來(lái)。高嵩和同事們悄悄拆掉了原來(lái)版面中的一些“點(diǎn)、線、面”,讓整個(gè)界面敞開(kāi)。沒(méi)有了這些細(xì)碎的干擾要素,高嵩說(shuō),這叫做“減少視覺(jué)噪音”。圓角度和間距被安排了固定的數(shù)值,仿佛中國(guó)古建筑中成比例的模數(shù)制一樣,帶來(lái)秩序所創(chuàng)造的美觀。
唯一打破整個(gè)界面平衡的,是首屏左側(cè)的一個(gè)半隱藏小按鈕。負(fù)責(zé)產(chǎn)品策劃的黃薇,管這個(gè)按鈕叫“任意門(mén)”,它通往這次更新的一個(gè)重要?jiǎng)?chuàng)新產(chǎn)品——“聚寶盆”。
這是一個(gè)芒果生態(tài)鏈各項(xiàng)非視頻業(yè)務(wù)的聚合運(yùn)營(yíng)專(zhuān)區(qū),小芒、Mcity、小說(shuō)等因此擁有了在芒果TV APP上精細(xì)化運(yùn)營(yíng)的空間。而任意進(jìn)入,也能任意走出。黃薇說(shuō),在不打擾用戶(hù)的核心視聽(tīng)需求之外,這樣一個(gè)接口和板塊,讓“聚寶盆”的轉(zhuǎn)化效率相比之前的生硬導(dǎo)流,提升了十倍以上。
而要被“看見(jiàn)”的,一定不僅僅只有界面。
作為內(nèi)容「容器」的播放器,在這次更新中交出了一份兩頭兼顧的解決方案——500毫秒級(jí)別的起播時(shí)間,帶來(lái)無(wú)延遲與卡頓的“無(wú)招勝有招”式的絲滑感;HDR效果和全景聲的全面應(yīng)用,是聲畫(huà)體驗(yàn)的“王炸牌”。
負(fù)責(zé)播放體驗(yàn)板塊的陳小波說(shuō),這次更新,一邊是UI交互、拉流、解析、音視頻解碼、音視頻渲染等起播流程的全面優(yōu)化,去實(shí)現(xiàn)無(wú)卡頓的起播體驗(yàn)。另一方面,是基于中國(guó)自主的行業(yè)編碼格式,為HDR與全景聲的軟件端渲染實(shí)現(xiàn)最好的效果。
“現(xiàn)在只要設(shè)備滿(mǎn)足,在芒果TV 7.0小屏上也能實(shí)現(xiàn)最頂級(jí)的視聽(tīng)?!?/span>
而有時(shí)候,技術(shù)與產(chǎn)品相結(jié)合的妙處在于,環(huán)環(huán)相扣會(huì)讓不同板塊的業(yè)務(wù)也享有意想不到的利好——播控的優(yōu)化,在事實(shí)上提升了這次新推出的創(chuàng)新社交產(chǎn)品芒芒·一起看的體驗(yàn)。
這是一個(gè)對(duì)同頻觀看視頻內(nèi)容的用戶(hù)進(jìn)行匹配,幫助有即時(shí)社交需求的用戶(hù)通過(guò)視頻連麥等方式實(shí)現(xiàn)交流的產(chǎn)品。負(fù)責(zé)人胡奕涵表示,看視頻和連麥,對(duì)應(yīng)的是視頻流和直播流,兩種邏輯要兼顧起來(lái)并不容易,所以播放體驗(yàn)的技術(shù)優(yōu)化,對(duì)他們來(lái)說(shuō)也是保證產(chǎn)品體驗(yàn)的重要基礎(chǔ)。
胡奕涵說(shuō),對(duì)于一個(gè)還在初創(chuàng)期的產(chǎn)品來(lái)說(shuō),體驗(yàn)當(dāng)然是最最重要的要素之一,“要是總匹配不上,或者總在卡頓,誰(shuí)還會(huì)有興趣使用這個(gè)功能?”
看不見(jiàn)的
而要實(shí)現(xiàn)以上所有突破和創(chuàng)新,很難被普通用戶(hù)所看見(jiàn)的“架構(gòu)團(tuán)隊(duì)”,需要來(lái)到臺(tái)前。
此次負(fù)責(zé)架構(gòu)優(yōu)化的羅葉飛說(shuō),如果芒果TV是一座房子,產(chǎn)品就是功能不同的房間,設(shè)計(jì)是軟裝,而架構(gòu),永遠(yuǎn)是地基和框架。
這次更新,羅葉飛一直在強(qiáng)調(diào)組件化和動(dòng)態(tài)化。組件化滿(mǎn)足的是不同功能模塊之間的解耦。當(dāng)?shù)讓蛹軜?gòu)的組成變成最小塊的“積木”元件,產(chǎn)品功能研發(fā)時(shí)就可以迅速組合復(fù)用,減少重復(fù)勞動(dòng)。在消除了大量臃腫模塊之后,芒果TV的運(yùn)行速度提升了12.4%,安裝包體積下降了21.7%。
“組件化的目的為了這座房子可以更靈活地進(jìn)行調(diào)整與‘裝修’,滿(mǎn)足產(chǎn)品與設(shè)計(jì)的需求?!绷_葉飛說(shuō)。
“組件化讓復(fù)用變得更容易”
動(dòng)態(tài)化則針對(duì)一些“技術(shù)型產(chǎn)品”的開(kāi)發(fā)和使用。
不像to C產(chǎn)品可以直接向用戶(hù)展示更新成果,基礎(chǔ)架構(gòu)團(tuán)隊(duì),提供的更多是供專(zhuān)業(yè)人士使用的、中間狀態(tài)的“工具化產(chǎn)品”。
例如“原生動(dòng)態(tài)渲染引擎”,就是一個(gè)動(dòng)態(tài)化的技術(shù)工具。它對(duì)于產(chǎn)品和設(shè)計(jì)的更新尤其重要。黃薇和高嵩都表示,有了這個(gè)工具,他們對(duì)產(chǎn)品和設(shè)計(jì)的調(diào)整,就能實(shí)時(shí)被用戶(hù)所接收到,而不再需要重新更新一個(gè)APP的版本,這大大降低了產(chǎn)品測(cè)試和收集用戶(hù)使用反饋的門(mén)檻。
羅葉飛說(shuō),這個(gè)產(chǎn)品的一大優(yōu)點(diǎn)就是可供多個(gè)部門(mén)使用,提了開(kāi)發(fā)效率,節(jié)省了大量的人力和時(shí)間。
與此類(lèi)似的,還有“X-Web?性能容器技術(shù)”這樣的“容器”,讓頁(yè)面打開(kāi)速度提升3倍以上,大大緩解了類(lèi)似H5頁(yè)面的卡頓和延時(shí),讓APP的運(yùn)營(yíng)有更多豐富的元素和設(shè)計(jì)。
在芒果TV APP平穩(wěn)運(yùn)行的過(guò)程中,不僅“架構(gòu)”是我們看不見(jiàn)的“中流砥柱”,用戶(hù)信息安全保護(hù)系統(tǒng)同樣是“幕后英雄”。
為了響應(yīng)國(guó)家《個(gè)人信息保護(hù)法》等法律法規(guī),最大程度上保護(hù)用戶(hù)的隱私和數(shù)據(jù)安全。芒果TV在7.0版本的更新中還成立了一支專(zhuān)門(mén)的團(tuán)隊(duì)。作為團(tuán)隊(duì)負(fù)責(zé)人,李亨說(shuō)平日里大家都分散在各個(gè)業(yè)務(wù)小組中,從業(yè)務(wù)的實(shí)際運(yùn)行中來(lái)考慮用戶(hù)隱私和數(shù)據(jù)保護(hù)的問(wèn)題。
在新規(guī)頒布后,除了在自身的工作中遵循“最小必要原則”,李亨還借由此次更新對(duì)大量第三方的合作SDK制定了一種流程化、體系化的準(zhǔn)入機(jī)制和運(yùn)營(yíng)機(jī)制。普通用戶(hù)在使用芒果TV時(shí),可能根本無(wú)從分辨哪些產(chǎn)品是由怎樣的主體來(lái)提供。像李亨和他的同事們制定的規(guī)則和措施,就成了保護(hù)這些用戶(hù)權(quán)益的第一道“門(mén)神”。
留給未來(lái)的
在整個(gè)芒果TV 7.0版本的更新過(guò)程中,開(kāi)放和多元,逐漸成為追求極致視聽(tīng)體驗(yàn)之后的新目標(biāo)。
內(nèi)容的多元更多借由算法的重新分配機(jī)制來(lái)實(shí)現(xiàn)。首頁(yè)的雙feed流顯示重構(gòu)了芒果TV的內(nèi)容顯示邏輯,在增加內(nèi)容容量的基礎(chǔ)上,也實(shí)現(xiàn)了“千人千面”展示;AI自動(dòng)生成的多個(gè)視頻封面,則提供了更多內(nèi)容與用戶(hù)之間的觸點(diǎn)。這些技術(shù)驅(qū)動(dòng)的舉措,使得平臺(tái)最看重的用戶(hù)CTR實(shí)現(xiàn)了不同程度的提升。
開(kāi)放,則更多指向了芒果生態(tài)自身的豐富。“聚寶盆”為芒果生態(tài)鏈上的其他業(yè)務(wù)提供了分享主站資源、用戶(hù)與流量的機(jī)會(huì),上文提到的芒芒這樣的產(chǎn)品則直接為缺少用戶(hù)互動(dòng)的視頻平臺(tái)增加了社交的功能。
連麥并不稀奇,但是完全基于內(nèi)容的興趣社交產(chǎn)品,實(shí)現(xiàn)5秒內(nèi)95%的匹配成功率,芒芒還是值得驚嘆。這樣的社交產(chǎn)品像一條“鯰魚(yú)”,在聚集了超年輕一代的用戶(hù)之后,打破了內(nèi)容平臺(tái)與用戶(hù)交互的單一性,也為芒果TV布局未來(lái)。
負(fù)責(zé)統(tǒng)籌此次更新項(xiàng)目的芒果TV產(chǎn)品技術(shù)中心的高級(jí)總監(jiān)張斌說(shuō),從9月內(nèi)測(cè)到正式發(fā)布,芒果TV 7.0的用戶(hù)平均評(píng)分達(dá)到4.5以上,CTR比上一個(gè)版本提升了50%。而產(chǎn)品技術(shù)中心副總經(jīng)理、芒果TV7.0項(xiàng)目的總負(fù)責(zé)人劉蕓江,則用“一次非常重要的里程碑”來(lái)評(píng)價(jià)芒果TV 7.0。
一個(gè)越來(lái)越龐大的芒果生態(tài)需要持續(xù)優(yōu)化的系統(tǒng)架構(gòu),以及高效的、支持快速孵化新應(yīng)用的開(kāi)發(fā)效能。這兩點(diǎn),也正是產(chǎn)品技術(shù)中心總經(jīng)理盧海波對(duì)團(tuán)隊(duì)未來(lái)的規(guī)劃方向?!耙环矫孀龈鼜?qiáng)大的基建,另一方面成立越來(lái)越多的創(chuàng)新組織。在傳統(tǒng)內(nèi)容運(yùn)營(yíng)之外,通過(guò)產(chǎn)品技術(shù)驅(qū)動(dòng)去開(kāi)辟未來(lái)的業(yè)務(wù)?!?/span>
正如他們所說(shuō)的那樣,這場(chǎng)「大考」的成功完成,源自于所有人的投入,但創(chuàng)新和優(yōu)化是無(wú)止境的。從來(lái)沒(méi)有“畢其功于一役”的一蹴而就,只有“不積跬步無(wú)以至千里”的行以致遠(yuǎn)。
芒果TV 7.0帶來(lái)的成就感已告一段落,“小步快跑”式的更新與發(fā)版已經(jīng)再次嵌入日常工作。百尺竿頭,這群產(chǎn)品技術(shù)人永遠(yuǎn)能再進(jìn)一步。
- QQ:61149512