电视平台下的四向键交互原则

一、划分区块

“四向”键(含确认键)与鼠标不同,它的特点是按照焦点顺序移动。所以当含有大量的内容时,需要划分成一个一个的区块,以便于进行快速定位。

在选中某一区块后,再对具体内容进行操作。

二、十字结构呈现

在很多情况下,需要将内容按照不同的功能进行归类,划分为不同的“功能区块”。当功能区块含有大量内容时,使用十字结构能够保证用户在任何情况下都能够快速的在功能区块间切换。

标准十字结构:

变种十字结构:

在只有两个模块(或两级内容)时,可以考虑将标准十字结构变形。与标准的十字结构相比,这种交互更加方便。

三、可视区域内的元素能够跨层级顺序置焦

在可视区域内的可操作元素,无论是否处在同一层级,原则上都要求能够按照平面坐标顺序移动——即,不论层级关系如何,只要在平面坐标上相邻,就应该能够顺序置焦到上面。

需要注意,焦点的平面坐标有可能会产生动态的变化——在这种情况下,也要遵循本原则。要根据屏幕内容的动态变化,动态的改变焦点的跳跃顺序。

如图一,按左右键,焦点在“A”和“C”间切换。

如图二,当滚动条拉到最下面时,出现了“分页”条,这时按左右键,焦点应该顺序的在“A”、“B”、“C”三个区域间移动。

四、在不同的模块间切换时,默认的焦点问题

在很多情况下,从一个功能模块跳到另一个功能模块时,默认焦点遵循原则三(即可视区域内的元素能够跨层级顺序置焦),其">交互体验并不一定是最好的。遇到这种情况,我们就应结合具体的交互、用户目标、用户习惯等进行具体的设计,找到一种更合适的默认焦点——这需要遵循严格的用户测试流程,有具体的数据支持,以确保这么做确实是更加合理的,否则本原则不成立。

五、“四向”键完全操控

遥控器与鼠标不同,遥控器的设计更加多样和随意。目前市面上的遥控器有数百种以上,他们的按键数量、按键功能、按键布局都有很大的不同。为了避免风险并打造一个统一的体验,我们需要能够使用“四向”键完成全部操作。

当然,这么做的目的还有一个:只使用“四向”键进行操作时,用户可以不看遥控器,视觉焦点一直在电视屏幕上。但如果使用了“四向”键外的其他按键,用户在使用时,眼睛会频繁的在遥控器和电视屏幕间切换,会频繁的打断用户的任务流。

除此之外,用户在使用“四向”键外的其他按键时还需要思考和寻找,给用户增加了很多额外的认知、记忆负担。

六、可操作即可置焦,直接对元素进行操作

在进行交互和视觉设计时,要做到“可操作即可置焦,直接对元素进行操作”。即如果某个元素能够进行相关操作,那么就应该直接对此元素进行操作——而不是将对此元素的操作割裂的放到其他位置。

“直接对元素进行操作”看似与“将不同类型的内容进行功能模块划分”产生冲突。实际上只要分析具体情况,找到两者间的对立统一关系,就不会产生冲突。

七、清晰明确的显示焦点,避免焦点的丢失和跳跃

在使用“四向”键进行操作时,我们的一切操作都是对焦点的操作。焦点是至关重要的,我们要结合具体的情景,通过一系列的视觉、交互手段强化焦点、避免焦点的丢失和跳跃。

本文来自:http://blog.sina.com.cn/s/blog_61e545fd0100ymjn.html

时间: 2024-10-12 03:55:09

电视平台下的四向键交互原则的相关文章

交互设计原则:电视平台四向键交互设计

