目標
確保玩家 (包括低視能的玩家) 永遠知道遊戲 UI 中的哪個元素擁有焦點。概述
焦點指示器是顯示目前哪個 UI 元素擁有輸入焦點的視覺標記。任何互動式輸入 (例如「press A to select」) 都會套用到擁有焦點的元素。不明顯或間歇可見的焦點指示器,對低視能、有認知障礙、使用輔助技術及新接觸遊戲的玩家來說都是障礙。如果焦點移到隱藏或畫面外的元素,玩家可能會被阻擋而無法繼續。範圍問題
- 使用什麼方法來表示焦點 (色彩、外框,或兩者兼具)?
- 對於低視能或色盲的玩家來說,該方法是否可見?
- 是否始終有指示顯示哪個控制項擁有焦點?
- 指示器在遊戲中的所有 UI 背景 (色彩、影像、動畫) 上是否都可見?
- 您的遊戲是否包含覆蓋在其他 UI 上的對話方塊 (焦點指示器常在此處消失)?
實作指南
高度可見的焦點指示器
所有 UI 元素在取得焦點時,都應顯示高度可見的焦點指示器。技巧包括:- 在取得焦點的元素周圍加上框線
- 在取得焦點時放大元素或加粗字型
- 在元素後方加上對比鮮明的區塊填色
- 結合多種技巧以提供備援
- The Outer Worlds:焦點指示器會為元素加上外框、加入對比鮮明的區塊填色,並變更字型粗細與色彩。
- Fallout 76:暫停選單以高對比的黃色背景醒目提示項目,並在左側加上一個小型動畫角色。
永遠可見,絕不在畫面外
- 視覺焦點指示器應永遠在畫面上可見。
- 焦點指示器不應在任何可取得焦點的元素上變得不可見。
- 焦點不應移到不可見或畫面外的元素。
- 當對話方塊出現時 (例如 Forza Horizon 4 的「Unsaved Changes」警告),焦點應移到對話方塊中第一個可互動的控制項,而且在對話方塊開啟期間,不應能將焦點移到對話方塊以外的任何項目。