MIUI for TV1.0到3.0的改進(jìn)思路

2013年小米電視發(fā)布，搭載MIUI for TV 1.0。 短短幾年時(shí)間，小米電視已經(jīng)成長(zhǎng)為中國互聯(lián)網(wǎng)電視領(lǐng)域的領(lǐng)跑者，它的操作系統(tǒng)——MIUI for TV 也影響了電視領(lǐng)域在觀影體驗(yàn)方面的設(shè)計(jì)思路。 今天，隨著觀影習(xí)慣的持續(xù)變化，互聯(lián)網(wǎng)電視用戶的持續(xù)增加，電視系統(tǒng)面臨更廣泛的定制化訴求。帶著對(duì)新變化的思考，我們?cè)俅胃倪M(jìn)設(shè)計(jì)，推出了全新的 MIUI for TV 3.0 。 MIUI for TV 3.0 全新升級(jí)宣傳片 接下來進(jìn)入正題，跟大家剖析一下我們是如何應(yīng)對(duì)變化，給出解決思路的。 01營造沉浸觀影體驗(yàn)，就是不斷的排除干擾信息的過程。 從2015年到現(xiàn)在，傳統(tǒng)有線電視的繳費(fèi)數(shù)量在逐年降低，在線視頻的用戶越來越多。 去年開始，在線視頻已經(jīng)超過了有線電視的繳費(fèi)數(shù)，小米電視用戶這個(gè)比例更高，接近70%。 隨著智能電視的普及，以及高品質(zhì)的互聯(lián)網(wǎng)內(nèi)容越來越多，用戶看電視的習(xí)慣在悄然改變。

“用戶更喜歡在各大視頻網(wǎng)站追劇了” 上一代 MIUI for TV 的首頁結(jié)構(gòu)是一個(gè)混排：輸入源+工具+應(yīng)用+推薦，布局精巧，滿足當(dāng)時(shí)用戶?？础半娨暸_(tái)”的習(xí)慣。 但目前對(duì)基本上只看在線視頻的用戶來說，它還是顯得太復(fù)雜了。于是我們開始思考，如何做出調(diào)整。

“對(duì)稱布局，視覺上更清爽” 首先，我們將所有不對(duì)稱的元素調(diào)整為居中對(duì)稱，視覺上一下就輕松了不少，結(jié)構(gòu)也一目了然。 對(duì)稱布局還帶來另外一個(gè)好處，就是很好的拓展性。 利用MIUI for TV 2.0的靈活柵格布局的特性，把海報(bào)繼續(xù)合二為一，只保留一個(gè)頂部海報(bào)，整個(gè)頁面看起來更加簡(jiǎn)潔了，用戶上來只需要聚焦在這唯一的海報(bào)上邊。 最后，我們將簡(jiǎn)潔做到極致。索性這唯一一張海報(bào)也不要，整個(gè)頁面的背景就是海報(bào)！這就是 MIUI for TV 3.0 的第一個(gè)新特性，充滿沉浸感的無界桌面。

? “界面開闊，顯得電視尺寸更大了” 詳情頁能幫助用戶做最后的觀影決策，所以緊接著，就是詳情頁的重新設(shè)計(jì)。 我們觀察了一圈市場(chǎng)上主流的影視應(yīng)用，都充滿了跟影片不相關(guān)的信息，用戶需要在幾十種信息中找到跟影片相關(guān)的信息，真的不容易。我們刪繁就簡(jiǎn)，讓詳情頁只給影片最核心的信息，和相關(guān)性最強(qiáng)的3個(gè)拓展推薦。 從詳情頁到播放，通常都會(huì)有頁面跳轉(zhuǎn)。但只要有跳轉(zhuǎn)，都會(huì)轉(zhuǎn)移觀眾注意力。為了延續(xù)沉浸感，干脆讓這個(gè)過程消失，從詳情頁就開始播放，精美的詳情頁幾乎就是電影正片的一部分。