文章描述:电视平台下的四向键交互原则. 一.划分区块 "四向"键(含确认键)与鼠标不同,它的特点是按照焦点顺序移动.所以当含有大量的内容时,需要划分成一个一个的区块,以便于进行快速定位. 在选中某一区块后,再对具体内容进行操作. 二.十字结构呈现 在很多情况下,需要将内容按照不同的功能进行归类,划分为不同的"功能区块".当功能区块含有大量内容时,使用十字结构能够保证用户在任何情况下都能够快速的在功能区块间切换. 标准十字结构: 变种十字结构: 在只有两个模块(或两级

电视平台下的交互设计:四向键交互七大原则

一.划分区块 "四向"键(含确认键)与鼠标不同,它的特点是按照焦点顺序移动.所以当含有大量的内容时,需要划分成一个一个的区块,以便于进行快速定位. 在选中某一区块后,再对具体内容进行操作. 二.十字结构呈现 在很多情况下,需要将内容按照不同的功能进行归类,划分为不同的"功能区块".当功能区块含有大量内容时,使用十字结构能够保证用户在任何情况下都能够快速的在功能区块间切换. 标准十字结构: 变种十字结构: 在只有两个模块(或两级内容)时,可以考虑将标准十字结构变形.与

不同平台下菜单的交互设计探析

菜单的交互类型: 平行结构 线性结构(菜单层级沿x.y任一轴向平行展开.) 纵深结构(菜单层级沿z轴纵深递进,一个界面只显示一个菜单层级.) 十字结构 菜单使用x.y.z任意两轴向结合 十字.纵深结合 使用十字结构展现主要层级,其他菜单层级进行纵向展现. 各平台分析: PC平台: PC平台特点: 分辨率高--可以在屏幕上展现大量信息. 与人距离近(30~60CM)--可以使用小字体和小图标. 键鼠操作方便.灵活--能够支持复杂.功能强大的交互. 结论: 键鼠为PC平台提供了完美的交互支持.能够进

不同平台下菜单的交互设计应该是什么样

菜单的交互类型: 平行结构 线性结构(菜单层级沿x.y任一轴向平行展开.) 纵深结构(菜单层级沿z轴纵深递进,一个界面只显示一个菜单层级.) 十字结构 菜单使用x.y.z任意两轴向结合 十字.纵深结合 使用十字结构展现主要层级,其他菜单层级进行纵向展现. 各平台分析: PC平台: PC平台特点: --分辨率高--可以在屏幕上展现大量信息. --与人距离近(30~60CM)--可以使用小字体和小图标. --键鼠操作方便.灵活--能够支持复杂.功能强大的交互. 结论: 键鼠为PC平台提供了完美的交互

Android平板电脑应用程序设计交互原则和设计案例

文章描述:Android平板电脑上的APP设计须知. 设计师们从来没有像今天这样需要为如此多的移动设备营造用户体验.随着平板电脑持有量的不断增加,我们进入了"后PC时代".各个公司都在极力为用户提供高质量的用户体验,以争取他们的注意力.设计一个成功的Android的应用程序,不仅需要一个伟大的.可以激励用户下载.使用和保存的构想,还需要一个自然流畅而又直观的用户体验. 以下这些内容有助于设计师了解iPad的iOS和Android的3.x"蜂巢"系统的交互原则和主要元

刘经赟:百度开放平台下搜索营销发展方向

中介交易 SEO诊断 淘宝客 云主机 技术大厅 最近几天,互联网界对百度开放平台的推出是讨论激烈,各路专家褒贬不一,对相关行业冲击各抒己见,百度推广后台也于9月3日升级了,很多参与百度推广服务的朋友普遍反映关键词质量度下降,很多推广创意也不能置左,这些变化也对我们的网络营销工作带来影响,在这里刘经赟抛砖引玉,对如何在百度开放平台下探讨新的搜索营销模式发表些见解: 一:百度开放平台定义: 百度开放平台是基于框计算先进技术和服务理念,而提供的开放数据分享暨对接平台.通过该平台,广大站长和开发者可以提

内行看门道!聊聊交互原则那些事儿

  刚学习交互设计的新人,面对繁多的交互设计原则,肯定晕头转向.总不能每款产品都按着交互原则一一比对吧?今天资深交互设计师老D由浅及深,聊聊交互原则的那些事儿,特别适合新人呦. 为什么需要设计原则? 设计原则其实就是对一些设计过程中基于人类的认知规律对设计做出的一些指导性原则,并且对已经成为行业共识的设计经验做个总结,用来指导设计师界定问题.提高效率. 经常用的设计原则有哪些? 先来抛一个老D在早年刚接触交互设计的时候最为大家所认可的几条设计原则: 1. 可学习性 目标用户在已有的知识和经验基础

XML在.net平台下的自定义控件的应用

xml|控件   Xml全称可扩展标记语言(extensible marked language),这套语言系统由于在数据处理,跨平台等方面的独特优势,在近几年风靡全球.Xml语言系统把任何数据都作为"键"和"值"来进行处理,这一点类似于很多数据库管理系统(DBMS),而且它与具体的机器指令无关,其存储方式是纯文本文件,因此具有出色的跨平台性.另外它允许用户创建自己的数据指令系统,在这套指令系统的框架下,用户可以把所有信息转换成易于存取的数据,大大加快了开发的周期和

.Net平台下开发中文语音应用程序

程序|中文 .Net平台下开发中文语音应用程序 -------------------------------------------------------------------------------- 摘要:语音是人类最自然的交互方式,也是现阶段软件用户界面发展的最高目标.微软公司一直积极推动语音技术的发展,并且公布了语音开发平台Speech SDK帮助开发人员实现语音应用.随着.net技术深入人心,越来越多的程序员开始转到.net平台上进行开发.然而,在新发布的.net speech