芒果TV7.0:推開(kāi)“任意門”,發(fā)現(xiàn)“聚寶盆”,“一起看”視頻不走神
550天,200多位工作人員,上百次的版本迭代。這次,芒果TV產(chǎn)品技術(shù)中心的程序員們自己應(yīng)該也沒(méi)有料到,從芒果TV APP 6.0到7.0的這一大步,工程量如此浩大。而178項(xiàng)專利技術(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)了
2022-01-07 13:08:58
來(lái)源:釘科技??

550天,200多位工作人員,上百次的版本迭代。這次,芒果TV產(chǎn)品技術(shù)中心的程序員們自己應(yīng)該也沒(méi)有料到,從芒果TV APP 6.0到7.0的這一大步,工程量如此浩大。

而178項(xiàng)專利技術(shù),超過(guò)2000項(xiàng)的優(yōu)化和創(chuàng)新,從視覺(jué)、產(chǎn)品、算法、架構(gòu)到信息安全的全方位更新,這份芒果TV APP 7.0最終交出的答卷,為自己標(biāo)注了一個(gè)里程碑一般的記號(hào)。

1.jpg

在“遇山開(kāi)路、遇水架橋”的努力之后,芒果TV 7.0都迎來(lái)了哪些改變?沒(méi)有誰(shuí)比這些親歷者更適合回答這個(gè)問(wèn)題了。

看得見(jiàn)的

很多人會(huì)有疑問(wèn),一個(gè)視頻平臺(tái),除了提供好內(nèi)容,還需要完成什么?

芒果TV用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)負(fù)責(zé)人高嵩可能會(huì)第一個(gè)站出來(lái)反對(duì)這個(gè)預(yù)設(shè)。芒果TV 7.0版本,對(duì)于絕大部分普通用戶來(lái)說(shuō),可能是一種模糊的“好像變了,又沒(méi)完全變”的感覺(jué)——一些類似極光的動(dòng)態(tài)背景替代了原有的直愣愣的背景底板,成為芒果TV 7.0的第一印象;幾個(gè)形態(tài)各異的芒果崽會(huì)在不同的場(chǎng)景中跳出來(lái),突然給你“萌”一下子;界面中不同模塊之間仿佛更“疏朗”了一些,不像原來(lái)那么“實(shí)心”……

雖然這些元素很容易被忽略,但“不打擾”,正是這一次視覺(jué)設(shè)計(jì)改版的重要原則之一。高嵩說(shuō),最大的困難,不是別的,就是既要滿足公司日益增長(zhǎng)的業(yè)務(wù)模塊的展示,又要在設(shè)計(jì)上保持簡(jiǎn)潔與克制。

2.jpg

“全新的設(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è)按鈕叫“任意門”,它通往這次更新的一個(gè)重要?jiǎng)?chuàng)新產(chǎn)品——“聚寶盆”。

這是一個(gè)芒果生態(tài)鏈各項(xiàng)非視頻業(yè)務(wù)的聚合運(yùn)營(yíng)專區(qū),小芒、Mcity、小說(shuō)等因此擁有了在芒果TV APP上精細(xì)化運(yùn)營(yíng)的空間。而任意進(jìn)入,也能任意走出。黃薇說(shuō),在不打擾用戶的核心視聽(tīng)需求之外,這樣一個(gè)接口和板塊,讓“聚寶盆”的轉(zhuǎn)化效率相比之前的生硬導(dǎo)流,提升了十倍以上。

3.jpg

而要被“看見(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è)備滿足,在芒果TV 7.0小屏上也能實(shí)現(xiàn)最頂級(jí)的視聽(tīng)?!?/span>

4.jpg

而有時(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)容的用戶進(jìn)行匹配,幫助有即時(shí)社交需求的用戶通過(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ǔ)。

5.jpg

胡奕涵說(shuō),對(duì)于一個(gè)還在初創(chuàng)期的產(chǎn)品來(lái)說(shuō),體驗(yàn)當(dāng)然是最最重要的要素之一,“要是總匹配不上,或者總在卡頓,誰(shuí)還會(huì)有興趣使用這個(gè)功能?”

看不見(jiàn)的

而要實(shí)現(xiàn)以上所有突破和創(chuàng)新,很難被普通用戶所看見(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)化。組件化滿足的是不同功能模塊之間的解耦。當(dāng)?shù)讓蛹軜?gòu)的組成變成最小塊的“積木”元件,產(chǎn)品功能研發(fā)時(shí)就可以迅速組合復(fù)用,減少重復(fù)勞動(dòng)。在消除了大量臃腫模塊之后,芒果TV的運(yùn)行速度提升了12.4%,安裝包體積下降了21.7%。

“組件化的目的為了這座房子可以更靈活地進(jìn)行調(diào)整與‘裝修’,滿足產(chǎn)品與設(shè)計(jì)的需求。”羅葉飛說(shuō)。

6.jpg

“組件化讓復(fù)用變得更容易”

動(dòng)態(tài)化則針對(duì)一些“技術(shù)型產(chǎn)品”的開(kāi)發(fā)和使用。

不像to C產(chǎn)品可以直接向用戶展示更新成果,基礎(chǔ)架構(gòu)團(tuán)隊(duì),提供的更多是供專業(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í)被用戶所接收到,而不再需要重新更新一個(gè)APP的版本,這大大降低了產(chǎn)品測(cè)試和收集用戶使用反饋的門檻。

