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

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

「ドラゴンクエスト ダイの大冒険 -魂の絆-」サムネイルを長押しするとリングゲージが表示されて分かりやすい

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

 

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

 

今回は「ドラゴンクエスト ダイの大冒険 -魂の絆-」、通称「魂の絆」で採用されていた、長押しする際にリングゲージのUIパーツを表示するデザインを紹介します。

 

該当のUIパーツが使われている画面はいくつかありますが、編成画面を例に紹介します。

f:id:appgameui:20211006023011p:image

 

画面中央に3Dのキャラクターが表示され、それを囲うように装備アイコンや特技アイコンが並んでいます。
特技アイコンを長押しすると詳細ダイアログが表示されます。

アニメーションで見るとこのように動きます。

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

 

リングゲージのUI部分を分かりやすくするため、拡大します。
一瞬、特技のサムネイルに被って白いゲージが表示されるのが見えますでしょうか。

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

 

リングゲージのUIパーツを表示する主なメリットとしては以下の2点かと思います。

  1. 長押しすることで何かが起きる手掛かりを伝えている
  2. どの程度長押しすれば良いか分かる

 

長押しの操作は直感的には気付かれにくい操作です。
リングゲージを表示することで手がかりを与え、情報があることに気付きやすくなります。

小さな工夫に見えるかもしれませんが、こういった一つ一つの工夫が分かりやすさに繋がると考えています。

 

 

以上です。

長押しの操作を採用する際に、より分かりやすくするための工夫を考える際の参考になれば幸いです。

 

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

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

 

このページで利用している株式会社スクウェア・エニックスを代表とする共同著作者その他権利者が権利を所有する画像の転載・配布は禁止いたします。
©三条陸稲田浩司集英社ダイの大冒険製作委員会・テレビ東京
© 2021 SQUARE ENIX CO., LTD. All Rights Reserved. © 2021 DeNA Co.,Ltd.

 

 

権利者さまへ

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

ドラゴンクエスト ダイの大冒険 -魂の絆-」のガイドラインには個人ブログの利用に関して許諾する旨の記載がありました。

 

ドラゴンクエスト ダイの大冒険 -魂の絆- 動画・生配信・画像投稿に関するガイドライン

株式会社スクウェア・エニックス(以下「弊社」といいます)の提供する『ドラゴンクエスト ダイの大冒険 -魂の絆-』のプレイ動画(ゲーム内BGMを含み、以下「プレイ動画」といいます)の投稿、生放送配信、および画像投稿は、個人使用の目的に限り、以下に定めるガイドラインに従いご利用いただけます。

 

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

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

 

お問い合わせ