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

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

Fire TV上的TVPlayer

这个任务并没有吓到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中下载。移动端版本的设计师,将点聚焦于可用性与内容的易达性。他们在欢迎界面采用了大胆醒目的图片布局,主标签内有可滚动的直播电视频道列表。设计师决定坚持“浅色”主题,为了使内容突出,也保持各平台的主题一致。

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

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

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

第一版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的设计师进行了深入的竞品分析,理解流媒体应用设计当前的趋势,掌握了如何设计统一一致的界面,甚至是跨越多平台与设备

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

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

让用户的眼睛免于疲劳。

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

通过ViewPager进行内容翻页

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

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

内容的快速入口增强粘性

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

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

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

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

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

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

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

为Amazon Fire TV开发应用与游戏

原文链接:medium

译文地址:可乐橙

作者:Mario Viviani

译者:可乐橙

(0)

相关推荐

  • 智能电视应用 韩剧TV版体验报告和点评

    一转眼就到十一国庆长假了,小伙伴们是不是很开心哪!长假你们都有啥计划呀,是准备出去旅游还是宅在家里休息呢?我呢,先喝一场好朋友的喜酒,然后就没有具体规划了,不想出去看人山人海,还是待在家里,看--电- ...

  • 小鸡模拟器TV版如何下载和使用虚拟手柄?

    小鸡模拟器TV版是集合了各类电视.掌机及街机游戏于一体的综合型免费游戏大全.现已收录近四千款经典作品,目前已支持MAME.FBA.FC.SFC.MD等模拟游戏运行. 电视玩游戏,首选模拟器.很早就入手 ...

  • 如何在电视上安装云视听极光/腾讯视频TV版?

    如今很多视频播放平台都推出了TV版,可以在智能电视上播放,家中有智能电视或机顶盒的小伙伴,就可以在家按照下面的步骤安装腾讯视频TV端,在云视听极光上观看使用,小编这里就跟大家分享安装. 方法一:通过U ...

  • 电视猫tv版怎么安装到电视

    电视猫tv版是一款电视直播软件,专门用于电视上收看直播节目,安装方法很简单. 操作方法 01 首先在电视猫的官网上下载电视猫tv版,一定要确认版本名称,不要下载错误. 02 将安装程序拷贝到u盘中,然 ...

  • 乐视电视TV版需要登录吗?是否必须激活或购买高级VIP会员

    不登录、不付费也可正常使用TV版,正常观看视频,但只能观看低码流的免费视频。 登录之后,您将享受播放记录云同步、视频推送等多种功能。购买套餐成为高级VIP会员之后,您将能点播包括3D、杜比、同步院线大 ...

  • 刷机精灵tv版怎么安装

    刷机精灵是一款运行于PC端的Android手机一键刷机软件,能够帮助用户在简短的流程内快速完成刷机升级 1、下载刷机精灵tv版 2、准备工作 1)安装刷机精灵并打开:点击下载,右上角选择 设置 ; 2 ...

  • 运动加加tv版怎么玩

    运动加加电视版是智能电视最佳运动类体感游戏集合,十款经典游戏:快乐家族、轻松羽毛球、轻松网球、趣味棒球、轻松保龄球、热血运动会、飞镖、走钢丝、眼保健操、趣味高尔夫。所有游戏支持用红外遥控器进行界面操作 ...

  • 泰捷视频tv版怎么自定义频道 泰捷视频tv版自定义频道图文教程

    很多用户对于自定义频道的操作方法还不是很清楚,其实方法很简单,今天小编就为大家带来泰捷视频tv版自定义频道图文教程,一起看看吧. 泰捷视频tv版怎么自定义频道? 自定义频道是个非常实用的功能,除了软件 ...

  • PPTV聚力TV版关闭怎么看PPTV视频.直播(两种解决方法)

    继腾讯视频TV版关闭之后,PPTV聚力于8月29日也宣布关闭智能电视客户端(TV版)服务。新用户将不能下载PPTV TV客户端。而对于已安装TV客户端用户,PPTV将强制升级,升级后会显示无法服务。下 ...