原文链接 MDC 小米设计

    2013年小米电视发布,搭载MIUI for TV 1.0。

    短短几年时间,小米电视已经成长为中国互联网电视领域的领跑者,它的操作系统——MIUI for TV 也影响了电视领域在观影体验方面的设计思路。

    今天,随着观影习惯的持续变化,互联网电视用户的持续增加,电视系统面临更广泛的定制化诉求。带着对新变化的思考,我们再次改进设计,推出了全新的 MIUI for TV 3.0 。

    image.png
    MIUI for TV 3.0 全新升级宣传片

    接下来进入正题,跟大家剖析一下我们是如何应对变化,给出解决思路的。

    01
    营造沉浸观影体验,
    就是不断的排除干扰信息的过程。**

    从2015年到现在,传统有线电视的缴费数量在逐年降低,在线视频的用户越来越多。

    去年开始,在线视频已经超过了有线电视的缴费数,小米电视用户这个比例更高,接近70%。

    随着智能电视的普及,以及高品质的互联网内容越来越多,用户看电视的习惯在悄然改变。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图2
    “用户更喜欢在各大视频网站追剧了”

    上一代 MIUI for TV 的首页结构是一个混排:输入源+工具+应用+推荐,布局精巧,满足当时用户常看“电视台”的习惯。

    但目前对基本上只看在线视频的用户来说,它还是显得太复杂了。于是我们开始思考,如何做出调整。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图3
    “对称布局,视觉上更清爽”

    首先,我们将所有不对称的元素调整为居中对称,视觉上一下就轻松了不少,结构也一目了然。
    对称布局还带来另外一个好处,就是很好的拓展性。

    利用MIUI for TV 2.0的灵活栅格布局的特性,把海报继续合二为一,只保留一个顶部海报,整个页面看起来更加简洁了,用户上来只需要聚焦在这唯一的海报上边。

    最后,我们将简洁做到极致。索性这唯一一张海报也不要,整个页面的背景就是海报!这就是 MIUI for TV 3.0 的第一个新特性,充满沉浸感的无界桌面

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图4
    “界面开阔,几乎显得电视尺寸更大了”

    详情页能帮助用户做最后的观影决策,所以紧接着,就是详情页的重新设计。

    我们观察了一圈市场上主流的影视应用,都充满了跟影片不相关的信息,用户需要在几十种信息中找到跟影片相关的信息,真的不容易。我们删繁就简,让详情页只给影片最核心的信息,和相关性最强的3个拓展推荐。

    从详情页到播放,通常都会有页面跳转。但只要有跳转,都会转移观众注意力。为了延续沉浸感,干脆让这个过程消失,从详情页就开始播放,精美的详情页几乎就是电影正片的一部分。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图5
    “减少跳转,让观感更平滑和连贯”

    有了沉浸的观影体验做基础,用户能更好地观赏内容。

    随着用户对内容的诉求越来越多样化,我们也上线了一系列优质专业的垂类频道,比如儿童、动漫、教育、K歌、游戏、商城等等,完全能满足全家人的需求。

    左划查看更多优质的内容频道 >>
    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图6【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图7【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图8【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图9【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图10

    02**Ripple动画系统,
    专为电视设计的自然动画效果。**

    手机、电脑的动画设计体系已经很成熟,但电视比起手机、电脑,不论是交互方式、观看距离还是屏幕尺寸都不一样。于是我们打算自己做一套符合大屏交互习惯的动画系统。

    什么样的动画是自然的?

    那些发生在我们身边,符合自然世界的物理规律的动画。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图11

    电视的交互特点决定了页面上一定会有一个焦点,基于焦点,用遥控器去控制它的上下左右。我们思考的是,如何能让这个过程更自然?

    就好比桌上有一张A4纸,想看清楚纸上的字,我们会先把纸拿起来,看完之后放下,纸张会带着一点空气阻力才落到桌面。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图12

    因此,拿起的动作就是用户掌握控制权而获取焦点,是一个刻意的动画;放下的动作就是用户主动放弃控制权,也就是失去焦点。

    整个过程其实就是获取焦点和移开焦点的过程。根据这个特性,我们设计了新的焦点动画。

    近看细节,还能找到不少让人眼前一亮的惊喜。我们额外在焦点的时候,还设计了更丰富的动画效果,比如飘落的雪花、熊熊燃烧的火焰等等。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图13
    “更符合在物理世界中寻找焦点的感觉”

    不过,焦点只是一个小问题,还有一个影响体验的关键性问题:大屏动画晃眼。

    因为电视屏幕尺寸很大,又经常在暗光环境使用,整个页面的跳转动画在使用过程中是无法避免的。我们又没办法把每个动画的时间调长,会显得系统性能有问题。

    最终,我们从涟漪中找到了这个解法:当把一个石子丢入水中,马上会对平静的水面产生影响,涟漪会从中间散开,越来越大,越来越慢。

    于是我们就让焦点到焦点移动就像涟漪的中心,让动画马上发生,保证响应迅速;距离焦点越远,动画的时滞越长,最后逐渐完成,削弱页面大面积跳变带来的晃眼的感受。
    image.gif640.gif
    “大屏动画要做到不晃眼,很见功力”

    最终把这一系列的自然运动的属性应用到了系统中,我们叫它 Ripple(涟漪)动画系统。

    MIUI for TV 3.0 应该是第一个在大屏端对动画做系统性优化的产品。目前已经在大师系列上线,工程师也在继续优化,尽快让更多的小米电视都能够支持。
    image.gif
    image.png
    03**多场景模式:
    老人、儿童、职场人士的习惯,
    我们都考虑到了。**

    针对电视使用有不同诉求的人群, MIUI for TV 3.0 还提供了更多的模式选择。

    对于老年人和每天看输入源的用户来说,需要更专注、简洁的系统桌面,所以我们设计了极简模式。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图18

    针对儿童模式,也优化了家长管理和控制。另外新增新功能AI儿童课,让宝宝看动画的过程中还能学英语。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图19

    小米电视陆续推出了更大的尺寸,所以有越来越多的公司选择了小米电视,这次还特别针对这些放在办公室里的小米电视,设计了简洁高效的办公模式

    办公模式下,可以方便的使用信号源、视频通话、投屏、文件查看等功能。此外,应用商店还有丰富的办公效率应用,拓展更多的办公场景。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图20

    04
    MIUI for TV 体验,
    不断进化

    2020年,小米的十周年,小米电视也取得了连续五个季度国内第一,世界前五的成绩。现在,MIUI for TV 覆盖了5100+万家庭,服务着过亿的用户,每天都有上千万的家庭打开家里的小米电视。

    用户量的增加,让需求也更广泛了。过去的这几年,我们的产品设计也要随着用户的需求不断进化。MIUI for TV 3.0 中,我们做出的核心产品优化高达278项,做到了“绽放内容,随心定制”。

    但这只是 MIUI for TV 体验提升的第一步,我们将持续为用户创造更多感动人心的内容消费体验,让每个人都能获得快乐与成长。

    接下来还会有一大波新设计、新功能带给用户,请大家保持期待吧。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图21

    · MIUI for TV 3.0 已更新至所有小米电视及小米盒子(小米电视1代/小米盒子1代/部分定制电视除外)
    · Ripple 动画系统仅支持小米电视“大师系列”


    小米电视操作系统 MIUI for TV **历史升级时间线

    2013年MIUI for TV 1.0 随小米电视1代发布,极简遥控器与MIUI for TV的完美配合成为最大亮点。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图22

    2016年MIUI for TV 2.0 - PatchWall,核心是内容优先(Content First)+人工智能推荐+灵活多变的布局。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图23

    2018年MIUI for TV 把服务和体验带到全世界,定制研发了印度版、印尼版、俄罗斯版、西班牙版。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图24

    2020年MIUI for TV 3.0 发布。

    【电视】为了让你看电视再爽一点,MIUI for TV 再次全新升级 - 图25