Android电视应用:Amazon Fire TV版TVPlayer设计

2018-04-28 10:46:36来源:可乐橙 热度:
设计和研发、推广一道,是移动应用的成功要诀之一。定义用户操作应用的方式,与应用的功能和高效的盈利模式同等重要。而且,当涉及到为电视这样的新交互模式设计界面,许多在智能手机和平板上有效的模式,都需要重新思考,如何利用大屏幕和遥控带来的输入模式。

Fire TV上的TVPlayer

 

1.jpg

 

这个任务并没有吓到TVPlayer的开发者们,这是全英国在Fire TV和Fire TV Stick上最成功的电视应用之一。

TVPlayer是一款Android原生流媒体应用,可以让你在Amazon和Android设备上免费观看电视直播,它掌握了英国许多收视率最高的频道。TVPlayer在2014年作为Fire TV的一部分同时发布,它的成功一直延续至2015年、2016年。

Simplestream,TVPlayer背后的研发与设计团队,接受了打造电视优先体验的艰巨任务。

我们采访了运营总监Lewis Arthur和Simplestream的Android开发Michael Jordan,请他们分享Fire TV应用设计过程中的真知灼见,下面是他们的分享。

设计过程:从手机到电视

在登陆Fire TV前,TVPlayer已经可以在Fire Tablets和Android设备的Amazon Appstore中下载。移动端版本的设计师,将关注点聚焦于可用性与内容的易达性。他们在欢迎界面采用了大胆醒目的图片布局,主标签内有可滚动的直播电视频道列表。设计师决定坚持“浅色”主题,为了使内容突出,也保持各平台的主题一致。

 

2.jpg

 

 

3.jpg

 

当进行平板端的支持时,设计师需要重新思考,更好地利用大屏幕。主体布局有所改动,在主界面上直接为用户呈现更多内容。这是个很好的策略,既能吸引用户注意,并且为多种相关内容提供快捷入口。

 

4.jpg

 

至于第一版Fire TV应用,主界面需要呈现新的面貌。电视的设计,与手机平板的界面和用户体验设计有两大不同,这都来源于TV自身的天性:它有巨大的显示器,也不提供触摸式界面,因为所有的操作都发生在遥控器上。

Simplestream在第一版Fire TV应用的主界面上,尽数使用了大胆醒目的图片。“主页”、“正在直播”和“频道”标签都移到左边,字号成倍放大,使得从远处看也清晰可辨。

 

5.jpg

 

第一版Fire TV应用主界面,感觉像平板端那样清爽,栅格布局中承载各类主要频道。

为Fire TV开发简单而迅速:4周就从移动端迁移到电视

当我们询问Simplestream团队,从移动版到第一版Fire TV应用花了多长时间,他们告诉我们大约4周。由于Fire TV是一款完全成熟的Android设备,搭载了基于Android Lollipop的Fire OS 5,改版迅速而流畅:移动端和电视版的核心组件相同,保持界面与应用底层结构分离,能让开发者拥有足够的灵活性快速迭代,在几周内成就完整的电视应用。

Fire TV的界面革新

这款Fire TV应用发布一年多以后,从应用数据中收集了足够的用户操作反馈,TVPlayer开发者与设计师们决定,是时候为Fire TV应用创造一套新界面了。目的在于使应用更加高效,为电视用户提供最佳的内容呈现形式,同时在应用中加入新功能。

新的一版加入了按月订阅的应用内购——包含免费与付费内容,使应用更多样化。Simplestream的设计师进行了深入的竞品分析,理解流媒体应用设计当前的趋势,掌握了如何设计统一一致的界面,甚至是跨越多平台与设备。

 

6.jpg

 

选用合适的配色方案,确保应用对眼睛友好

首先,设计师决定探索Fire TV的深色配色方案。在设计上一版Fire TV应用时就做出了个决策,不过在这版界面更新中更进一步,把多数UI组件都加深了。深色主题主要是为了防止浏览内容时眼睛疲劳,因此能创造更轻松的用户体验。这对于应用的启动界面尤其重要,把它改成黑色,避免“亮瞎眼”。

让用户的眼睛免于疲劳。

设计电视应用时,浅色与亮色的主题需要慎重考虑,因为多数可能的使用场景都发生在夜晚,没有自然光,因此明亮的界面会损害用户体验,久而久之导致应用被抛弃。通过色彩来展现品牌也非常重要。对于TVPlayer,蓝色作为高亮色彩,相比前一版,更有助于保持多平台的品牌一致性。蓝色表示免费内容,而粉色表示付费内容。

通过ViewPager进行内容翻页

TVPlayer的开发者们想要一套极具表现力的界面,但也希望保持品牌辨识度,并提供独一无二的用户体验。因此他们决定不遵循标准的Android Leanback界面,他们建立了自己的布局与导航系统。

TVPlayer的主体布局对ViewPager组件进行了自定义。ViewPager是一种布局管理组件,可以在多页内容中轻松左右翻页。在TVPlayer中,通过ViewPager的自定义运用,实现了水平滚动翻页切换节目与频道,每一页都包含一系列自定义视图。

内容的快速入口增强粘性

