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的策劃。
樂視視頻3.0茬腿,我們期望它是從內(nèi)到外的一次徹底的重生呼奢。一個好的產(chǎn)品,就像一個人滓彰,它應(yīng)該有一眼就能看到的外在美,也有細(xì)細(xì)品味才能感受到的內(nèi)在美州袒。重生揭绑,不僅是換個界面,不僅是修修補補,它是一個產(chǎn)品從最內(nèi)在的戰(zhàn)略層面一直到最外在的視覺層面的一次變革他匪,一次可以擔(dān)當(dāng)把版本號從2變成3的一次變革菇存。
不同于每個人都可以談?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)品的不同層次沾凄。
產(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ā)。
從這張圖完全可以看到公司的戰(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)雅的妨蛹、革命性的視覺和交互體驗屏富。
而今,這項規(guī)范已經(jīng)在國際上非常普及蛙卤,大量的APP采用了Material Design的設(shè)計規(guī)范狠半,在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护奈。
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)品上的頁面切換動畫)的效果吃粒。
通過共享元素切換技術(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交互標(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)的推薦顽耳。