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

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

「アイドリッシュセブン」エンプティステートの紹介 Vol.27

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

 

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

 

今回は「アイドリッシュセブン」通称「アイナナ」から、エンプティステートのデザイン事例をご紹介します。
色んなゲームのエンプティステートを紹介して今回で第27回目です。

 

まず、「エンプティステート」とはどういうものか、簡単にお伝えいたします。

 

エンプティステートとは、表示する情報がない時にユーザーが見る画面のことだ。

見落とされがちな「エンプティステート」のUXデザインが、実際は一番重要なのかもしれない | TechCrunch Japan

 

情報が空(エンプティ)、ということですね。

ゲームUIのエンプティステートの場合、機能性だけではなくエンタメ性のあるデザインにすることが出来るため、多様性に富んでいると感じています。
また、エンプティステートが表示されたときに、ユーザーにどういった情報を与え、誘導するのが適切か考えることも重要です。

 

見た感じ「アイナナ」のエンプティステートは以下の場面で使われていました。

  1. アイドル専用のプレゼントボックスにアイドルがいない時
  2. メールボックスにメールがない時
  3. 控え室にアイドルがいない時

※他にもあればコメント欄にてお教えいただければと思います。

 

各画面の位置づけ

各々の画面がどのような画面か、簡単に説明しておきます。

1:アイドル専用のプレゼントボックスにアイドルがいない時

f:id:appgameui:20220824005429p:image

ゲーム内では「アイドルフォルダ」と呼ばれる画面です。
いわゆるプレゼントボックスですが、アイドルの場合は所持数の上限が定められているのでユーザー側としては気安く受け取りづらい事情があります。

誤って受け取らないようにするため、このようにアイドル専用の画面を用意しているのだと推測します。

ゲーム開始直後は所持枠に余裕があることもあり、余程ガチャでアイドルを引かない限りはしばらくはこの画面が表示されるのかな、と思います。

 

2:メールボックスにメールがない時

f:id:appgameui:20220828131054p:image

こちらはメールボックスです。

所謂プレゼントボックスです。
「アイナナ」の場合、メールという設定でデザインされているため、プレゼントを受け取った後は受け取り履歴として機能します。
すべてのメール受信し削除をすると、このようなエンプティ画面が表示されます。

 

3:控え室にアイドルがいない時

f:id:appgameui:20220828131047p:image

所持アイドルを一時的に保管しておくことが出来る、所謂倉庫画面です。

控え室に1人のアイドルもいない時はこの画面が表示されます。

 

表示されているのはマスコット

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

画面中央に表示されているのは「アイナナ」のマスコットで「きなこ」というキャラクターです。

「アイナナ」の公式サイトによると以下のプロフィールが書かれていました。

年齢:??歳
身長:??cm
事務所で飼っている『うさぎ』。
みゅう~という鳴き声とともに神出鬼没で現れ、万理やメンバーにもかわいがられている。

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

きなこ |アイドリッシュセブン 公式サイト

 

うさぎだったのか…。

普通に会話ができるタイプの生き物ではないので、画面上に表示されている「メンバーがいません」のメッセージは、このキャラクターの台詞ではなさそうです。

 

文字だけの画面もある

f:id:appgameui:20220828131101p:image

エンプティステートの中にはキャラクターが表示されず、文字だけの画面もあります。
例えば、イベントランキング画面で未受け取りの報酬が無い場合は

現在報酬を受け取っていない
イベントはありません。

と表示されています。

 

エンプティステートを表示する場所によって、採用するキャラを変えるケースもあります。例えばショップであれば店員を採用する例もあります。

「グランサガ」エンプティステートの紹介 Vol.24 - ゲームアプリのUIデザイン

 

メッセージだけだと画面が寂しく感じられる場合、このようなグラフィックを添えてみると画面が賑やかになると感じます。

 

以上です。

エンプティステートをデザインする際の参考になれば幸いです。

 

参考事例

以下は過去に紹介したデザイン事例です。興味がございましたらご参照ください。

    1. 「ときめきアイドル」
    2. 「キャプテン翼〜たたかえドリームチーム〜」
    3. 「七つの大罪 光と闇の交戦 : グラクロ」
    4. 「三国ロマンス」
    5. 「ドクターマリオワールド」
    6. 「リンクスリングス」
    7. 「ガール・カフェ・ガン」
    8. 「どうぶつの森 ポケットキャンプ」
    9. 「ビーナスイレブンびびっど!」
    10. 「魔界ウォーズ」
    11. 「ポケモンカフェミックス」
    12. 「BLEACH Soul Rising」
    13. 「神無月」
    14. 「Food Fantasy フードファンタジー」
    15. 「三国ブレイズ」
    16. 「三国志名将伝」
    17. 「魂器学院」 
    18. 「ブルーアーカイブ」
    19. 「ドールズフロントライン」
    20. 「カウンター・アームズ -終焉武装少女-」
    21. 「エクリプスサーガ」
    22. 「未定事件簿」
    23. 「崩壊3rd」
    24. 「グランサガ」
    25. 「COUNTER: SIDE(カウンターサイド)」
    26. 「聖剣伝説 ECHOES of MANA(エコマナ)」

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。

他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 


権利者さまへ

 

以下はコンテンツ利用に関する認識の説明です。

アイドリッシュセブン」のガイドラインを確認したところ、公式HPにて、ゲーム画像をブログに投稿することは許諾されている旨の記載がありました。

 

【2022.01.12追記】「アイドリッシュセブン」コンテンツ利用ガイドライン - 【公式】アイドリッシュセブン

 

主な参照箇所を抜粋します。

(1)画像について

・コンテンツ内で使用している一次創作物は、過度の加工等を行わない限り、WebブログやSNSなどで私的利用範囲での掲載をいただいても問題ございません。
ただし、シナリオの過度なネタバレに繋がるものや、掲載の結果アイドリッシュセブンのイメージを逸脱・誤認させる、またアイドリッシュセブンのイメージを損なうことがないようご配慮ください。

イベントストーリー
過度なネタバレ(シナリオを丸ごと含む画像や動画配信など)は禁止といたします。

 

ラビチャ、RabiTV
ラビチャ、RabiTVについては過度なネタバレ(シナリオを丸ごと含む画像や動画配信など)はお控えください。

ただし、以下の範囲内に限り、ラビチャ、RabiTVの感想をSNS等で発信・発言いただけるものとします。
その場合は、ラビチャ、RabiTVの特性や未読の方へのご配慮をお願いいたします。

・感想を伝えることを目的とした発信が前提で、以下の掲載枚数に収まっていること

ラビチャ:通常画面表示で4枚まで、もしくは全画面表示で1枚まで
RabiTV:通常画面表示で4枚まで、ログ表示での掲載は禁止

※既定の枚数以内の場合でも、おおまかな内容がわかるような掲載は禁止いたします。
※動画の公開は禁止いたします。

 

 

アイドリッシュセブンのコンテンツ利用ガイドラインです。2022年1月12日更新版です

 

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

 

お問い合わせ