上一版中创建的网格视图得到了改进,每项有更大的间距,并且用水平滚动替代了垂直滚动。同时也引入了快速内容导航:用户可以选中翻页导航指示器,在页面间快速滚动。翻页导航指示器与ViewPager相关联,决定了当前展现什么页面,下一页是什么。快速滚动意味着用户能更快触达更多内容,因此有助于增强用户粘性、加强记忆。

 

7.jpg

 

马赛克式界面:内容的快速入口,更加商业化

最终的结果是马赛克式界面,能快速到达各个频道。自定义Android视图和Adapter的使用,让开发者能在一个界面中完全掌控和融合免费与付费内容,改善了通向应用内购的高级内容入口,因此也创造了更多收入。TVPlayer从第一版完全免费的形式,变为包含付费内容的新版本。保持了干净的用户界面,将界面背后的逻辑与核心应用组件分离开,使得这次改版轻松而迅速,也保证了快速迭代来创造优秀的用户体验和加强商业化。

 

8.jpg

 

马上开始创造Amazon Fire TV应用吧!

Amazon Fire TV和Fire TV Stick给你提供了绝佳的机会,让你的Android或HTML5应用能触达更多用户。只要遵循Amazon Appstore的开发者文档,把Android移动应用迁移到Fire TV上非常简单!这些链接会非常有用:

Amazon Fire TV:把应用和游戏带到客厅,触达更多用户

https://developer.amazon.com/public/solutions/devices/fire-tv/overview/developing-apps-and-games-for-amazon-fire-tv

Amazon Fire TV应用与游戏开发入门

https://developer.amazon.com/public/solutions/devices/fire-tv/overview/getting-started-developing-apps-and-games-for-amazon-fire-tv

为Amazon Fire TV开发应用与游戏

https://developer.amazon.com/public/solutions/devices/fire-tv/overview/developing-apps-and-games-for-amazon-fire-tv

责任编辑:饶军

为您推荐

数字电视:三网融合助力中国数字电视产业快速发展

2010年4月13日,中国权威ICT研究与管理咨询机构赛迪顾问股份有限公司(股票代码:HK8235)在“2010中国消费电子市场年会”上发布《2009-2010年中国数字电视产业发展研究年度报告》显示:2009年中国新增数字电视用户2770.0万户,其中大部分为有线数字用户,达到2094.1万户,卫星和IPTV用户增长也较迅猛,分别达到419.1万户和201.1万户。到2009年年底,中国数字电视用户达到7692.7万户。2009年中国数字电视产业继续高速发展。全球性的经济危机对中国的数字电视产业发展没有产生丝毫的不利影响。从企

谷歌或斥巨资打造网络视频新时代

近日,据资讯网站BusinessInsider报道,两个业内人士指出,谷歌最近耗巨资升级Youtube,旨在替代有线电视。这两位消息人士称,这一花费比收购Youtube的价格更高。去年春天,有消息称谷歌斥资1亿美元为YouTube换血,加载了很多原创内容。周四,更是传出其将耗资5亿美元,进行一个替代有线电视的内容升级计划。其中一位知情人士透露,谷歌正就视频版权与他所在的公司进行磋商,每笔类似交易都将面临着数千万美元的成本。如今,谷歌已向业界发出信息征求书,并与有线程序员、电影工作室以及其他非视频业务人员就此项目进行谈判。另一位知情人士曾参与谷歌竞购Hulu网站的谈判,他指出,谷歌收购Hulu就

明起南京将步入"三网融合"时代

云媒体电视已于今年8月1日在南京市正式上线,在首批2000名体验用户的支持配合下,进行了为期50天的试运行,期间云媒体电视完成了进一步完善优化,9月20日起正式面向全市用户推广,云媒体电视升级将分批进行。"云媒体电视”是江苏有线继单向数字电视、互动数字电视之后,顺应三网融合要求自主研发的第三代数字电视。云媒体电视借助电视机这一最常见、使用频率最高的家庭显示终端,高效整合电视、广播、报刊、互联网四大媒体,开展视频业务、通讯业务和互联网业务,为用户提供融合三网的全方位服务。在云媒体电视时代,上网冲浪、电视读报、在线缴费、电视购物、视频通话等等都能在电视机上实现。升级工作将在南京分批开展。江苏有线在

我国投82亿解决已通电村看电视和听广播难

吉林省靖宇县是国家级贫困县,所辖的那尔轰村是距离县城最远的村庄之一,到县城有50多公里。村委会主任曲云罡告诉记者,由于路途遥远,山路弯弯,那尔轰村村民过去总有种“与世隔绝”的感觉。“农闲时也没啥娱乐活动,去县城玩太远,村民除了打牌就是看电视。可是以前电视就几个台,选择太少,大家伙儿都觉得生活挺封闭的。现在电视有三十多个台,二人转、电视剧、电影、农技知识,想看啥有啥,感觉自己和城里人日子一样幸福。”曲云罡说。在吉林省,正有越来越多的农民和那尔轰村的乡亲们一样,感受到“广播电视村村通”工程带来的实惠。截至2010年,吉林省总计完成5089个20户以上已通电自然村广播电视“村村通”工程建设,超额完成