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歌、游戏、商城等等,完全能满足全家人的需求。   左划查看更多优质的内容频道 >>  

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

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

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

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

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

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

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

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


 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的完美配合成为最大亮点。  

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

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

 2020年MIUI for TV 3.0 发布。  

责任编辑:xj

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

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

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分