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

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

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

「レスレリアーナのアトリエ ~忘れられた錬金術と極夜の解放者~(レスレリ)」キャラクターのサムネイルが表示されて直感的に伝わりやすいフィルタ画面のデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「レスレリアーナのアトリエ ~忘れられた錬金術と極夜の解放者~」(以…

「アイドルマスター シャイニーカラーズ Song for Prism(シャニソン)」チェックボックスよりも顔アイコンが目立つフィルタ画面 『シャニマス』から引き算をしたデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター シャイニーカラーズ Song for Prism」(以下「シャ…

「アイドルマスター シャイニーカラーズ(シャニマス)」4コマ漫画のフィルタ機能の紹介、効率的に推しが登場するエピソードや未読エピソードが読める!アイコンデザインも個別に用意して手が込んでる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター シャイニーカラーズ(シャニマス)」(以下「シャニ…

「アイドルマスター シャイニーカラーズ(シャニマス)」アイドルたちのグラフィックが表示されているので名前を憶えてなくても操作できるフィルタ画面のデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「アイドルマスター シャイニーカラーズ(シャニマス)」(以下「シャニ…

「咲うアルスノトリア」キャラ一覧画面のモーダレスなフィルタ機能

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「咲うアルスノトリア」、(以下、アルスノ)からモーダレスな挙動にな…

「&0(アンドゼロ)」キャラフィルタ画面で名前だけではなく顔グラフィックがあることで直感的な理解に繋がる

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

「COUNTER: SIDE(カウンターサイド)」育成中のキャラクターを抽出するのに便利なフィルタ機能

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「COUNTER: SIDE(カウンターサイド)」から、育成中のキャラクターを抽…

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

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

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

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

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

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

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

こんにちは!ちょこです! このブログでは「ゲーム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人います。グループごとに分かれていますが、ここまで多…