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

  一、划分区块

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

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


  二、十字结构呈现

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

  标准十字结构:


  变种十字结构:

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


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

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

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


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

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

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

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


  五、“四向”键完全操控

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

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

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

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

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

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

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

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

  文章来源:Samael任帅

时间: 2024-08-04 12:59:42

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

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

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

交互设计的职能:交互设计师具体做什么

文章描述:本章主要详述一下交互设计的职能--交互设计师具体做哪些内容? 本章主要详述一下交互设计的职能--交互设计师具体做哪些内容? Ⅰ. 先了解一下交互设计的基本概念: 交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的.交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,获得愉快的用户体验. Ⅱ.交互设计在项目流程中的位置和任务: 项目前期的流程和节点: 职能的细化就是为了让产品在每个专业环节都做到极致,提高竞争力.如果是为了走流程,每个环节都是任务式

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

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

手机的交互设计方法:手机产品交互设计原则

一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定两个问题:一是确定目标用户群体:二是确定信息收集的方法和途径. 在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息.因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户.在理想的情况下,当用

交互设计实用指南:交互设计面向用户追求可用性

文章描述:交互设计实用指南系列一:我们眼中的交互设计. 交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造系统的行为的设计领域.人造物,即人工制成物品,例如,软件.移动设备.人造环境.服务.可佩带装置以及系统的组织结构.交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面(Wikipedia).通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目

给交互设计初学者的完全自学指南

  想自学交互设计 的同学,你们的福利来咯!今天@IrioLee 这篇译文,从什么是交互设计 /常见的交互设计方法/日常任务和交付成果/好用的设计工具/书籍等多个方面从头开始做了一遍梳理,技多不压身,视觉设计师也可以来给自己充个电! 交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域.现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互. 这篇文章对有兴趣学习更多关于交互设计的知识的人来说是一

设计分析:交互设计的事件分类

挖坟 交互设计(Interaction Design)产生于二十世纪八十年代,在1984年一次设计会议上,大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念,作为一门关注交互体验的新学科而存在并发展到今天,他一开始给它命名为"软面(Soft Face)",由于这个名字容易让人想起和当时流行的玩具"椰菜娃娃(Cabbage Patch doll)",他后来把它更名为"Interaction Design"――交互设计. 思考 交互设计是

那些工作教会我的事情(1):关于交互设计

自从被知道成为交互设计师的那一天起,邮箱或IM上,间歇性地,会收到很多师弟师妹的信息,让我说说这个职位,谈谈感想,说说见解,给他们指明一条平坦的道路.(可惜我一路走来颇为争扎.)这快2年的时间,搪塞了不少没法回答的问题,也忽悠了一些不靠谱的人.但总体而言,写这篇文章除了给师弟师妹们一个解答之外.也是给自己的一种总结:让自己的知识显性化,有所积淀,有所运用与传承. 什么是交互设计? 交互设计,又称互动设计,(英文Interaction Design, 缩写 IxD 或者 IaD),是定义.设计人造

聊聊收纳与交互设计

  不是处女座的设计师当不了好甲方--据小道消息说,乔布斯大神家徒四壁,什么也没有,就是因为市面上的家具,没!有!一!件!能入得他老人家的法眼.优秀的设计师们这时候该握拳抵住胸口了,是的,无论是作品还是生活,我都不会放弃追求美.但两者有联系吗?当然了,今天分享来自阿里巴巴的资深交互设计师@Heidixie 的好文,来看看最近很火的「断舍离」「收纳学」与「交互设计」究竟能碰撞出哪些奇异的火花. 前言: @Heidixie :上次与朋友在火车上闲聊,聊到最近的工作.他们正在做一个面向国外用户的App