樂視視頻3.0設(shè)想

1.引言

1.1 背景

兩年來蜈出,用戶和我們每天都會看到這張歡迎圖秩伞,樂視網(wǎng)TV版2.5毫無疑問取得了很多成績∮跛牛現(xiàn)在饮睬,TV2.5已經(jīng)迭代到了2.9.13版本,漸漸地它也暴露出越來越多的問題篮奄。萬事萬物發(fā)展日新月異捆愁,我們兩年前的架構(gòu),已經(jīng)很難支撐起未來的設(shè)想窟却,在現(xiàn)有的基礎(chǔ)上修修補補已經(jīng)無法解決積累已久的問題昼丑。就像老鷹挫骨斷筋而新生,鳳凰燃盡自我而涅槃夸赫,在TV2.5發(fā)展到2.9這個版本的契機菩帝,我們提出了樂視視頻3.0的策劃。

Tv2.5歡迎頁

樂視視頻3.0茬腿,我們期望它是從內(nèi)到外的一次徹底的重生呼奢。一個好的產(chǎn)品,就像一個人滓彰,它應(yīng)該有一眼就能看到的外在美,也有細(xì)細(xì)品味才能感受到的內(nèi)在美州袒。重生揭绑,不僅是換個界面,不僅是修修補補,它是一個產(chǎn)品從最內(nèi)在的戰(zhàn)略層面一直到最外在的視覺層面的一次變革他匪,一次可以擔(dān)當(dāng)把版本號從2變成3的一次變革菇存。

le reborn

不同于每個人都可以談?wù)撆u的好用或者不好用這種感性思維,一個產(chǎn)品的設(shè)計必然是從上而下的理性推導(dǎo)過程邦蜜,下面我們將從科學(xué)的體驗要素理論出發(fā)依鸥,分層次介紹我們對于3.0的規(guī)劃。

1.2附件

思路:

交互: ?

視覺:

apk demo:http://v.youku.com/v_show/id_XMTU0ODc5NjE5Mg==.html


2.體驗要素理論鋪墊

關(guān)于3.0的想法悼沈,我們進(jìn)行了大量的調(diào)研和采訪贱迟,對于一個簡單的問題“你心目中的3.0是什么樣子的”,很多人給出了各種各樣的回答絮供,有人說2.5的UI風(fēng)格太過時了希望3.0顏值夠高衣吠,有人說要更加流暢,有人說希望3.0有追劇日歷等功能壤靶,有人說希望片子更全更好找缚俏,也有很多人說不出123只是說希望3.0更加好用;我們也和很多職業(yè)產(chǎn)品人進(jìn)行溝通和討論贮乳,其中有人說要做扁平化忧换,有人說要做角色和分級,有人說要做全球化和平臺化向拆。沒錯亚茬,這些都是大家的idea,他們站在不同的角度亲铡,用比較感性的思維方式才写,表達(dá)了自己的觀點。

我們無法從眾說紛紜的想法中找一個點入手奖蔓,但是經(jīng)過梳理赞草,我們會明顯感覺到,不同的idea有不同的層次吆鹤。這個新產(chǎn)品的設(shè)計厨疙,必定是自上而下的非常理性的推導(dǎo)過程。下面請看一個視頻疑务,用來幫助我們理解產(chǎn)品的不同層次沾凄。


用體驗要素理論分析錘子rom


用戶體驗要素圖解

產(chǎn)品千變?nèi)f化,想法天馬行空知允,但是都會遵循他們的本質(zhì)撒蟀。體驗要素理論是一種設(shè)計產(chǎn)品的方法論,它幫助我們從紛繁凌亂的思路中理清脈絡(luò)温鸽,做出合適的決策保屯。對于3.0重生的設(shè)計手负,也是基于這個理論。重生姑尺,不僅是換個界面竟终,不僅是修修補補,它是一個產(chǎn)品從最內(nèi)在的戰(zhàn)略層面一直到最外在的視覺層面的一次變革切蟋。

3.戰(zhàn)略層

之前總結(jié)過统捶,TV2.5我們主要的精力投入在于用戶相關(guān)(主要是商業(yè)化嘗試)和內(nèi)容分發(fā)。

TV2.5戰(zhàn)略分布

從這張圖完全可以看到公司的戰(zhàn)略方向柄粹。今天我們也一直在談全球化喘鸟、平臺化和商業(yè)化,全球化和平臺化依然是歸屬于內(nèi)容分發(fā)的戰(zhàn)略镰惦,而商業(yè)化的戰(zhàn)略則是一直非常強調(diào)(畢竟需要盈利需要賺錢)迷守。

