1.引言
1.1 背景
兩年來(lái)，用戶(hù)和我們每天都會(huì)看到這張歡迎圖，樂(lè)視網(wǎng)TV版2.5毫無(wú)疑問(wèn)取得了很多成績(jī)?，F(xiàn)在，TV2.5已經(jīng)迭代到了2.9.13版本，漸漸地它也暴露出越來(lái)越多的問(wèn)題。萬(wàn)事萬(wàn)物發(fā)展日新月異，我們兩年前的架構(gòu)，已經(jīng)很難支撐起未來(lái)的設(shè)想，在現(xiàn)有的基礎(chǔ)上修修補(bǔ)補(bǔ)已經(jīng)無(wú)法解決積累已久的問(wèn)題。就像老鷹挫骨斷筋而新生，鳳凰燃盡自我而涅槃，在TV2.5發(fā)展到2.9這個(gè)版本的契機(jī)，我們提出了樂(lè)視視頻3.0的策劃。
樂(lè)視視頻3.0，我們期望它是從內(nèi)到外的一次徹底的重生。一個(gè)好的產(chǎn)品，就像一個(gè)人，它應(yīng)該有一眼就能看到的外在美，也有細(xì)細(xì)品味才能感受到的內(nèi)在美。重生，不僅是換個(gè)界面，不僅是修修補(bǔ)補(bǔ)，它是一個(gè)產(chǎn)品從最內(nèi)在的戰(zhàn)略層面一直到最外在的視覺(jué)層面的一次變革，一次可以擔(dān)當(dāng)把版本號(hào)從2變成3的一次變革。
不同于每個(gè)人都可以談?wù)撆u(píng)的好用或者不好用這種感性思維，一個(gè)產(chǎn)品的設(shè)計(jì)必然是從上而下的理性推導(dǎo)過(guò)程，下面我們將從科學(xué)的體驗(yàn)要素理論出發(fā)，分層次介紹我們對(duì)于3.0的規(guī)劃。
1.2附件
思路：
交互： ?
視覺(jué)：
apk demo：http://v.youku.com/v_show/id_XMTU0ODc5NjE5Mg==.html
2.體驗(yàn)要素理論鋪墊
關(guān)于3.0的想法，我們進(jìn)行了大量的調(diào)研和采訪(fǎng)，對(duì)于一個(gè)簡(jiǎn)單的問(wèn)題“你心目中的3.0是什么樣子的”，很多人給出了各種各樣的回答，有人說(shuō)2.5的UI風(fēng)格太過(guò)時(shí)了希望3.0顏值夠高，有人說(shuō)要更加流暢，有人說(shuō)希望3.0有追劇日歷等功能，有人說(shuō)希望片子更全更好找，也有很多人說(shuō)不出123只是說(shuō)希望3.0更加好用；我們也和很多職業(yè)產(chǎn)品人進(jìn)行溝通和討論，其中有人說(shuō)要做扁平化，有人說(shuō)要做角色和分級(jí)，有人說(shuō)要做全球化和平臺(tái)化。沒(méi)錯(cuò)，這些都是大家的idea，他們站在不同的角度，用比較感性的思維方式，表達(dá)了自己的觀點(diǎn)。
我們無(wú)法從眾說(shuō)紛紜的想法中找一個(gè)點(diǎn)入手，但是經(jīng)過(guò)梳理，我們會(huì)明顯感覺(jué)到，不同的idea有不同的層次。這個(gè)新產(chǎn)品的設(shè)計(jì)，必定是自上而下的非常理性的推導(dǎo)過(guò)程。下面請(qǐng)看一個(gè)視頻，用來(lái)幫助我們理解產(chǎn)品的不同層次。
產(chǎn)品千變?nèi)f化，想法天馬行空，但是都會(huì)遵循他們的本質(zhì)。體驗(yàn)要素理論是一種設(shè)計(jì)產(chǎn)品的方法論，它幫助我們從紛繁凌亂的思路中理清脈絡(luò)，做出合適的決策。對(duì)于3.0重生的設(shè)計(jì)，也是基于這個(gè)理論。重生，不僅是換個(gè)界面，不僅是修修補(bǔ)補(bǔ)，它是一個(gè)產(chǎn)品從最內(nèi)在的戰(zhàn)略層面一直到最外在的視覺(jué)層面的一次變革。
3.戰(zhàn)略層
之前總結(jié)過(guò)，TV2.5我們主要的精力投入在于用戶(hù)相關(guān)（主要是商業(yè)化嘗試）和內(nèi)容分發(fā)。
從這張圖完全可以看到公司的戰(zhàn)略方向。今天我們也一直在談全球化、平臺(tái)化和商業(yè)化，全球化和平臺(tái)化依然是歸屬于內(nèi)容分發(fā)的戰(zhàn)略，而商業(yè)化的戰(zhàn)略則是一直非常強(qiáng)調(diào)（畢竟需要盈利需要賺錢(qián)）。
隨著這些戰(zhàn)略的執(zhí)行，我們漸漸遇到很多問(wèn)題，內(nèi)容分發(fā)和商業(yè)化過(guò)多的排擠了我們對(duì)于體驗(yàn)的雕琢。我們背著巨大的包袱，在這條路上越走越遠(yuǎn)時(shí)，卻難以再安靜下來(lái)去思考產(chǎn)品本身。
我們希望有一種優(yōu)雅的賺錢(qián)方法，一種優(yōu)雅的商業(yè)模式，最終得出一句最簡(jiǎn)單的話(huà)，做好產(chǎn)品，自然能賺錢(qián)，創(chuàng)造價(jià)值，自然能賺錢(qián)。
TV3.0必然會(huì)從戰(zhàn)略層出發(fā)，我們?cè)谧⒅厝蚧蜕虡I(yè)化的同時(shí)，會(huì)把體驗(yàn)放在一個(gè)同樣重要的位置。
注重體驗(yàn)和全球化、商業(yè)化從來(lái)不是沖突的，后面的論述會(huì)表明，我們每個(gè)層面的體驗(yàn)提升，都同時(shí)對(duì)全球化和商業(yè)化產(chǎn)生大幅度的助力。
世界發(fā)展迅速，我們兩年前做的2.5的架構(gòu)，已經(jīng)無(wú)法滿(mǎn)足我們?nèi)蚧?、商業(yè)化和重體驗(yàn)的新戰(zhàn)略。3.0將是各個(gè)層面都重獲新生的版本，將是我們團(tuán)隊(duì)做產(chǎn)品能力大幅度進(jìn)步的版本。
針對(duì)不同層面，我們提出了4S目標(biāo)，Simple，Spotlight，Smooth和Smart。
4.視覺(jué)層simple（極簡(jiǎn)）
視覺(jué)表現(xiàn)層是最直接給用戶(hù)感知的層面。
2014年，伴隨Android 5.0發(fā)布，google推出了全新的設(shè)計(jì)規(guī)范Material Design，旨在為多屏終端提供一致的、優(yōu)雅的、革命性的視覺(jué)和交互體驗(yàn)。
而今，這項(xiàng)規(guī)范已經(jīng)在國(guó)際上非常普及，大量的APP采用了Material Design的設(shè)計(jì)規(guī)范，在Android TV上尤其如此，此處以youtube 的Android TV版本為例，視頻如下。
目前TV2.5和Android TV在視覺(jué)風(fēng)格上相差過(guò)大，為了適應(yīng)國(guó)際化的需求，樂(lè)視視頻有必要采用更加符合國(guó)際規(guī)范的設(shè)計(jì)標(biāo)準(zhǔn)，同時(shí)，Material Design也非常符合我們多屏一致的要求，自身也是一款非常優(yōu)秀的設(shè)計(jì)標(biāo)準(zhǔn)，3.0如果在視覺(jué)上采用Material Design的設(shè)計(jì)標(biāo)準(zhǔn)，那將是其在視覺(jué)表現(xiàn)層的一次驚艷的重生。
我們已經(jīng)制作了幾個(gè)主要頁(yè)面的MD風(fēng)格視覺(jué)demo。
5.框架層spotlight（聚焦）
6.結(jié)構(gòu)層smooth（流暢、動(dòng)感、扁平）
在用戶(hù)調(diào)研的結(jié)果中，我們了解到，用戶(hù)反饋?zhàn)疃嗟膯?wèn)題：1，內(nèi)容不全或者不好找；2，使用卡頓不流暢。第一個(gè)問(wèn)題，我們會(huì)在后面的層面解決，第二個(gè)問(wèn)題，我們要在3.0帶來(lái)更加流暢優(yōu)雅的交互體驗(yàn)。
6.1流暢
TV2.5現(xiàn)在存在著很多的卡頓，不僅是播放，每個(gè)地方的操作都尚未達(dá)到Android TV中無(wú)比流暢優(yōu)雅的標(biāo)準(zhǔn)，在很多老設(shè)備上更是卡頓明顯。以歡迎頁(yè)進(jìn)入主頁(yè)為例，我們每次進(jìn)入首頁(yè)是這樣子的：
我們看到，loading圈幾乎不轉(zhuǎn)，頁(yè)面加載生硬、卡頓，還有時(shí)不時(shí)就出現(xiàn)的彈窗，這些都對(duì)樂(lè)視視頻的交互帶來(lái)了不舒服的體驗(yàn)。
對(duì)比下Android TV上的體驗(yàn)，我們能夠明顯感受到差距。
//TODO 待插入Android TV的體驗(yàn)錄屏
運(yùn)行流暢、響應(yīng)迅速的交互是非常能給用戶(hù)帶來(lái)愉快的感覺(jué)的，長(zhǎng)久以來(lái)，我們埋頭于內(nèi)容分發(fā)和商業(yè)化，沒(méi)有精力去做太多技術(shù)上的優(yōu)化。在樂(lè)視視頻3.0中，我們將在技術(shù)優(yōu)化上發(fā)力，同時(shí)，得益于新版本的Android帶來(lái)的recyclerview等新控件和新技術(shù)，我們會(huì)更加容易做出流暢的體驗(yàn)。
6.2動(dòng)感
交互不流暢，不只是技術(shù)原因，現(xiàn)存的很多設(shè)計(jì)，本身就是生硬的，例如頁(yè)面之間生硬切換，元素生硬的進(jìn)入退出，總之，大量的靜態(tài)元素生硬過(guò)渡。在樂(lè)視視頻3.0中，我們計(jì)劃采用完全動(dòng)感的、流暢的交互設(shè)計(jì)，讓樂(lè)視視頻動(dòng)起來(lái)。
以前我們的聚合頁(yè)到詳情頁(yè)是這樣切換的
//TODO 待補(bǔ)充以前的樣子
得益于Android 5.0提供的Shared Element Transition(共享元素切換)技術(shù)，我們把頁(yè)面切換做出了神奇移動(dòng)（一種大量運(yùn)用在蘋(píng)果產(chǎn)品上的頁(yè)面切換動(dòng)畫(huà)）的效果。
通過(guò)共享元素切換技術(shù)，我們?yōu)閮蓚€(gè)頁(yè)面之間共享的元素（例如上圖中聚合頁(yè)選中條目的圖片和詳情頁(yè)簡(jiǎn)介的圖片）添加了平滑的關(guān)鍵幀動(dòng)畫(huà)，讓頁(yè)面切換不再是生硬的過(guò)渡，從視覺(jué)和思維上都保持了連貫性。
6.3扁平
樂(lè)視視頻2.5被反饋?zhàn)疃嗟膯?wèn)題是內(nèi)容不足或者不容易找到。如果某個(gè)影片確實(shí)沒(méi)有，這個(gè)屬于內(nèi)容建設(shè)的工作，此處不討論，但其實(shí)我們還是有很龐大的內(nèi)容庫(kù)，影片不容易找到，跟交互設(shè)計(jì)的層級(jí)多、復(fù)雜度高密切相關(guān)。
我們發(fā)現(xiàn)無(wú)論是搜索影片還是切換頻道等關(guān)鍵操作的路徑都過(guò)長(zhǎng)。
我們致力于幫助用戶(hù)最快得達(dá)到他們想要的地方，因此，我們參照google推薦的規(guī)范，設(shè)計(jì)了全新的導(dǎo)航方式。
Google的Android TV交互標(biāo)準(zhǔn)大大提高了導(dǎo)航的效率，也非常符合前面說(shuō)的聚焦原則。
7.范圍層smart（分眾、智能、自定義）
從視覺(jué)層到框架層到結(jié)構(gòu)層，我們正在一步步從淺入深從外到內(nèi)去考慮樂(lè)視視頻3.0。相比于前面都是用戶(hù)更容易看到的層面，我們正在越來(lái)越接近一款產(chǎn)品的靈魂。
一直以來(lái)，TV2.5給任何用戶(hù)呈現(xiàn)的都是一模一樣的，甚至是推薦也都是一模一樣的，一千萬(wàn)人眼中也只有一個(gè)TV2.5。
電視是一個(gè)用戶(hù)相關(guān)性相當(dāng)強(qiáng)的場(chǎng)景，不同的用戶(hù)不同的角色有著千差萬(wàn)別的偏好。目前，我們鋪滿(mǎn)屏幕的標(biāo)簽、類(lèi)別和影片中，每個(gè)用戶(hù)只會(huì)心儀其中的一小部分，我們可以用“有效命中率”來(lái)代表這件事。分眾的價(jià)值非常明顯，100個(gè)用戶(hù)里面只有1個(gè)肯掏錢(qián)，是完全比不過(guò)10個(gè)用戶(hù)里4個(gè)肯掏錢(qián)。
其實(shí)，在過(guò)去的時(shí)間，我們已經(jīng)意識(shí)到了分眾的重要性，我們?cè)趹?zhàn)略級(jí)別的高度提出了“樂(lè)視兒童”這個(gè)項(xiàng)目，我們最近也在推行用于精準(zhǔn)商業(yè)化投放的“觸達(dá)體系”。
對(duì)于會(huì)員用戶(hù)來(lái)講，由于他關(guān)注的內(nèi)容只是全部?jī)?nèi)容的一小部分，他不關(guān)注的卻一直充斥在眼前，那這樣的話(huà)，用戶(hù)的會(huì)員價(jià)值感就不夠強(qiáng)烈。
樂(lè)視視頻3.0，將成為一個(gè)非?！皊mart”的版本，它能夠非常聰明得觸達(dá)用戶(hù)的內(nèi)心。如何能做到smart？沒(méi)有任何信息元素作為基礎(chǔ)，必然是盲目，所以，我們需要多個(gè)維度的信息幫助我們做到“smart”。這些維度包括角色（極其重要）、偏好設(shè)置、歷史記錄等等。
//TODO 畫(huà)對(duì)比圖，一個(gè)盲目，一個(gè)基于很多元素
7.1角色系統(tǒng)
前面說(shuō)了，公司把樂(lè)視兒童放到了很高的戰(zhàn)略層面，這是分眾策略的一個(gè)具體表現(xiàn)。兒童，是電視家庭用戶(hù)中一個(gè)非常重要的角色，當(dāng)然，電視的用戶(hù)中不止有兒童這個(gè)角色，還有老人、爸爸、媽媽等角色，也可以自定義角色。
目前，NetFlix已經(jīng)支持角色系統(tǒng)。
我們?cè)O(shè)計(jì)了大致的角色選擇頁(yè)面作為參考，如下圖：
角色本身已經(jīng)為我們提供了一個(gè)極其重要的信息，不同的角色傳達(dá)著他們天生帶有的偏好屬性，是我們做分眾的重要依據(jù)。同時(shí)，我們還允許每個(gè)角色設(shè)定他們的偏好和口味。
7.2自定義
以頻道墻為例，在TV2.5里面，用戶(hù)需要被動(dòng)得接受所有的內(nèi)容，無(wú)論他是不是喜歡。對(duì)于某個(gè)用戶(hù)，頻道墻里有XX個(gè)頻道，但數(shù)據(jù)顯示除了某幾個(gè)頻道，其他頻道幾乎完全不看，而這些頻道卻長(zhǎng)期占據(jù)重要的位置。有的用戶(hù)喜歡某個(gè)頻道，而這個(gè)頻道可能再比較靠后的位置，那么這個(gè)用戶(hù)就不得不每次費(fèi)大力氣找到自己喜歡的頻道。
依然是遵循聚焦的原則，樂(lè)視視頻3.0中，我們會(huì)在重要的位置支持用戶(hù)的自定義功能。在主頁(yè)的側(cè)邊欄導(dǎo)航里，用戶(hù)可以增加或者刪除制定的欄目，可以調(diào)整順序。
7.3智能推薦
我們的運(yùn)營(yíng)，一直以來(lái)是官方讓用戶(hù)看到什么，他們就只能看到什么，現(xiàn)在，我們希望做到，用戶(hù)想看什么，我們就能給他看什么。
得益于前面的角色、偏好和自定義等功能提供的信息，我們可以做到精準(zhǔn)的推薦。
