「ここがダメだよ！ゲームのUI」 - こんなバッドUIに心当たりはありませんか？ゲームUIの失敗リファレンス集

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その１、同じ機能なのに使うボタンが違う。「そんなわけねーじゃん！」とお思いでしょう？でも例えば、「マップを拡大するボタン」と、「ギャラリーでモデルを拡大するボタン」が平気で違ってたりする。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その２、同じものが違う場所に表示される。「そんなわけ(ry」あるモードでは「名前、ステータス、技」の順番なのに、別のモードで開くと「名前、技、ステータス」の順になってたりとか。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その３、戻る方法が統一されてない。あるメニューだと「EXIT」でメニューを抜けるのに、ほかのメニューには「EXIT」がなく、Bボタンで抜けるしかなかったり。

SiFi-TZK @SiFi_TZK

昼休みなので、ここがダメだよ！ゲームのUI。ちなみにここでの呟きは特定の組織や個人、タイトルなどへの批判ではないです。世のゲームUI設計者が参照できる失敗リファレンスだと思っていただければ。ではその４、ボタンアイコンの表示が一定しない。可能ならサイズも合わせて欲しいところ。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その５、「はい/いいえ」の選択の左右、上下が混在している。特に左右の場合、まれに「はい/いいえ」と「いいえ/はい」が混在してたりするともう。ちなみに、普段デフォルトが「はい」なのに上書き確認などでは「いいえ」なのは誤操作防止なので許してください。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その６、タッチ操作とキー操作が混在（DS系）。「ここから先はキーのみ」じゃなくて、「キーのみ→タッチのみ→キーのみ→どっちも可」みたいになっているとストレスマッハ。ここまで極端でないにしろ、「キー推奨→タッチ推奨→キー推奨」みたいな遷移もNG。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その７、タッチで画面が進むシーンがわからない。これは特にスマホ系。ボーッと待ってても進まないのでとりあえずタッチしてみると進む。ヒドイのになると、明示的に「タッチで進みます」と書いてあるシーンと、明示されないけどタッチしないと進まないシーンが混在。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その８、「決定」で抜けるメニューと「キャンセル」で抜けるメニューが混在。昨日の「EXITとBボタン」の話の変形。PCのBIOSみたいに「決定して終了」「変更を破棄して終了」とか明示されてればまだマシだけどそれも冗長ではある。統一することが大事。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その９、ページ送りがAボタンだったり左右キーだったりLRボタンだったりする。作ってる間にメニューが増え、ポリシーが一貫できなくなるパターンをよく見る。UI担当なら一人ならだいたい問題ないんだけど。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その１０、レバーと十字キーの対応が不完全。同じソースで動かしてたり、ちゃんとデバッグしてれば大抵大丈夫なんだけど、なぜか特定のメニューだけレバーしか利かなかったりキーしか利かなかったりする。

SiFi-TZK @SiFi_TZK

さて、ここがダメだよ！ゲームのUI。その11？だっけ？メニューの位置がシーンによってちょくちょく変わる。特に文字揃えが右だったり左だったり中央だったりする。同じメニュー内容なのに文字揃えが別々だったりするとかなりイラッ☆とする。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その12、メニューの端が繋がってたり繋がってなかったり。たとえばレバー上下で選択の場合、レバー下でキーリピートでずっと動くか、一番下の項目で止まるか。たまに下はリピートだけど上はリピートしないとかもある。このへんが統一されずに混在するとストレス大。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その13、メニュー選択のキーリピート速度が違う。これ、意外とストレスに思う人は多いんじゃないかと思う。また、キーリピートが始まるまでのタイムラグが違っていないか、というのも気を付けたいポイント。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その14、メニューの文字フォントやサイズが違う。さすがに同じ画面の場合にはそうそうないが、別のシーンだとフォントが違っていたりする。また、シーン毎で不統一なのにオプション的なメニューだけフォントが揃っているせいで混在したりするのもよくあるパターン。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その15、「はい/いいえ」と「実行/不実行」の関係の混在。「実行します。よろしいですか？」と「実行しません。よろしいですか？」を混在させると、だいたい「はい＝実行」として理解した誤操作が起きる。

SiFi-TZK @SiFi_TZK

こういう場合は面倒くさがらずに「実行する/実行しない」のメニューを作るのが正解。なんでもかんでも「はい/いいえ」で選択させるのは危険もあるということ。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その16、メニューの同じ機能が別の表現になっている。特に、英語と日本語がちゃんぽんになっている。これは、歴史のあるゲームなんかでよく見かける。ファミコン時代のスタートメニューがアルファベットだったのをそのまま引き継いでるけど、その下は日本語だとか。

SiFi-TZK @SiFi_TZK

はい、ここがダメだよ！ゲームのUI。その17、決定とキャンセルが選択だったりボタンだったりする。よく見るのが「A:はい / B:いいえ」になってるやつで、これはボタンで一発選択。でも他のシーンだと「はい / いいえ」をカーソルで選択したりする。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その18、「タップで決定」と「ダブルタップで決定」が混在。これ、自分が仕様を切る時でも悩ましいんだけど、個々の項目について説明を出す仕様（カーソル選択の場合によく使われる）と相性が悪くて、特にDS系の、二つの操作系が共存する場合に非常に悩ましい。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その19、二択のときにどっちを選択しているかわからない。色の反転でカーソルを表現するパターンによく見る。「はい/いいえ」の二つしか選択肢がなく、レバーを入れてもキーリピートでただ項目が反転するだけ。他のメニューと合わせて考えればほぼ問題ないとはいえ。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その20、カーソル表現がバラバラ。よくあるパターンは、矢印（他のアイコン）、半透明の帯が乗っかる、帯や枠がつく、選択肢の画像（フォント）が変化する、反転する、ちょっとハミ出す、などがあるけど、これらがシーンによって混在してたりする。

SiFi-TZK @SiFi_TZK

なかにはカーソルがデジタル移動だったりアナログ移動（レバーを入れた方向にぬぼーっとマウスカーソルが動くタイプ）だったりするやつもあった。それで選択するメニュー自体は一緒、とか。さすがに最近はあんま見ないけど。

SiFi-TZK @SiFi_TZK

さて、ここがダメだよ！ゲームのUI。その２１、変更が確定したのかよくわからない。オプションなどで、決定とキャンセルのどちらでも抜けられるが、変更がそのまま確定される場合と、決定ボタンの場合でしか確定しない場合があったりする。後者にする場合は、確認ダイアログを出すとかが必要。

SiFi-TZK @SiFi_TZK

ここがダメだよ！ゲームのUI。その２２、何について確認しているのかよくわからない再確認。「本当に実行してもよろしいですか？」と画面に出ているが、何を実行するのか、どんなデメリットがあるのかを表示していたウィンドウは隠れてしまったり消えてしまっていたりする。