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

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

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

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

 

このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。

少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。

 

今回は「IDOLY PRIDE アイドリープライド」のフィルタ画面にて、キャラクターの名前だけではなく、顔グラフィックがあるデザインを紹介します。

  

該当の画面はこちらです!

f:id:appgameui:20210626131812p:image

 

 

 

見やすいように部分拡大しますね。

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

こんな感じで…

といった情報で構成されています。

 

 

顔グラフィックがある方がストレスなく見分けることができる!

「IDOLY PRIDE アイドリープライド」では最初から17人のアイドルが登場します。
ゲームを始めたばかりですと、すべてのアイドルの名前と顔が一致しているというユーザーは多くありません。

 

 

名前だけを表示するゲームもありますが、瞬間的に判断できません。
そういった理由から、認知コストという観点で比較した際に、顔グラフィックがある方がストレスなく見分けることができます

 

またその際は、精細なグラフィックではなく、デフォルメして情報量を少なくしたグラフィックの方が各キャラクターの特徴を出しやすいかと考えます。

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

 

 

他のゲームを見てみると「KING OF PRISM プリズムラッシュ!LIVE」の場合は顔グラフィックが無いタイプのフィルタ画面でした。

f:id:appgameui:20200309070222p:image

 

 

登場するキャラクターの数にもよるかと思いますが、最近は「IDOLY PRIDE アイドリープライド」のようにフィルタ画面でキャラクターの顔グラフィックを表示するゲームが増えてきたように感じます。

 

例えば、以下のゲームで同様のデザインが採用されていました。

 

f:id:appgameui:20201029000008p:image

▲「プロジェクトセカイ カラフルステージ! feat.初音ミク」のデザイン事例

 

f:id:appgameui:20200908090940p:image

▲「ヒプノシスマイク-A.R.B-」のデザイン事例

 

バンドリ! ガールズバンドパーティ!のキャラクター絞り込み機能の画面

▲「バンドリ! ガールズバンドパーティ!」のデザイン事例

 

キズナストライカーでの絞り込み機能の事例

▲「キズナストライカー」のデザイン事例

 

ゲームを始めたばかりのユーザーにとっては分かりやすいデザイン!

以上です。

ゲームを始めたばかりのユーザーはキャラクターの顔と名前をまだ十分に覚えておらす、キャラの顔と名前が一致していないことが考えられます。

 

そういった初心者ユーザーのことを想定した場合、キャラクターを思い出す手掛かりとして、フィルタ画面でキャラクターの名前の横に顔グラフィックを表示しよう、というデザインだとより分かりやすくなります。

 

キャラクターをフィルタする画面をデザインする際の参考になれば幸いです。

 

 

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

 

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

 

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

 

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

 

 

 

 

権利者さまへ

以下のガイドラインによりゲーム画面のスクリーンショットの公開については許可されている認識でおります。

著作物利用ガイドライン | 株式会社QualiArts(クオリアーツ)

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

 

お問い合わせ