瞅一瞅资讯网
a 当前位置: 瞅一瞅资讯网 » 科技 » 正文

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片

 小狐 • 2020-09-24 22:50  来源:互联网  E650

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图1)

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

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

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

MIUI for TV 3.0 全新升级宣传片

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

营造沉浸观影体验,

就是不断的排除干扰信息的过程。

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

为了让你看电视再爽一点,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)

Ripple动画,

专为电视设计的自然动画效果。

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

什么样的动画是自然的?

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图11)

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

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图12)

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

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

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图13)

“更符合在物理世界中寻找焦点的感觉”

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

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

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

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图14)

“大屏动画要做到不晃眼,很见功力”

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图15)

多场景模式:

老人、儿童、职场人士的习惯,

我们都考虑到了。

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图16)

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图17)

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图18)

MIUI for TV

体验,不断进化

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

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

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图19)

Ripple 动画仅支持小米电视“系列”

小米电视操作 MIUI for TV

历史升级时间线

2013年

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图20)

2016年

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图21)

2018年

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

为了让你看电视再爽一点,MIUI,for,TV,全新升级宣传片(图22)

2020年

MIUI for TV 3.0 发布。

本文相关词条概念解析:

宣传片

宣传片(Propagandafilm)是用制作电视、电影的表现手法对企业内部的各个层面有重点、有针对、有秩序地进行策划、拍摄、录音、剪辑、配音、配乐、合成输出制作成片,目的是为了声色并茂地凸现企业独特的风格面貌、彰显企业实力,让社会不同层面的人士对企业产生正面、良好的印象,从而建立对该企业的好感和信任度,并信赖该企业的产品或服务。宣传片从其目的和宣传方式不同的角度来分可以分为企业宣传片,产品宣传片,公益宣传片,电视宣传片、招商宣传片。

网友评论Translation