隨著這些戰(zhàn)略的執(zhí)行,我們漸漸遇到很多問題旺入,內(nèi)容分發(fā)和商業(yè)化過多的排擠了我們對于體驗的雕琢兑凿。我們背著巨大的包袱,在這條路上越走越遠(yuǎn)時茵瘾,卻難以再安靜下來去思考產(chǎn)品本身礼华。

我們希望有一種優(yōu)雅的賺錢方法,一種優(yōu)雅的商業(yè)模式拗秘,最終得出一句最簡單的話圣絮,做好產(chǎn)品,自然能賺錢雕旨,創(chuàng)造價值扮匠,自然能賺錢。

TV3.0必然會從戰(zhàn)略層出發(fā)凡涩,我們在注重全球化和商業(yè)化的同時棒搜,會把體驗放在一個同樣重要的位置。

注重體驗和全球化活箕、商業(yè)化從來不是沖突的力麸,后面的論述會表明,我們每個層面的體驗提升育韩,都同時對全球化和商業(yè)化產(chǎn)生大幅度的助力克蚂。

世界發(fā)展迅速,我們兩年前做的2.5的架構(gòu)筋讨,已經(jīng)無法滿足我們?nèi)蚧0取⑸虡I(yè)化和重體驗的新戰(zhàn)略。3.0將是各個層面都重獲新生的版本悉罕,將是我們團(tuán)隊做產(chǎn)品能力大幅度進(jìn)步的版本赤屋。

針對不同層面误墓,我們提出了4S目標(biāo),Simple益缎,Spotlight,Smooth和Smart然想。

4.視覺層simple(極簡)

視覺表現(xiàn)層是最直接給用戶感知的層面莺奔。

2014年,伴隨Android 5.0發(fā)布变泄,google推出了全新的設(shè)計規(guī)范Material Design令哟,旨在為多屏終端提供一致的、優(yōu)雅的妨蛹、革命性的視覺和交互體驗屏富。


Material Design 官方介紹視頻

而今,這項規(guī)范已經(jīng)在國際上非常普及蛙卤,大量的APP采用了Material Design的設(shè)計規(guī)范狠半,在Android TV上尤其如此,此處以youtube 的Android TV版本為例颤难,視頻如下神年。


youtube Android TV版本

目前TV2.5和Android TV在視覺風(fēng)格上相差過大,為了適應(yīng)國際化的需求行嗤,樂視視頻有必要采用更加符合國際規(guī)范的設(shè)計標(biāo)準(zhǔn)已日,同時,Material Design也非常符合我們多屏一致的要求栅屏,自身也是一款非常優(yōu)秀的設(shè)計標(biāo)準(zhǔn)飘千,3.0如果在視覺上采用Material Design的設(shè)計標(biāo)準(zhǔn),那將是其在視覺表現(xiàn)層的一次驚艷的重生栈雳。

我們已經(jīng)制作了幾個主要頁面的MD風(fēng)格視覺demo护奈。


demo

5.框架層spotlight(聚焦)


6.結(jié)構(gòu)層smooth(流暢、動感甫恩、扁平)

在用戶調(diào)研的結(jié)果中逆济,我們了解到,用戶反饋最多的問題:1磺箕,內(nèi)容不全或者不好找奖慌;2,使用卡頓不流暢松靡。第一個問題简僧,我們會在后面的層面解決,第二個問題雕欺,我們要在3.0帶來更加流暢優(yōu)雅的交互體驗岛马。

6.1流暢

TV2.5現(xiàn)在存在著很多的卡頓棉姐,不僅是播放,每個地方的操作都尚未達(dá)到Android TV中無比流暢優(yōu)雅的標(biāo)準(zhǔn)啦逆,在很多老設(shè)備上更是卡頓明顯伞矩。以歡迎頁進(jìn)入主頁為例,我們每次進(jìn)入首頁是這樣子的:

卡頓和彈窗

我們看到夏志,loading圈幾乎不轉(zhuǎn)乃坤,頁面加載生硬、卡頓沟蔑,還有時不時就出現(xiàn)的彈窗湿诊,這些都對樂視視頻的交互帶來了不舒服的體驗。

對比下Android TV上的體驗瘦材,我們能夠明顯感受到差距厅须。

//TODO 待插入Android TV的體驗錄屏

運行流暢、響應(yīng)迅速的交互是非常能給用戶帶來愉快的感覺的食棕,長久以來朗和,我們埋頭于內(nèi)容分發(fā)和商業(yè)化,沒有精力去做太多技術(shù)上的優(yōu)化簿晓。在樂視視頻3.0中例隆,我們將在技術(shù)優(yōu)化上發(fā)力,同時抢蚀,得益于新版本的Android帶來的recyclerview等新控件和新技術(shù)镀层,我們會更加容易做出流暢的體驗。

