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

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

012_機能-絞り込み/フィルタ機能

「V4」初めて見た操作形態のフィルタ画面。見た目はすっきりしてる。

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「V4」から、アイテムのフィルタ画面のデザインをご紹介します。 該…

「崩壊3rd」キャラのフィルタ画面では名前だけではなくグラフィックも表示されていた方が分かりやすいデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「崩壊3rd」から、フィルタ画面でキャラクターの名前だけではなく、…

「ガーディアンテイルズ」フィルタ画面でアイコンと文字が表示されていて色覚多様性対応がされていると感じました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ガーディアンテイルズ」通称「ガデテル」から、フィルタ機能のウ…

「ゲートオブナイトメア」フィルタ画面のアイコンの下に文字が書かれていたので、より伝わりやすくする工夫がされていた

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ゲートオブナイトメア」通称「ゲトメア」のフィルタ画面のアイコ…

「あんさんぶるスターズ!!Music」ストーリーのフィルタ項目の中にシナリオライターさんの名前で抽出機能があった

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「あんさんぶるスターズ!!Music」、通称「あんスタ」のストーリー…

「三國志 覇道」フィルタリングした際に表示していないアイテムがあることを伝えていた。正確な情報を伝えて誤解を防止していると感じました!

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「三國志 覇道」のフィルタリングの結果、隠れているアイテムがある場…

「アイラブバーガー~目指せNO.1バーガーショップ~」フィルタ画面に違和感を覚えたので理由を考えてみた

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイラブバーガー~目指せNO.1バーガーショップ~」のアイテムのフ…

「IDOLY PRIDE アイドリープライド」キャラクターをフィルタする際に名前だけではなく顔グラフィックがあると分かりやすい!

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。 少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」のフィルタ画面にて、キャラクタ…

「ユージェネ」家具一覧画面独自のフィルタ機能の紹介

こんにちは!ちょこです! 今回は「ユージェネ」から、家具一覧画面のフィルタ機能の紹介をしたいと思います。 キャラクターやアイテムをフィルタすることは多いかと思うのですが、家具のフィルタについてはなかなか最適なものがデザインされていないように…

「ブルーアーカイブ」フィルタ画面のレイアウト事例

こんにちは、ちょこです! 「ブルーアーカイブ」のフィルタ画面にて「全て選択」のチェックボックスの位置が気になりました。 該当の画面はこちらです。 一般的なフィルタ機能で、抽出項目がいくつか並んでいます。 その中で気になったのは「全て選択」のチ…

「プロジェクトセカイ カラフルステージ! feat.初音ミク」フィルタ画面で顔グラフィックを表示する際は、名前も併記した方が分かりやすい

こんにちは!ちょこです! 「プロジェクトセカイ カラフルステージ! feat.初音ミク」のフィルタ画面でアイコンを用いたデザインが採用されていました。 こんな感じです!グラフィカルで楽しそうな画面です! ただ、直感的に選択しづらさを感じてしまいまし…

「ヒプノシスマイク-A.R.B-」絞り込み機能に顔グラフィックが表示されていて分かりやすい!広まれ!!

こんにちは!ちょこです! 紹介するタイトルは前回に続き「ヒプノシスマイク-A.R.B-」です! 今回は「キャラの名前だけではなく、顔グラフィックがあるとより分かりやすい」という話です。 どういったデザインかと言うと、キャラクターの絞り込み画面にてキ…

「ドラゴンクエストタクト」フィルタかけたらカテゴリによって見出しが表示されるデザインでした!分かりやすっ!

こんにちは、ちょこです! 「ドラゴンクエストタクト」のソートで、ソートする項目によって小見出しが付く仕様になっていたのが良かったです! いくつかソート項目があるのですが、以下の項目で小見出しが表示されていました。 ランク 系統 タイプ ▲ランクで…

「バンドリ! ガールズバンドパーティ!」絞り込み機能にキャラの名前だけではなく顔グラフィックも表示されてて超便利!

こんにちは!ちょこです! 「バンドリ! ガールズバンドパーティ!」の絞り込み画面が名前だけではなく顔グラフィックも表示されていて、分かりやすさと可愛さがあったので紹介させてください! 上の画面が絞り込み画面です。 名前だけではなく顔グラフィッ…