“減少跳轉(zhuǎn)，讓觀感更平滑和連貫” 有了沉浸的觀影體驗(yàn)做基礎(chǔ)，用戶能更好地觀賞內(nèi)容。 隨著用戶對(duì)內(nèi)容的訴求越來越多樣化，我們也上線了一系列優(yōu)質(zhì)專業(yè)的垂類頻道，比如兒童、動(dòng)漫、教育、K歌、游戲、商城等等，完全能滿足全家人的需求。 左劃查看更多優(yōu)質(zhì)的內(nèi)容頻道>>

02Ripple動(dòng)畫系統(tǒng)，專為電視設(shè)計(jì)的自然動(dòng)畫效果。 手機(jī)、電腦的動(dòng)畫設(shè)計(jì)體系已經(jīng)很成熟，但電視比起手機(jī)、電腦，不論是交互方式、觀看距離還是屏幕尺寸都不一樣。于是我們打算自己做一套符合大屏交互習(xí)慣的動(dòng)畫系統(tǒng)。 什么樣的動(dòng)畫是自然的？ 那些發(fā)生在我們身邊，符合自然世界的物理規(guī)律的動(dòng)畫。

電視的交互特點(diǎn)決定了頁面上一定會(huì)有一個(gè)焦點(diǎn)，基于焦點(diǎn)，用遙控器去控制它的上下左右。我們思考的是，如何能讓這個(gè)過程更自然？ 就好比桌上有一張A4紙，想看清楚紙上的字，我們會(huì)先把紙拿起來，看完之后放下，紙張會(huì)帶著一點(diǎn)空氣阻力才落到桌面。

? 因此，拿起的動(dòng)作就是用戶掌握控制權(quán)而獲取焦點(diǎn)，是一個(gè)刻意的動(dòng)畫；放下的動(dòng)作就是用戶主動(dòng)放棄控制權(quán)，也就是失去焦點(diǎn)。 整個(gè)過程其實(shí)就是獲取焦點(diǎn)和移開焦點(diǎn)的過程。根據(jù)這個(gè)特性，我們?cè)O(shè)計(jì)了新的焦點(diǎn)動(dòng)畫。 近看細(xì)節(jié)，還能找到不少讓人眼前一亮的驚喜。我們額外在焦點(diǎn)的時(shí)候，還設(shè)計(jì)了更豐富的動(dòng)畫效果，比如飄落的雪花、熊熊燃燒的火焰等等。

“更符合在物理世界中尋找焦點(diǎn)的感覺” 不過，焦點(diǎn)只是一個(gè)小問題，還有一個(gè)影響體驗(yàn)的關(guān)鍵性問題：大屏動(dòng)畫晃眼。 因?yàn)殡娨暺聊怀叽绾艽?，又?jīng)常在暗光環(huán)境使用，整個(gè)頁面的跳轉(zhuǎn)動(dòng)畫在使用過程中是無法避免的。我們又沒辦法把每個(gè)動(dòng)畫的時(shí)間調(diào)長(zhǎng)，會(huì)顯得系統(tǒng)性能有問題。 最終，我們從漣漪中找到了這個(gè)解法：當(dāng)把一個(gè)石子丟入水中，馬上會(huì)對(duì)平靜的水面產(chǎn)生影響，漣漪會(huì)從中間散開，越來越大，越來越慢。 于是我們就讓焦點(diǎn)到焦點(diǎn)移動(dòng)就像漣漪的中心，讓動(dòng)畫馬上發(fā)生，保證響應(yīng)迅速；距離焦點(diǎn)越遠(yuǎn)，動(dòng)畫的時(shí)滯越長(zhǎng)，最后逐漸完成，削弱頁面大面積跳變帶來的晃眼的感受。

