電視平臺產(chǎn)品設(shè)計:四向鍵交互原則

2012-01-01 12:20:22來源:博客作者:Samael任帥

一、劃分區(qū)塊

一、劃分區(qū)塊

“四向”鍵(含確認鍵)與鼠標不同,它的特點是按照焦點順序移動。所以當含有大量的內(nèi)容時,需要劃分成一個一個的區(qū)塊,以便于進行快速定位。

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

電視平臺下的四向鍵交互原則

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

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

標準十字結(jié)構(gòu):

電視平臺下的四向鍵交互原則

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

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

電視平臺下的四向鍵交互原則

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

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

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

電視平臺下的四向鍵交互原則

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

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

四、在不同的模塊間切換時,默認的焦點問題

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

電視平臺下的四向鍵交互原則

五、“四向”鍵完全操控

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

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

除此之外,用戶在使用“四向”鍵外的其他按鍵時還需要思考和尋找,給用戶增加了很多額外的認知、記憶負擔。

六、可操作即可置焦,直接對元素進行操作

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

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

七、清晰明確的顯示焦點,避免焦點的丟失和跳躍

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

文章來源:Samael任帥

贊助商鏈接: