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 TV1.0到3.0的改进思路
文章插图
“用户更喜欢在各大视频网站追剧了”上一代 MIUI for TV 的首页结构是一个混排:输入源+工具+应用+推荐,布局精巧,满足当时用户常看“电视台”的习惯 。但目前对基本上只看在线视频的用户来说,它还是显得太复杂了 。于是我们开始思考,如何做出调整 。

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

MIUI for TV1.0到3.0的改进思路
文章插图
?“界面开阔,显得电视尺寸更大了”详情页能帮助用户做最后的观影决策,所以紧接着,就是详情页的重新设计 。我们观察了一圈市场上主流的影视应用,都充满了跟影片不相关的信息,用户需要在几十种信息中找到跟影片相关的信息,真的不容易 。我们删繁就简,让详情页只给影片最核心的信息,和相关性最强的3个拓展推荐 。从详情页到播放,通常都会有页面跳转 。但只要有跳转,都会转移观众注意力 。为了延续沉浸感,干脆让这个过程消失,从详情页就开始播放,精美的详情页几乎就是电影正片的一部分 。
“减少跳转,让观感更平滑和连贯”有了沉浸的观影体验做基础,用户能更好地观赏内容 。随着用户对内容的诉求越来越多样化,我们也上线了一系列优质专业的垂类频道,比如儿童、动漫、教育、K歌、游戏、商城等等,完全能满足全家人的需求 。左划查看更多优质的内容频道 >>

MIUI for TV1.0到3.0的改进思路
文章插图

MIUI for TV1.0到3.0的改进思路
文章插图

MIUI for TV1.0到3.0的改进思路
文章插图

MIUI for TV1.0到3.0的改进思路
文章插图

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

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

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

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

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

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

MIUI for TV1.0到3.0的改进思路
文章插图
?针对儿童模式,也优化了家长管理和控制 。另外新增新功能AI儿童课,让宝宝看动画的过程中还能学英语 。

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

MIUI for TV1.0到3.0的改进思路
文章插图
?
04 MIUI 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的完美配合成为最大亮点 。

MIUI for TV1.0到3.0的改进思路
文章插图
2016年MIUI for TV 2.0 - PatchWall,核心是内容优先(Content First)+人工智能推荐+灵活多变的布局 。

MIUI for TV1.0到3.0的改进思路
文章插图
2018年MIUI for TV 把服务和体验带到全世界,定制研发了印度版、印尼版、俄罗斯版、西班牙版 。

MIUI for TV1.0到3.0的改进思路
文章插图
2020年MIUI for TV 3.0 发布 。

MIUI for TV1.0到3.0的改进思路
文章插图
责任编辑:xj
原文标题:为了让你看电视再爽一点,MIUI for TV 再次全新升级
【MIUI for TV1.0到3.0的改进思路】 文章出处:【微信公众号:小米公司】欢迎添加关注!文章转载请注明出处 。

    推荐阅读