一、劃分區(qū)塊

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

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

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

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

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

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

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

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

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

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

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

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

四、在不同的模塊間切換時，默認(rèn)的焦點問題

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

五、“四向”鍵完全操控

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

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

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

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

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

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

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

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

文章來源：Samael任帥