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

2019-04-03    来源:Samael任帅

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

一、划分区块

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

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

二、十字结构呈现

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

标准十字结构:

变种十字结构:

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

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

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

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

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

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

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

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

五、“四向”键完全操控

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

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

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

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

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

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

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

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

文章来源:Samael任帅

标签: 用户体验 ueux 交互设计 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:我说新手用户引导

下一篇:关于建立淘宝店UED的一点小思考