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

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

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

こんにちは!ちょこです!

このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです!


今回は「アイドルマスター シャイニーカラーズシャニマス)」(以下「シャニマス」)からアイドルの情報をフィルタする画面のデザインをご紹介します。
名前だけではなく、顔グラフィックがあるとより直感的に分かりやすくなるのかも、と感じました。

以下、概要です。

 

f:id:appgameui:20231123091856p:image

 

顔アイコンが表示され直感的に分かりやすい

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

シャニマス」のアイドルたちのフィルタ画面は、アイドルたちの名前だけではなく顔アイコンも表示されており、分かりやすくする工夫がされていると感じました。

また、顔アイコンだけではなく、キャラクターのイメージカラー、ユニットのモチーフも表示されており、かなりビジュアル要素が取り入れられています。

顔アイコンやイメージカラーを表示することで画面内の情報量は増えますが、アイドルたちの元気な様子、賑やかな画面作りに繋がっている部分もあるかと思います。

 

アイドルたちの名前を覚える前のユーザーにとって分かりやすい

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

アイドルの数が多いと最初から全員を覚えるのは困難かなと思います。
実際、この画面で表示されるアイドルは2024/1/8時点では28名います。
全員の名前を覚えるのはしばらく時間がかかりそうです。

アイドルの中には初見で読めないキャラクターもいますし、ユーザーの年齢によっては学校で習っていない漢字が使われているケースもあります。

顔アイコンを表示することで学習コストが抑えられ、名前が読めなくても任意のアイドルを選択することができます。

 

 

以上です。
キャラクターのリストをフィルタする機能をデザインする際の参考になれば幸いです。

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 


権利者さまへ

以下はコンテンツ利用に関する認識の説明です。
アイドルマスター シャイニーカラーズ」のガイドラインを確認したところ、以下の記載がありました。

当社では、ゲーム実況を、「ご自身がゲームを遊んだ動画や静止画をファンコミュニティ等とインターネット上でご共有いただくもの」と捉えています。 例えば、「ご自身によるゲームプレイ映像に、皆様の声や姿、アバターなどを重ねた動画又は配信をデジタルプラットフォーム(Youtube,Twitch,ニコニコ動画等。以下、単にプラットフォームといいます)上で共有すること」のみならず、「スクリーンショットやプレイ動画の切り抜きをインターネット上で共有すること」等も含みます。

【「アイドルマスター」シリーズ】「ゲーム実況ポリシー」の変更に関するお知らせ | 【公式】アイドルマスター ポータル(アイマス)

ゲーム実況ポリシー | バンダイナムコエンターテインメント公式サイト

 

これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。

バンダイナムコエンターテインメントゲーム実況ポリシーです。アイドルマスター シャイニーカラーズにも適用されています。2022年1月26日制定版です

画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。

 

お問い合わせ