羅葉飛說(shuō),這個(gè)產(chǎn)品的一大優(yōu)點(diǎn)就是可供多個(gè)部門使用,提了開(kāi)發(fā)效率,節(jié)省了大量的人力和時(shí)間。

與此類似的,還有“X-Web?性能容器技術(shù)”這樣的“容器”,讓頁(yè)面打開(kāi)速度提升3倍以上,大大緩解了類似H5頁(yè)面的卡頓和延時(shí),讓APP的運(yùn)營(yíng)有更多豐富的元素和設(shè)計(jì)。

在芒果TV APP平穩(wěn)運(yùn)行的過(guò)程中,不僅“架構(gòu)”是我們看不見(jiàn)的“中流砥柱”,用戶信息安全保護(hù)系統(tǒng)同樣是“幕后英雄”。

為了響應(yīng)國(guó)家《個(gè)人信息保護(hù)法》等法律法規(guī),最大程度上保護(hù)用戶的隱私和數(shù)據(jù)安全。芒果TV在7.0版本的更新中還成立了一支專門的團(tuán)隊(duì)。作為團(tuán)隊(duì)負(fù)責(zé)人,李亨說(shuō)平日里大家都分散在各個(gè)業(yè)務(wù)小組中,從業(yè)務(wù)的實(shí)際運(yùn)行中來(lái)考慮用戶隱私和數(shù)據(jù)保護(hù)的問(wèn)題。

在新規(guī)頒布后,除了在自身的工作中遵循“最小必要原則”,李亨還借由此次更新對(duì)大量第三方的合作SDK制定了一種流程化、體系化的準(zhǔn)入機(jī)制和運(yùn)營(yíng)機(jī)制。普通用戶在使用芒果TV時(shí),可能根本無(wú)從分辨哪些產(chǎn)品是由怎樣的主體來(lái)提供。像李亨和他的同事們制定的規(guī)則和措施,就成了保護(hù)這些用戶權(quá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)容與用戶之間的觸點(diǎn)。這些技術(shù)驅(qū)動(dòng)的舉措,使得平臺(tái)最看重的用戶CTR實(shí)現(xiàn)了不同程度的提升。

開(kāi)放,則更多指向了芒果生態(tài)自身的豐富。“聚寶盆”為芒果生態(tài)鏈上的其他業(yè)務(wù)提供了分享主站資源、用戶與流量的機(jī)會(huì),上文提到的芒芒這樣的產(chǎn)品則直接為缺少用戶互動(dòng)的視頻平臺(tái)增加了社交的功能。

7.jpg

連麥并不稀奇,但是完全基于內(nèi)容的興趣社交產(chǎn)品,實(shí)現(xiàn)5秒內(nèi)95%的匹配成功率,芒芒還是值得驚嘆。這樣的社交產(chǎn)品像一條“鯰魚(yú)”,在聚集了超年輕一代的用戶之后,打破了內(nèi)容平臺(tái)與用戶交互的單一性,也為芒果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的用戶平均評(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ù)。”

正如他們所說(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)一步。

原創(chuàng)文章
最新文章
1
打造百吋第一好畫(huà)質(zhì),海信多款黑科技產(chǎn)品亮相電博會(huì)
2
燃爆現(xiàn)場(chǎng) | 和松下一起,住進(jìn)理想舒適家!
3
2024青島跨境電商盛筵:高質(zhì)量對(duì)話引領(lǐng) 出海新航向
4
綠色領(lǐng)航 數(shù)鏈未來(lái) 2024中國(guó)國(guó)際消費(fèi)電子博覽會(huì)開(kāi)幕
5
九號(hào)攜手格林美開(kāi)啟兩輪電動(dòng)車行業(yè)首個(gè)鋰電池回收項(xiàng)目,助力“以舊換新”
6
2024電博會(huì)開(kāi)幕!海爾智家喊你煥新生活
7
ASML業(yè)績(jī)“暴雷”
8
銷量低迷、存量時(shí)代,我國(guó)電視行業(yè)變革的出路在哪里?
9
工信部牽頭支持8K超高清發(fā)展,8K電視行業(yè)依然面臨困難
10
抖音大戰(zhàn)“貓狗”,李佳琦們提前贏下雙11?
11
O+互聯(lián)上架蘋果商店:OPPO手機(jī)也能用上“隔空投送”了?!
12
京東方領(lǐng)軍破局 主流國(guó)產(chǎn)手機(jī)品牌柔性O(shè)LED國(guó)產(chǎn)化率飆升
13
影像技術(shù)巔峰碰撞,兩大國(guó)際巨頭青島“對(duì)壘”
14
搭建合作橋梁 共謀發(fā)展新篇章 2024國(guó)際消費(fèi)電子上市公司企業(yè)家青島行活動(dòng)舉行
15
聚焦2024電博會(huì),探索未來(lái)飛行新世界!
16
超全逛展攻略來(lái)了,一文帶你“玩轉(zhuǎn)”電博會(huì)!
17
以舊換新正當(dāng)時(shí) 2024電博會(huì)全力啟動(dòng),引領(lǐng)綠色消費(fèi)新潮流!
18
探秘2024電博會(huì)機(jī)器人展示區(qū),見(jiàn)證人工智能科技生活奇跡!
19
小折疊屏手機(jī)走向旗艦,以京東方為代表的面板廠商是主要賦能者
20
折疊屏OLED面板變天,京東方引領(lǐng)的中國(guó)軍團(tuán)表現(xiàn)如何?
關(guān)于我們

微信掃一掃,加關(guān)注

商務(wù)合作
  • QQ:61149512