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

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

「アイドルマスター シャイニーカラーズ Song for Prism(シャニソン)」会話シーン中に画面を長押しするとリングゲージが表示されてスキップする挙動。指とゲージが被らないのでスキップの文字も表示できるデザインか

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

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


今回は「アイドルマスター シャイニーカラーズ Song for Prism」(以下「シャニソン」)から会話パートのスキップ機能をご紹介します。ほとんどのソシャゲには会話シーンをスキップする機能があるので今更かもしれませんが、ちょっと変わっていたので事例として紹介します。

以下、概要です。

 

画面長押しで会話スキップ

「シャニソン」ではプロデュースなどの会話イベント中、画面長押しで会話をスキップできます。

f:id:appgameui:20240205231701p:image

 

アニメーションで見るとこんな感じです。

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

操作していないとちょっと気付きにくいかもしれませんが、画面左上に「スキップ」と書かれたリングゲージが表示されているのが分かりますでしょうか。

このゲージが満タンになると会話シーンがスキップされます

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

 

ゲージの中央にスキップと書かれているのは指に被らないから

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

リングゲージの中央にスキップと書かれている、と簡単に触れましたが、ソシャゲではあまり見たことがないデザインだと感じました。

最初は挙動が推測しにくいため「スキップ」と書かれているのかと思ったのですが、そもそもゲージが指に被らない位置に表示されているからこそ、文字を表示することができるわけです。

となると、文字の表示を優先させたのか、リングゲージの表示位置を優先させたのか…。答えは分かりませんが、いずれにしろスマホで遊べるソシャゲではリングゲージと文字の組み合わせは珍しいと感じました。

デザインを考える際のバリエーションの参考までに。

 

どれくらい長押しすれば良いのか分かる

このブログでは以前にも紹介していますが、リングゲージの特徴にも改めて触れておきます。
長押しの操作とリングゲージのUIを組み合わせることで、以下のようなメリットが考えられます。

  1. 長押ししている状態であると分かる
  2. あとどれくらい押せば良いのか分かる

仮に長押し中にリングゲージが表示されていなかったら、ユーザーからは急にイベントが終了したように見えるため、混乱するかと思います。

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

 

倍速やオートは無い

「シャニソン」の会話シーンを見ていて意外に感じたのは、会話シーンでよくあるオート再生や倍速再生が見当らなかったことです。

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

メニューを開くと、上から順に「スキップ」「会話ログ」「UIの非表示」の3つのボタンが並んでいます。
アイドルたちのやりとりの概要を把握する意味では倍速の需要もあり得ると思いますが、「シャニソン」の場合はスキップのみに絞っています。

何を表示するかは画面の目的や情報の優先度次第なところもあります。
また、「シャニソン」は判断することが多いゲームでもあるため、表示するボタンを減らしユーザーが何かを判断するコストを少しでも抑えたかったのかもしれません。

あるいは機能を制限することで、メインコンテンツに見えないようにする、とかもあるのかな…。なんにせよ意外だと感じたので紹介しました。

 

以上です。
会話シーンのスキップ機能をデザインする際の参考になれば幸いです。

 

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

 


権利者さまへ

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

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

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

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

 

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

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

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

 

お問い合わせ