MIUI for TV1.0到3.0的改进思路

2013年小米电视发布，搭载MIUI for TV 1.0。 短短几年时间，小米电视已经成长为中国互联网电视领域的领跑者，它的操作系统——MIUI for TV 也影响了电视领域在观影体验方面的设计思路。 今天，随着观影习惯的持续变化，互联网电视用户的持续增加，电视系统面临更广泛的定制化诉求。带着对新变化的思考，我们再次改进设计，推出了全新的 MIUI for TV 3.0 。 MIUI for TV 3.0 全新升级宣传片 接下来进入正题，跟大家剖析一下我们是如何应对变化，给出解决思路的。 01营造沉浸观影体验，就是不断的排除干扰信息的过程。 从2015年到现在，传统有线电视的缴费数量在逐年降低，在线视频的用户越来越多。 去年开始，在线视频已经超过了有线电视的缴费数，小米电视用户这个比例更高，接近70%。 随着智能电视的普及，以及高品质的互联网内容越来越多，用户看电视的习惯在悄然改变。

“用户更喜欢在各大视频网站追剧了” 上一代 MIUI for TV 的首页结构是一个混排：输入源+工具+应用+推荐，布局精巧，满足当时用户常看“电视台”的习惯。 但目前对基本上只看在线视频的用户来说，它还是显得太复杂了。于是我们开始思考，如何做出调整。

“对称布局，视觉上更清爽” 首先，我们将所有不对称的元素调整为居中对称，视觉上一下就轻松了不少，结构也一目了然。 对称布局还带来另外一个好处，就是很好的拓展性。 利用MIUI for TV 2.0的灵活栅格布局的特性，把海报继续合二为一，只保留一个顶部海报，整个页面看起来更加简洁了，用户上来只需要聚焦在这唯一的海报上边。 最后，我们将简洁做到极致。索性这唯一一张海报也不要，整个页面的背景就是海报！这就是 MIUI for TV 3.0 的第一个新特性，充满沉浸感的无界桌面。

‍ “界面开阔，显得电视尺寸更大了” 详情页能帮助用户做最后的观影决策，所以紧接着，就是详情页的重新设计。 我们观察了一圈市场上主流的影视应用，都充满了跟影片不相关的信息，用户需要在几十种信息中找到跟影片相关的信息，真的不容易。我们删繁就简，让详情页只给影片最核心的信息，和相关性最强的3个拓展推荐。 从详情页到播放，通常都会有页面跳转。但只要有跳转，都会转移观众注意力。为了延续沉浸感，干脆让这个过程消失，从详情页就开始播放，精美的详情页几乎就是电影正片的一部分。

“减少跳转，让观感更平滑和连贯” 有了沉浸的观影体验做基础，用户能更好地观赏内容。 随着用户对内容的诉求越来越多样化，我们也上线了一系列优质专业的垂类频道，比如儿童、动漫、教育、K歌、游戏、商城等等，完全能满足全家人的需求。 左划查看更多优质的内容频道>>

02Ripple动画系统，专为电视设计的自然动画效果。 手机、电脑的动画设计体系已经很成熟，但电视比起手机、电脑，不论是交互方式、观看距离还是屏幕尺寸都不一样。于是我们打算自己做一套符合大屏交互习惯的动画系统。 什么样的动画是自然的？ 那些发生在我们身边，符合自然世界的物理规律的动画。

电视的交互特点决定了页面上一定会有一个焦点，基于焦点，用遥控器去控制它的上下左右。我们思考的是，如何能让这个过程更自然？ 就好比桌上有一张A4纸，想看清楚纸上的字，我们会先把纸拿起来，看完之后放下，纸张会带着一点空气阻力才落到桌面。

‍ 因此，拿起的动作就是用户掌握控制权而获取焦点，是一个刻意的动画；放下的动作就是用户主动放弃控制权，也就是失去焦点。 整个过程其实就是获取焦点和移开焦点的过程。根据这个特性，我们设计了新的焦点动画。 近看细节，还能找到不少让人眼前一亮的惊喜。我们额外在焦点的时候，还设计了更丰富的动画效果，比如飘落的雪花、熊熊燃烧的火焰等等。

“更符合在物理世界中寻找焦点的感觉” 不过，焦点只是一个小问题，还有一个影响体验的关键性问题：大屏动画晃眼。 因为电视屏幕尺寸很大，又经常在暗光环境使用，整个页面的跳转动画在使用过程中是无法避免的。我们又没办法把每个动画的时间调长，会显得系统性能有问题。 最终，我们从涟漪中找到了这个解法：当把一个石子丢入水中，马上会对平静的水面产生影响，涟漪会从中间散开，越来越大，越来越慢。 于是我们就让焦点到焦点移动就像涟漪的中心，让动画马上发生，保证响应迅速；距离焦点越远，动画的时滞越长，最后逐渐完成，削弱页面大面积跳变带来的晃眼的感受。

“大屏动画要做到不晃眼，很见功力” ‍ 最终把这一系列的自然运动的属性应用到了系统中，我们叫它 Ripple（涟漪）动画系统。 MIUI for TV 3.0 应该是第一个在大屏端对动画做系统性优化的产品。目前已经在大师系列上线，工程师也在继续优化，尽快让更多的小米电视都能够支持。

03多场景模式：老人、儿童、职场人士的习惯，我们都考虑到了。 针对电视使用有不同诉求的人群， MIUI for TV 3.0 还提供了更多的模式选择。 ‍ 对于老年人和每天看输入源的用户来说，需要更专注、简洁的系统桌面，所以我们设计了极简模式。

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

‍ 小米电视陆续推出了更大的尺寸，所以有越来越多的公司选择了小米电视，这次还特别针对这些放在办公室里的小米电视，设计了简洁高效的办公模式。 办公模式下，可以方便的使用信号源、视频通话、投屏、文件查看等功能。此外，应用商店还有丰富的办公效率应用，拓展更多的办公场景。 ‍

‍
04MIUI for TV体验，不断进化 2020年，小米的十周年，小米电视也取得了连续五个季度国内第一，世界前五的成绩。现在，MIUI for TV 覆盖了5100+万家庭，服务着过亿的用户，每天都有上千万的家庭打开家里的小米电视。 用户量的增加，让需求也更广泛了。过去的这几年，我们的产品设计也要随着用户的需求不断进化。MIUI for TV 3.0 中，我们做出的核心产品优化高达278项，做到了“绽放内容，随心定制”。 但这只是 MIUI for TV 体验提升的第一步，我们将持续为用户创造更多感动人心的内容消费体验，让每个人都能获得快乐与成长。 接下来还会有一大波新设计、新功能带给用户，请大家保持期待吧‍。

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

·Ripple 动画系统仅支持小米电视“大师系列”

‍小米电视操作系统 MIUI for TV历史升级时间线2013年MIUI for TV 1.0 随小米电视1代发布，极简遥控器与MIUI for TV的完美配合成为最大亮点。

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

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

2020年MIUI for TV 3.0 发布。

责任编辑：xj

原文标题：为了让你看电视再爽一点，MIUI for TV 再次全新升级

文章出处：【微信公众号：小米公司】欢迎添加关注！文章转载请注明出处。