電視平臺(tái)下的四向鍵交互原則

0 評(píng)論 1679 瀏覽 1 收藏 6 分鐘

一、劃分區(qū)塊

“四向”鍵(含確認(rèn)鍵)與鼠標(biāo)不同,它的特點(diǎn)是按照焦點(diǎn)順序移動(dòng)。所以當(dāng)含有大量的內(nèi)容時(shí),需要?jiǎng)澐殖梢粋€(gè)一個(gè)的區(qū)塊,以便于進(jìn)行快速定位。

在選中某一區(qū)塊后,再對(duì)具體內(nèi)容進(jìn)行操作。

二、十字結(jié)構(gòu)呈現(xiàn)

在很多情況下,需要將內(nèi)容按照不同的功能進(jìn)行歸類,劃分為不同的“功能區(qū)塊”。當(dāng)功能區(qū)塊含有大量?jī)?nèi)容時(shí),使用十字結(jié)構(gòu)能夠保證用戶在任何情況下都能夠快速的在功能區(qū)塊間切換。

標(biāo)準(zhǔn)十字結(jié)構(gòu):

變種十字結(jié)構(gòu):

在只有兩個(gè)模塊(或兩級(jí)內(nèi)容)時(shí),可以考慮將標(biāo)準(zhǔn)十字結(jié)構(gòu)變形。與標(biāo)準(zhǔn)的十字結(jié)構(gòu)相比,這種交互更加方便。

電視平臺(tái)下的四向鍵交互原則

三、可視區(qū)域內(nèi)的元素能夠跨層級(jí)順序置焦

在可視區(qū)域內(nèi)的可操作元素,無論是否處在同一層級(jí),原則上都要求能夠按照平面坐標(biāo)順序移動(dòng)——即,不論層級(jí)關(guān)系如何,只要在平面坐標(biāo)上相鄰,就應(yīng)該能夠順序置焦到上面。

需要注意,焦點(diǎn)的平面坐標(biāo)有可能會(huì)產(chǎn)生動(dòng)態(tài)的變化——在這種情況下,也要遵循本原則。要根據(jù)屏幕內(nèi)容的動(dòng)態(tài)變化,動(dòng)態(tài)的改變焦點(diǎn)的跳躍順序。

電視平臺(tái)下的四向鍵交互原則

如圖一,按左右鍵,焦點(diǎn)在“A”和“C”間切換。

如圖二,當(dāng)滾動(dòng)條拉到最下面時(shí),出現(xiàn)了“分頁”條,這時(shí)按左右鍵,焦點(diǎn)應(yīng)該順序的在“A”、“B”、“C”三個(gè)區(qū)域間移動(dòng)。

四、在不同的模塊間切換時(shí),默認(rèn)的焦點(diǎn)問題

在很多情況下,從一個(gè)功能模塊跳到另一個(gè)功能模塊時(shí),默認(rèn)焦點(diǎn)遵循原則三(即可視區(qū)域內(nèi)的元素能夠跨層級(jí)順序置焦),其交互體驗(yàn)并不一定是最好的。遇到這種情況,我們就應(yīng)結(jié)合具體的交互、用戶目標(biāo)、用戶習(xí)慣等進(jìn)行具體的設(shè)計(jì),找到一種更合適的默認(rèn)焦點(diǎn)——這需要遵循嚴(yán)格的用戶測(cè)試流程,有具體的數(shù)據(jù)支持,以確保這么做確實(shí)是更加合理的,否則本原則不成立。

電視平臺(tái)下的四向鍵交互原則

五、“四向”鍵完全操控

遙控器與鼠標(biāo)不同,遙控器的設(shè)計(jì)更加多樣和隨意。目前市面上的遙控器有數(shù)百種以上,他們的按鍵數(shù)量、按鍵功能、按鍵布局都有很大的不同。為了避免風(fēng)險(xiǎn)并打造一個(gè)統(tǒng)一的體驗(yàn),我們需要能夠使用“四向”鍵完成全部操作。

當(dāng)然,這么做的目的還有一個(gè):只使用“四向”鍵進(jìn)行操作時(shí),用戶可以不看遙控器,視覺焦點(diǎn)一直在電視屏幕上。但如果使用了“四向”鍵外的其他按鍵,用戶在使用時(shí),眼睛會(huì)頻繁的在遙控器和電視屏幕間切換,會(huì)頻繁的打斷用戶的任務(wù)流。

除此之外,用戶在使用“四向”鍵外的其他按鍵時(shí)還需要思考和尋找,給用戶增加了很多額外的認(rèn)知、記憶負(fù)擔(dān)。

六、可操作即可置焦,直接對(duì)元素進(jìn)行操作

在進(jìn)行交互和視覺設(shè)計(jì)時(shí),要做到“可操作即可置焦,直接對(duì)元素進(jìn)行操作”。即如果某個(gè)元素能夠進(jìn)行相關(guān)操作,那么就應(yīng)該直接對(duì)此元素進(jìn)行操作——而不是將對(duì)此元素的操作割裂的放到其他位置。

“直接對(duì)元素進(jìn)行操作”看似與“將不同類型的內(nèi)容進(jìn)行功能模塊劃分”產(chǎn)生沖突。實(shí)際上只要分析具體情況,找到兩者間的對(duì)立統(tǒng)一關(guān)系,就不會(huì)產(chǎn)生沖突。

七、清晰明確的顯示焦點(diǎn),避免焦點(diǎn)的丟失和跳躍

在使用“四向”鍵進(jìn)行操作時(shí),我們的一切操作都是對(duì)焦點(diǎn)的操作。焦點(diǎn)是至關(guān)重要的,我們要結(jié)合具體的情景,通過一系列的視覺、交互手段強(qiáng)化焦點(diǎn)、避免焦點(diǎn)的丟失和跳躍。

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

 

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!