「スタンドマイヒーローズ」フィルタに件数表示があり、ちょっとだけ便利なデザイン!

こんにちは、ちょこです! 「スタンドマイヒーローズ」のフィルタ機能がちょっとだけ便利でした! 画面下にフィルタリングされた件数が即時反映で表示されています!便利! この実装形式は、ソシャゲではあまり見たことなかったかも。 このデザインにより、…

「プロ野球PRIDE」フィルタの状態を複数保存できる機能が便利!

こんにちは、ちょこです。 「プロ野球PRIDE」のフィルタ機能にプリセットが入ってて目からうろこ! このゲーム、フィルタの設定が4つまで保存できるようになっています。 初めて見た機能ですが、ゲームによっては非常に便利な機能だと思います。フィルタの状…

「KING OF PRISM プリズムラッシュ!LIVE」色数を絞ることは情報を整理するために必要な要素だと感じました。

こんにちは、ちょこです。 「KING OF PRISM プリズムラッシュ!LIVE」のUIデザインの色数が絞られているのが好きです。 ▲基本的には絞ってる。レインボーもあるけど。 たくさんの色を使って賑やかに見せる手法もあります。 しかし、多くのソシャゲの場合は登…

「KING OF PRISM プリズムラッシュ!LIVE」世界観に寄せるデザインも大切だけど導線や手数を意識するバランスも大切

こんにちは、ちょこです。 「KING OF PRISM プリズムラッシュ!LIVE」のショップの仕様が興味深いです。 世界観に寄せる機能だけど、手数が増えてしまうのもストレスだな、という気持ち。 ▲流れはこんな感じです 入場時のあいさつと… 退場時のあいさつがあり…

「ガール・カフェ・ガン」フィルタ機能のデザインがとても分かりやすかった。色覚多様性にも対応できているデザインは珍しい

こんにちは、ちょこです。 「ガール・カフェ・ガン」のフィルタ機能が良かったので紹介させてください。 色覚多様性対応もバッチリ どこが良かったのか、ですが「色覚多様性への配慮が出来ている」という部分です。属性の色だけでなく文字が書いてあるデザイ…

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

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

「CUE!キュー」加入日というソート項目があるのですが、古い仕様のリバイバルでも新しい体験を与えられる良い事例だなと思いました

こんにちは、ちょこです。 「CUE」に「加入日」というソート項目があって驚きました。 キャラクターを入手することを「お迎えする」と言い表すことがあるので、そういった配慮なのかな…。 ガラケーの頃からプレイしていた方は覚えているかもですが、昔のソシ…

「アニドルカラーズ」チェックボックスが多いので一括ON/OFFが実装されていた

こんにちは、ちょこきなこです。 「アニドルカラーズ」にて「すべてON」「すべてOFF」といった一括設定があったので紹介させてください。 こんな感じです。チェックボックス多っ。 アイドルは全員で22人います。グループごとに分かれていますが、ここまで多…

「妖怪三国志 国盗りウォーズ」プロフィール画面のアイコン設定に多機能なフィルタは必要なのか?

こんにちは、ちょこきなこです。 「妖怪三国志」にてちょっとよくわからない実装があったので、意図を解釈してみます。 プロフィール画面で自分のアイコンを設定できるのですが、そこでのフィルタが思考停止になっているように感じました。 プロフィール画面…

「リンクスリングス」フィルタ機能で昇順、降順を使わないデザインが良かったので紹介

こんにちは、ちょこきなこです。 「リンクスラングス」のフィルタ機能にて昇順、降順という表現を使わない好例があったので紹介させてください。 実は昇順降順は伝わりづらい? ソシャゲだと「昇順・降順」という言葉を当たり前のように使っていますが、実は…

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

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

「キズナストライカー」の絞り込みUIのデザインの良さをアピールします

こんにちは、ちょこきなこです。 今日は「キズナストライカー」のソートのUIが良かったのでアピールしておきます。 ▲この絞り込みのデザインめっちゃ良くないですか? ・顔が表示されている・キャラのイメージカラーが設定されている が、主に良かったと感じ…

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

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

「キングスレイド」ソートの項目多すぎてアンチパターン

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キングスレイド」からソート項目を紹介します。 今まで良い部分を紹介してましたが、完璧なアプリなんてありません。この「キングスレイド」も同様です。さて、ソート画面です。単純に項目多…