浅谈电视界面与操作模式

  随著互联网与生活越来越密不可分,联网设备也从原本的电脑,变换到了手机上。正当大家的生活离不开手机时,网络也等著进入大家最常接触的第三屏幕-电视。

  一直以来都有许多厂商在智能电视上耕耘,早期的 IPTV, 中华电信MOD、一电视网乐通是这类,现在的 OTT(Over-The-Top)-Box,大家熟知的 Apple TV、Google TV以及大家可能比较陌生的 Roku、Boxee,透过 Netflix、Hulu、Amazon video等丰富的数位内容,达到新的收视体验。

  因为电视拥有大尺寸,远距离观赏的特性,所以在界面的设计开发上,与电脑手机的浏览使用体验都有很大的不同。另外在加上控制器的外在限制,当在使用电视时,我们没有键盘滑鼠,要点击任何按钮,输入任何文字,只能依靠间单按键的遥控器,其中我们最能好好利用的按键,就是 上/下/左/右/确认,要怎麼利用这间单的互动设备,做出让使用者使用时不会「抓狂」的产品,将是我们需要好好研究的课题。

  虚拟键盘的重新设计

  相信可能已经满多人使用过一些运行 Android 的机顶盒,也有人称做客厅电脑的产品。当你打开浏览器想要输入网址时,跳出了虚拟键盘,你利用著遥控器一个一个字慢慢的输入,那种不耐烦几乎想放弃的感觉,应该很多人都有经验。万一你又不小心输入错误全部重来的时候,就留下了智能电视很难用的印象。


  在电视上利用遥控器输入任何数字文字,本来就是一件极度困难的事情,这件事情最大的问题就是 Android 内建的 Qwerty 虚拟键盘,原本设计在手机与平板上,与实体键盘配置相同,让使用者凭著电脑是用经验,快速找到按键位置,达成输入目的。但是换成只有方向键加上确认键的遥控器,配上 Qwerty 虚拟键盘,大部分的时间都在浪费在移动按键上,况且英文键盘的配置,就是為了让每个手指点击的次数差不多,所以输入一个单字,需要四处移动按钮,自然使用者体验不佳。

  在虚拟键盘的设计上,Opera TV 使用传统手机的英文输入法界面,使用时利用遥控器上的 0 ~ 9 数字键来完成输入,另外则是有将 A ~Z, 0 ~ 9 按键重新排列成 6乘6 的虚拟键盘。这两种方法都可以有效降低使用者按遥控器的次数。


  导航界面

  好的导航模式,是可以让使用者很轻鬆的找到想要的东西,在电视的界面上,建议设计成矩形按钮,并且拥有明显的焦点(focus)效果,让使用者清楚明白当下的操作位置。当设计出一个这合电视上阅读的互动界面时,我们即发现到电视上的画面有限,一页能显示的资料量大概只有 10 笔左右。在画面寸土寸金的情况下,Opera TV 选择将焦点固定在正中央,当按下左右按钮时,画面成水平卷动的方式,以获得较多的显示画面。


  Apple TV 则是使用了垂直卷动的方法,刻意让最下层的按钮被画面底部切掉,让使用者知道下面还有内容,当移动到下方按钮时,则会有一个像下滚动的转场效果,让使用者不容易在使用的过程迷路。


  还有一个同时利用到垂直以及水平卷动的 TV app -YouTube TV。这是一个完全用 web 方式开发的应用程式,只要到 https://www.youtube.com/tv 利用浏览器搭配键盘的方向键即可操作。当上下移动时会利用上下卷动的方式变化导航选单,左右移动时则利用水平卷动的方式选择影片连结,这个操作模式非常的直觉,可惜显示内容时只能利用单行的方式显示,能够显示的资料量有限


  智能电视的未来的操作模式还有很多的可能性,最近三星推出了类似 Kinect 体感遥控的 Smart TV,也有利用类似 Wii Remote 的鼠标遥控,或者近期刚发表的 fan TV 更是将大家熟悉的触控方式带进了电视裡,未来与电视的互动方式会演变成什麼洋子,就让我们继续观察下去。

时间: 2025-01-24 14:59:48

浅谈电视界面与操作模式的相关文章

浅谈PHP值mysql操作类_php实例

