ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

020_アンチパターン-UIパターンの使い方が守られていない

「アイドリッシュセブン」ラジオボタンとチェックボックスが混同されているUIデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドリッシュセブン」こと「アイナナ」から、ラジオボタンの見た目…

「ロックマンX DiVE」ラジオボタンとチェックボックスが同じ見た目で違う挙動のアンチパターン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ロックマンX DiVE」におけるチェックボックスとラジオボタンが同じ見…

「ブレイブリーデフォルト ブリリアントライツ」ラジオボタンとチェックボックスの見た目が同じなので、見た目だけでは操作が予測しづらい件

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ブレイブリーデフォルト ブリリアントライツ」、通称「BDBL」から、UI…

「魔界戦記ディスガイアRPG」チェックボックスの見た目をしているのにラジオボタンの挙動になっていると誤解を招きやすい!

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「魔界戦記ディスガイアRPG」でチェックボックスの見た目なのにラジオ…

「三国志名将伝」見た目がチェックボックスなのに挙動がラジオボックスのアンチパターンデザインがあった件

こんにちは、ちょこです。 「三国志名将伝」をプレイしていたら、アンチパターンがあったので事例として紹介します。該当の画面はこちらです。 挙動としてはこのような動作をします。チェックボックスは複数の項目を選択できるUIパーツですが、見ての通り「…

「三国ブレイズ」チェックボックスの見た目なのにラジオボタンの挙動をするUIパーツ

こんにちは、ちょこです! 「三国ブレイズ」で見た目はチェックボックスで、挙動がラジオボタンになっている箇所がありました。 アンチパターンの事例として紹介します。 該当の画面はこちらです。 4つのアイテムの中から任意のアイテムを1つ選ぶ場面です…

「ヒプノシスマイク-A.R.B-」UIのアンチパターンを放置する6つのデメリット

こんにちは、ちょこです! 引き続き「ヒプノシスマイク-A.R.B-」をプレイしています。今回はUIパーツのアンチパターンと見られる使われ方をされていた箇所があり、気になった次第です。 下の画面なのですが、よく見てください。 ご覧になりましたかね・・・…

「アズールレーン」デザインが気になったところ。とにかく色覚多様性対応の意識だけは忘れないでいて欲しい!

こんにちは、ちょこです! 「アズールレーン」のUIでいくつか気になった箇所があったんですよね…。ちょっとまとめて考えてみます。 なるべく主観によらず普遍的な部分での話でまとめたつもりですが、考察不足であればすみません。 1:情報の扱い方 2:ボタン…

「パレットパレード」フィルタがシルエットでも色でも分かりづらいアンチパターン。他タイトルから改善案を紹介します。

こんにちは、ちょこです。 「パレットパレード」のフィルタ機能ですが、どういったデザインなのかコレ…。 全部にチェックが入っているように見えますが、実は違います。 黒いチェックマークは未チェック状態を示しており、チェック状態はピンク色のチェック…

「妖怪三国志 国盗りウォーズ」チェックボックスとラジオボタンの使い分けを正しく理解されるためには何が必要なのか…

こんにちは、ちょこきなこです。 「妖怪三国志 国盗りウォーズ」にて、チェックボックスとラジオボタンのUIパーツの使い方が混在しているアンチパターンがあったので、紹介します。 こっちはラジオボタン。複数選択できません。 こっちはチェックボックス。…

「妖怪ウォッチメダルウォーズ」ボタンの見た目と挙動って合わせないとダメ?アンチパターンに繋がるので合わせるのが原則

こんにちは、ちょこきなこです。 今回はUIパーツのアンチパターンの紹介です。こういうネタはあまり好きでは無いのですが、実例を元にお手本として広まってしまうのも良くないので、紹介させてください。 アンチパターンって何? ここで言うアンチパターンと…

「きららファンタジア」チェックとタブのデザインが同じなのが分かりづらい。挙動が違うデザインは見た目にも差をつけて。

こんにちは、ちょこきなこです。 「きららファンタジア」にて、チェックボックスとタブのデザインが同じなので、見た目から予測される挙動が分かりづらいと感じました。 ちょっと分かりづらいデザインですが、上の段はタブの挙動で、下の段がチェックボック…

「スターホースポケット」見た目と操作が一致してないUIは直感的でないと改めて感じた事例

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 音量調整画面が少し変わったデザインをされていました。 これ…どうなんだ…? 「ダイヤル」ならくるくる回す操作だと直感的に思っちゃうんですが、そうじゃないんですよね…。 操作をまとめるとこ…

「ジャンプチ」チェックボックスとラジオボタンが同じUIのソート画面

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「ジャンプチ」のソート画面です。 これ…すごく悩ましいデザインなんですよね…。絞り込みタブの方は複数選択可能なボタンで、並び替えの方は単一選択のボタンなんです。 要するにチェックボック…