目標
弱視のあるプレイヤーを含むすべてのプレイヤーが、ゲーム UI のどの要素にフォーカスがあるかを常に把握できるようにします。概要
フォーカス インジケーターは、どの UI 要素が現在入力フォーカスを持っているかを示す視覚的なマーカーです。対話的入力 (「A を押して選択」など) は、フォーカスがある要素に適用されます。控えめ、または断続的にしか見えないフォーカス インジケーターは、弱視のプレイヤー、認知障害のあるプレイヤー、支援技術ユーザー、ゲーム初心者にとって障壁となります。フォーカスが隠れている要素や画面外の要素に移動すると、プレイヤーが先に進めなくなる可能性があります。スコーピング質問
- どの手法でフォーカスを示していますか (色、アウトライン、その両方)?
- その手法は弱視や色覚異常のプレイヤーに見えていますか?
- どのコントロールにフォーカスがあるかの表示は常にありますか?
- インジケーターはゲームの すべての UI 背景 (色、画像、アニメーション) 上で見えていますか?
- ゲームには他の UI にオーバーレイするダイアログ ボックスが含まれますか (フォーカス インジケーターが失われがちな一般的な場所)?
実装ガイドライン
非常に視認性の高いフォーカス インジケーター
すべての UI 要素は、フォーカスを受けたときに非常に視認性の高いフォーカス インジケーターを表示するべきです。手法には以下が含まれます。- フォーカスされた要素の周囲の枠
- フォーカス時に要素サイズやフォント ウェイトを増加させる
- 要素の背後にコントラストのあるブロック塗りを追加する
- 冗長性のために複数の手法を組み合わせる
- The Outer Worlds — フォーカス インジケーターが要素をアウトラインし、コントラストのあるブロック塗りを追加し、フォント ウェイトと色を変更します。
- Fallout 76 — 一時停止メニューは、高コントラストの黄色い背景と、左側にある小さなアニメーション キャラクターで項目をハイライトします。
常に見えている、画面外にならない
- 視覚的なフォーカス インジケーターは常に画面上で見えているべきです。
- フォーカス インジケーターは、どのフォーカス可能な要素上でも見えなくならないようにします。
- フォーカスは非表示の要素や画面外の要素に移動しないようにします。
- ダイアログ ボックスが表示されるとき (例: Forza Horizon 4 の「未保存の変更」警告)、フォーカスはダイアログ内の最初の対話可能なコントロールに移動し、ダイアログが開いている間はダイアログ外の要素にフォーカスを移動できないようにする必要があります。