浅谈PHP值mysql操作类 <?php /** * Created by PhpStorm. * User: Administrator * Date: 2016/6/27 * Time: 18:55 */ Class Mysqls{ private $table; //表 private $opt; public function __construct($host,$user,$pwd,$name,$table_names) { $this->db=new mysqli($host,$u

浅谈PHP面向对象之访问者模式+组合模式

因为原文中延续了组合模式的代码示例来讲访问者模式 所以这里就合并一起来复习了.但主要还是讲访问者模式.顾名思义这个模式会有一个访问者类(就像近期的热播剧"人民的名义"中的检查官,跑到到贪官家里调查取证,查实后就定罪),被访问者类调用访问者类的时候会将自身传递给它使用. 直接看代码: //被访问者基类 abstract class Unit { abstract function bombardStrength(); //获取单位的攻击力 //这个方法将调用访问者类,并将自身传递给它 f

浅谈PHP值mysql操作类

浅谈PHP值mysql操作类 <?php /** * Created by PhpStorm. * User: Administrator * Date: 2016/6/27 * Time: 18:55 */ Class Mysqls{ private $table; //表 private $opt; public function __construct($host,$user,$pwd,$name,$table_names) { $this->db=new mysqli($host,$u

浅谈Java设计模式关于原型模式(Prototype)思索建议

java教程:关于Java设计模式关于原型模式(Prototype) IT信息技术http://www.52ij.com/jishu/ 首先需要弄清楚什么叫原型模式,或者说为什么要有原型模式,运用它会给我们带来什么或能解决什么问题?原型模式(Prototype)同抽象工厂模式同属于创建型模式,它主要关注于大量相同或相似对象的创建问题,应用原型模式就是先需要一个原对象,然后通过对原对象进行复制(克隆),来产生一个与原对象相同或相似的新对象.注意这里所说的对象相同不是指复制出来的副本对象与原对象是同

浅谈云云搜索社交化模式带来的启示

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 社交化搜索一直是搜索引擎探索的对象,而社交化在我们站长中也是想运用而不知道如何运用.社交化搜索"谷姐"应该算是先辈,可是只是火爆一时,而云云网不仅是一个搜索引擎更是一个社交社区,笔者就浅谈一下搜索引擎该如何给自己加料,让搜索引擎社交起来. 传统搜索失败的案例也很多,当然有站长肯定会反驳我说360搜索的迅速崛起,可是360搜

什么让网站设计出了问题 浅谈用户体验的“反面模式”

作为网站的一个用户,你也许时常会发现,使用网站时,有些东西很令人厌烦.例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务.是什么原因让网站的设计产生了这些问题? 答案是复杂的.首当其冲的问题是,设计师们可能忽略了很重要的一点:对实际用户进行测试.这个问题的原因通常是,设计师想当然的认为,他们自己知道如何处理好网站某一部分的交互细节.因为很多设计师觉得,他们已经在其他案例中看到过类似的交互,原设计者肯定已经测试过,为什么多此一举呢? 拿来就好.于是,我们频繁查看别人写好

浅谈用户体验的“反面模式”

作为网站的一个用户,你也许时常会发现,使用网站时,有些东西很令人厌烦.例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务.是什么原因让网站的设计产生了这些问题? 答案是复杂的.首当其冲的问题是,设计师们可能忽略了很重要的一点:对实际用户进行测试.这个问题的原因通常是,设计师想当然的认为,他们自己知道如何处理好网站某一部分的交互细节.因为很多设计师觉得,他们已经在其他案例中看到过类似的交互,原设计者肯定已经测试过,为什么多此一举呢? 拿来就好.于是,我们频繁查看别人写好

浅谈企业网站推广操作SEO的重要性

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 很多行业发展至今,已经处在一个高度竞争的阶段了,现几年,逐步演变成网络电子商务领域的竞争了,大凡一些企业都拥有自已的官方网站,早期都是作为企业形象的一个展示,但没有考虑到能够从网络上带来订单,带来客户,现在越来越多的开始重视到互联网带来经济效益了,而网站能否从互联网搜引网络中获益,就谈及到网站推广,在企业网站推广中SEO显得异常重要. seo

浅谈:交友网站盈利模式探讨

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 免费的才是最贵的.在互联网界,这句话不断地得到印证.QQ.百度都是免费供用户使用,然后通过增值服务来赚钱.免费就是最好的盈利模式,交友网站套用这个模式,也一定会大获成功.可惜国内至今没有免费的纯交友网站(赶集网.58同城在2007年之前有免费交友版块),至于原因这里不讨论,下面探讨一下交友网站的盈利模式. 出售会员资料 这是交友网站最常见的.