こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「アルゴナビス from BanG Dream! AAside」通称「ダブエス」から、メニュー画面の呼び出し方のデザインを紹介します。
メニュー画面に遷移するデザインも多くありますが、「ダブエス」の場合は画面に被るデザインになっていました。
該当の画面はこちらです。
画面下部にメニューが並んでいます。押しやすさに配慮している配置だと感じました。
アニメーションで見るとこんな感じです。
画面右下のメニューボタンで開閉します。開閉するボタンが同じ位置にある、と言うことも押しやすさという意味で操作しやすい点だと感じました。
拡大するとこんな感じです。
メニューは１行５ボタン、３列に並んでいます。
１行目
- 日常
- ダイヤショップ
- 所持数確認
- 交換所
- 持ちもの
２行目
- プロフィール
- フレンド
- 実績
- オプション
- サポート
３行目
- アカウント
- 権利表記
- プライバシーポリシー
- 利用規約
- タイトルに戻る
この配置は視線法則の中でも「グーテンベルク・ダイヤグラム」に倣っていると考えられます。
左上から右下に視線が流れる視線の動きですね。
左上からメニューを把握していって、終点となる右下に閉じるボタンが配置されています。これによってユーザーが迷う可能性をできるだけ抑えているように感じました。
また、このメニューは基本的にはLIVEプレイ中以外はどこでも呼び出せるのも便利な点です。
ホーム画面からは当然呼び出せるとして
少し下位階層にあるセッション画面からでも呼び出すことができます。
まとめると、以下の４点がこのメニューの特徴だと感じました。
以上です。
メニューの呼び出し方を検討する際の参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「アルゴナビス from BanG Dream! AAside」のガイドラインを確認したところ、ゲーム内で使用されている画像やスクリーンショット画像はWebサイトやSNSへ投稿しても良い旨の文章がありました。
Contents Guideline | ARGONAVIS（アルゴナビス） from BanG Dream! 公式ポータルサイト
主な参照箇所を抜粋します。
ARGONAVISプロジェクトが権利を有するイラスト、画像等の使用につきまして、個人に使用許諾することはございません。
個人でお楽しみいただく範囲での使用については、SNS等での投稿を含め、特に弊社からなんらかの対応をすることはございません。
以下は確認したガイドラインページのキャプチャです。
これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