“大屏動(dòng)畫要做到不晃眼，很見功力” ? 最終把這一系列的自然運(yùn)動(dòng)的屬性應(yīng)用到了系統(tǒng)中，我們叫它 Ripple（漣漪）動(dòng)畫系統(tǒng)。 MIUI for TV 3.0 應(yīng)該是第一個(gè)在大屏端對(duì)動(dòng)畫做系統(tǒng)性優(yōu)化的產(chǎn)品。目前已經(jīng)在大師系列上線，工程師也在繼續(xù)優(yōu)化，盡快讓更多的小米電視都能夠支持。

03多場(chǎng)景模式：老人、兒童、職場(chǎng)人士的習(xí)慣，我們都考慮到了。 針對(duì)電視使用有不同訴求的人群， MIUI for TV 3.0 還提供了更多的模式選擇。 ? 對(duì)于老年人和每天看輸入源的用戶來說，需要更專注、簡(jiǎn)潔的系統(tǒng)桌面，所以我們?cè)O(shè)計(jì)了極簡(jiǎn)模式。

? 針對(duì)兒童模式，也優(yōu)化了家長(zhǎng)管理和控制。另外新增新功能AI兒童課，讓寶寶看動(dòng)畫的過程中還能學(xué)英語。

? 小米電視陸續(xù)推出了更大的尺寸，所以有越來越多的公司選擇了小米電視，這次還特別針對(duì)這些放在辦公室里的小米電視，設(shè)計(jì)了簡(jiǎn)潔高效的辦公模式。 辦公模式下，可以方便的使用信號(hào)源、視頻通話、投屏、文件查看等功能。此外，應(yīng)用商店還有豐富的辦公效率應(yīng)用，拓展更多的辦公場(chǎng)景。 ?

?
04MIUI for TV體驗(yàn)，不斷進(jìn)化 2020年，小米的十周年，小米電視也取得了連續(xù)五個(gè)季度國內(nèi)第一，世界前五的成績(jī)?，F(xiàn)在，MIUI for TV 覆蓋了5100+萬家庭，服務(wù)著過億的用戶，每天都有上千萬的家庭打開家里的小米電視。 用戶量的增加，讓需求也更廣泛了。過去的這幾年，我們的產(chǎn)品設(shè)計(jì)也要隨著用戶的需求不斷進(jìn)化。MIUI for TV 3.0 中，我們做出的核心產(chǎn)品優(yōu)化高達(dá)278項(xiàng)，做到了“綻放內(nèi)容，隨心定制”。 但這只是 MIUI for TV 體驗(yàn)提升的第一步，我們將持續(xù)為用戶創(chuàng)造更多感動(dòng)人心的內(nèi)容消費(fèi)體驗(yàn)，讓每個(gè)人都能獲得快樂與成長(zhǎng)。 接下來還會(huì)有一大波新設(shè)計(jì)、新功能帶給用戶，請(qǐng)大家保持期待吧?。

·MIUI for TV 3.0已更新至所有小米電視及小米盒子（小米電視1代/小米盒子1代/部分定制電視除外）

·Ripple 動(dòng)畫系統(tǒng)僅支持小米電視“大師系列”

?小米電視操作系統(tǒng) MIUI for TV歷史升級(jí)時(shí)間線2013年MIUI for TV 1.0 隨小米電視1代發(fā)布，極簡(jiǎn)遙控器與MIUI for TV的完美配合成為最大亮點(diǎn)。

2016年MIUI for TV 2.0 - PatchWall，核心是內(nèi)容優(yōu)先(Content First)+人工智能推薦+靈活多變的布局。

2018年MIUI for TV 把服務(wù)和體驗(yàn)帶到全世界，定制研發(fā)了印度版、印尼版、俄羅斯版、西班牙版。

2020年MIUI for TV 3.0 發(fā)布。

責(zé)任編輯：xj

原文標(biāo)題：為了讓你看電視再爽一點(diǎn)，MIUI for TV 再次全新升級(jí)

文章出處：【微信公眾號(hào)：小米公司】歡迎添加關(guān)注！文章轉(zhuǎn)載請(qǐng)注明出處。