6.2動感

交互不流暢皿曲,不只是技術(shù)原因唱逢,現(xiàn)存的很多設(shè)計,本身就是生硬的屋休,例如頁面之間生硬切換坞古,元素生硬的進(jìn)入退出,總之劫樟,大量的靜態(tài)元素生硬過渡痪枫。在樂視視頻3.0中,我們計劃采用完全動感的叠艳、流暢的交互設(shè)計奶陈,讓樂視視頻動起來。

以前我們的聚合頁到詳情頁是這樣切換的

//TODO 待補充以前的樣子

得益于Android 5.0提供的Shared Element Transition(共享元素切換)技術(shù)附较,我們把頁面切換做出了神奇移動(一種大量運用在蘋果產(chǎn)品上的頁面切換動畫)的效果吃粒。

Shared Element Transition

通過共享元素切換技術(shù),我們?yōu)閮蓚€頁面之間共享的元素(例如上圖中聚合頁選中條目的圖片和詳情頁簡介的圖片)添加了平滑的關(guān)鍵幀動畫拒课,讓頁面切換不再是生硬的過渡徐勃,從視覺和思維上都保持了連貫性事示。


6.3扁平

樂視視頻2.5被反饋最多的問題是內(nèi)容不足或者不容易找到。如果某個影片確實沒有僻肖,這個屬于內(nèi)容建設(shè)的工作肖爵,此處不討論,但其實我們還是有很龐大的內(nèi)容庫臀脏,影片不容易找到遏匆,跟交互設(shè)計的層級多、復(fù)雜度高密切相關(guān)谁榜。

我們發(fā)現(xiàn)無論是搜索影片還是切換頻道等關(guān)鍵操作的路徑都過長。

我們致力于幫助用戶最快得達(dá)到他們想要的地方凡纳,因此窃植,我們參照google推薦的規(guī)范,設(shè)計了全新的導(dǎo)航方式荐糜。

google 推薦的Android TV app導(dǎo)航規(guī)范

Google的Android TV交互標(biāo)準(zhǔn)大大提高了導(dǎo)航的效率巷怜,也非常符合前面說的聚焦原則。

7.范圍層smart(分眾暴氏、智能延塑、自定義)

從視覺層到框架層到結(jié)構(gòu)層,我們正在一步步從淺入深從外到內(nèi)去考慮樂視視頻3.0答渔。相比于前面都是用戶更容易看到的層面关带,我們正在越來越接近一款產(chǎn)品的靈魂。

一直以來沼撕,TV2.5給任何用戶呈現(xiàn)的都是一模一樣的宋雏,甚至是推薦也都是一模一樣的,一千萬人眼中也只有一個TV2.5务豺。

電視是一個用戶相關(guān)性相當(dāng)強的場景磨总,不同的用戶不同的角色有著千差萬別的偏好。目前笼沥,我們鋪滿屏幕的標(biāo)簽蚪燕、類別和影片中,每個用戶只會心儀其中的一小部分奔浅,我們可以用“有效命中率”來代表這件事馆纳。分眾的價值非常明顯,100個用戶里面只有1個肯掏錢汹桦,是完全比不過10個用戶里4個肯掏錢厕诡。

其實,在過去的時間营勤,我們已經(jīng)意識到了分眾的重要性灵嫌,我們在戰(zhàn)略級別的高度提出了“樂視兒童”這個項目壹罚,我們最近也在推行用于精準(zhǔn)商業(yè)化投放的“觸達(dá)體系”

對于會員用戶來講寿羞,由于他關(guān)注的內(nèi)容只是全部內(nèi)容的一小部分猖凛,他不關(guān)注的卻一直充斥在眼前,那這樣的話绪穆,用戶的會員價值感就不夠強烈辨泳。

樂視視頻3.0,將成為一個非尘猎海“smart”的版本菠红,它能夠非常聰明得觸達(dá)用戶的內(nèi)心。如何能做到smart难菌?沒有任何信息元素作為基礎(chǔ)试溯,必然是盲目,所以郊酒,我們需要多個維度的信息幫助我們做到“smart”遇绞。這些維度包括角色(極其重要)、偏好設(shè)置燎窘、歷史記錄等等摹闽。

//TODO 畫對比圖,一個盲目褐健,一個基于很多元素

7.1角色系統(tǒng)

前面說了付鹿,公司把樂視兒童放到了很高的戰(zhàn)略層面,這是分眾策略的一個具體表現(xiàn)蚜迅。兒童倘屹,是電視家庭用戶中一個非常重要的角色,當(dāng)然慢叨,電視的用戶中不止有兒童這個角色纽匙,還有老人、爸爸拍谐、媽媽等角色烛缔,也可以自定義角色。

目前轩拨,NetFlix已經(jīng)支持角色系統(tǒng)践瓷。

我們設(shè)計了大致的角色選擇頁面作為參考,如下圖:

角色選擇

角色本身已經(jīng)為我們提供了一個極其重要的信息亡蓉,不同的角色傳達(dá)著他們天生帶有的偏好屬性晕翠,是我們做分眾的重要依據(jù)。同時,我們還允許每個角色設(shè)定他們的偏好和口味淋肾。

7.2自定義

以頻道墻為例硫麻,在TV2.5里面,用戶需要被動得接受所有的內(nèi)容樊卓,無論他是不是喜歡拿愧。對于某個用戶,頻道墻里有XX個頻道碌尔,但數(shù)據(jù)顯示除了某幾個頻道浇辜,其他頻道幾乎完全不看,而這些頻道卻長期占據(jù)重要的位置唾戚。有的用戶喜歡某個頻道柳洋,而這個頻道可能再比較靠后的位置,那么這個用戶就不得不每次費大力氣找到自己喜歡的頻道叹坦。

依然是遵循聚焦的原則熊镣,樂視視頻3.0中,我們會在重要的位置支持用戶的自定義功能。在主頁的側(cè)邊欄導(dǎo)航里序厉,用戶可以增加或者刪除制定的欄目锐膜,可以調(diào)整順序。


7.3智能推薦

我們的運營弛房,一直以來是官方讓用戶看到什么道盏,他們就只能看到什么,現(xiàn)在文捶,我們希望做到荷逞,用戶想看什么,我們就能給他看什么粹排。

得益于前面的角色种远、偏好和自定義等功能提供的信息,我們可以做到精準(zhǔn)的推薦顽耳。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末坠敷,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子射富,更是在濱河造成了極大的恐慌膝迎,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胰耗,死亡現(xiàn)場離奇詭異限次,居然都是意外死亡,警方通過查閱死者的電腦和手機柴灯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門卖漫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來费尽,“玉大人,你說我怎么就攤上這事懊亡∫绬” “怎么了?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵店枣,是天一觀的道長速警。 經(jīng)常有香客問我,道長鸯两,這世上最難降的妖魔是什么闷旧? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮钧唐,結(jié)果婚禮上忙灼,老公的妹妹穿的比我還像新娘。我一直安慰自己钝侠,他們只是感情好该园,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帅韧,像睡著了一般里初。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上忽舟,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天双妨,我揣著相機與錄音,去河邊找鬼叮阅。 笑死刁品,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的浩姥。 我是一名探鬼主播挑随,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼勒叠!你這毒婦竟也來了镀裤?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤缴饭,失蹤者是張志新(化名)和其女友劉穎暑劝,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颗搂,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡担猛,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片傅联。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡先改,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出蒸走,到底是詐尸還是另有隱情仇奶,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布比驻,位于F島的核電站该溯,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏别惦。R本人自食惡果不足惜狈茉,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望掸掸。 院中可真熱鬧氯庆,春花似錦、人聲如沸扰付。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽羽莺。三九已至实昨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間禽翼,已是汗流浹背屠橄。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工族跛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留闰挡,地道東北人。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓礁哄,卻偏偏與公主長得像长酗,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子桐绒,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,077評論 25 707
  • 一 前言 本文試圖通過對云圖TV的版本迭代歷程分析夺脾、用戶分析、功能分析茉继、以及數(shù)據(jù)表現(xiàn)來回答一下幾個問題: (1)云...
    再金閱讀 2,527評論 0 8
  • 牧塵望著手中的竹簽咧叭,在那簽面之上,標(biāo)寫著一個“一”的數(shù)字烁竭,然后他便是將竹簽舉了起來菲茬,其他人見狀,也是陸續(xù)的舉起竹簽...
    混沌天書閱讀 218評論 0 0
  • 最近睬魂,知乎上的00后們成立個組織,叫“假裝萬能組”镀赌,引起不少人關(guān)注氯哮。 當(dāng)我看著多數(shù)人都在表達(dá)“你們根本沒實力”、“...
    簡淺Jian閱讀 566評論 0 2
  • 二姐說商佛,坐出租車到雕像下車喉钢,在雕像朝向的左方直走就可到小雨點了。 這是我第一次去眉山威彰,也是我第一次一個人出遠(yuǎn)門出牧。聽...
    溪橋路轉(zhuǎn)閱讀 239評論 0 0