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

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

「未定事件簿」2Dイラストが動く会話シーンって新しい表現だなと感じた事例紹介

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

 

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

 

今回は「未定事件簿」から、会話画面のデザインをご紹介します。

 

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

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



この会話シーン…動きます!

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

 

補足すると、動くのは一部のシーンです。
多くのシーンでは立ち絵が採用されています。

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

 

 

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

国内のゲームでここまで動いているソシャゲは見たことが無いのですが、「ブルーアーカイブ」では一部のレアリティの高いキャラクターイラストは動いていました。

中国のゲームではトレンドなのかもしれませんね。

 

UIの評価軸に当てはまると新奇性や没入感として評価できそうです。
ビジュアル面からのアプローチであるため、利便性の向上、時短、効率面といったシステム的な面では効果は少ないと考えます。

内容的には文字を読んだり、キャラクターのグラフィックを表示するだけですが、ビジュアル的に新しい表現をすることでユーザーの評価も高まることがあります。

 

 

以上です。

新しい会話シーンのデザインを検討する際の参考になれば幸いです。

 

 

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

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

 


権利者さまへ

 

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

「未定事件簿」のガイドラインを確認したところ、ゲーム実況の配信、動画投稿に関しては許諾されている旨の記載はありました。

 

ネットワークサービスにおける著作物の利用に関するガイドライン

 

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

個人であるお客様が「崩壊学園」、「崩壊3rd」及び「原神」「未定事件簿」からキャプチャーした映像及びスクリーンショットした静止画(以下「本著作物」といいます。)を利用して創作された動画や静止画を、適切な動画や静止画の共有サイトに投稿(実況を含む)し、又は収益化することに対して、当社らは、以下の遵守事項を遵守いただいている限りにおいては、著作権侵害を主張いたしません。

 

以下は確認したガイドラインページのキャプチャです。

崩壊学園、崩壊3rd、原神、未定事件簿の著作物の、ネットワークサービスにおける著作物の利用に関するガイドラインのキャプチャ画像です

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

 

お問い合わせ

「未定事件簿」ヒント機能があることでユーザーの離脱を防ぐことにも繋がってるのかな

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

 

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

 

今回は「未定事件簿」から、ヒント機能のデザインをご紹介します。

 

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

f:id:appgameui:20220110174645p:image

 

挙動としては、マップを調べるパートにて、画面左の虫眼鏡のアイコンをタップすると、調べれば良い箇所が光る挙動になっています。

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

 

 

アニメーションで見るとこんな感じです。
左から右にかけてスキャニングする演出が表示されます。

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

 

 

調べると重要な情報を得られる箇所はこのようにアウトラインが光ります。
画面全体が暗くなるため、光っている箇所がより分かりやすくなっています。

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

 

 

ヒント機能がある。

 

「未定事件簿」の場合、調べる箇所を間違えてもペナルティはありません。
調べられる場所が目立たなかったり、物理的に小さいこともあるため、あまり分からないとゲームを離脱してしまう懸念があります。

ヒント機能を使うことによるペナルティは無く、この機能があることでゲーム進行をスムーズにし、ユーザーの離脱も防げるのではないかと推測します。

 

以上です。

ヒント機能を検討する際のデザインの参考になれば幸いです。

 

 

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

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

 


権利者さまへ

 

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

「未定事件簿」のガイドラインを確認したところ、ゲーム実況の配信、動画投稿に関しては許諾されている旨の記載はありました。

 

ネットワークサービスにおける著作物の利用に関するガイドライン

 

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

個人であるお客様が「崩壊学園」、「崩壊3rd」及び「原神」「未定事件簿」からキャプチャーした映像及びスクリーンショットした静止画(以下「本著作物」といいます。)を利用して創作された動画や静止画を、適切な動画や静止画の共有サイトに投稿(実況を含む)し、又は収益化することに対して、当社らは、以下の遵守事項を遵守いただいている限りにおいては、著作権侵害を主張いたしません。

 

以下は確認したガイドラインページのキャプチャです。

崩壊学園、崩壊3rd、原神、未定事件簿の著作物の、ネットワークサービスにおける著作物の利用に関するガイドラインのキャプチャ画像です

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

 

お問い合わせ

「未定事件簿」ゲーム内の専用端末に6Gって表示されていて、近未来感を表現していると感じた話

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

 

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

 

今回は「未定事件簿」から、世界観を表現した端末のデザインをご紹介します。

最近の中国のアプリは近未来のSFをモチーフとした世界観のアプリが多く、その世界における専用の端末もよく登場しています。
「未定事件簿」にも専用の端末が登場するのですが、ちょっと面白い工夫がありました。

 

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

f:id:appgameui:20220110011133p:image

 

ぱっと見て、バッテリーの残量や現実世界の日時が画面にも反映されているのが分かるかと思います。これはよくあるデザインのひとつだと考えています。

「未定事件簿」で面白いのは通信環境の表示が6Gとなっている点です。

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

 

現実世界では5Gが一部でサービス開始しているのですが、6Gは一般には存在していません。よくSFの世界観のゲームではホログラムやARといった、ビジュアル面での近未来感が利用されます。

それも面白いのですが、このように身近にあるものを少しだけ未来にした表現も十分効果的かと思います。実に省エネ。

 

以上です。

近未来の表現を検討する際の参考になれば幸いです。

 

 

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

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

 


権利者さまへ

 

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

「未定事件簿」のガイドラインを確認したところ、ゲーム実況の配信、動画投稿に関しては許諾されている旨の記載はありました。

 

ネットワークサービスにおける著作物の利用に関するガイドライン

 

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

個人であるお客様が「崩壊学園」、「崩壊3rd」及び「原神」「未定事件簿」からキャプチャーした映像及びスクリーンショットした静止画(以下「本著作物」といいます。)を利用して創作された動画や静止画を、適切な動画や静止画の共有サイトに投稿(実況を含む)し、又は収益化することに対して、当社らは、以下の遵守事項を遵守いただいている限りにおいては、著作権侵害を主張いたしません。

 

以下は確認したガイドラインページのキャプチャです。

崩壊学園、崩壊3rd、原神、未定事件簿の著作物の、ネットワークサービスにおける著作物の利用に関するガイドラインのキャプチャ画像です

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

 

お問い合わせ

「未定事件簿」適切な初期値は利便性に繋がる

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

 

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

 

今回は「未定事件簿」から、オプションの初期値をご紹介します。
このブログでは何度か紹介しているのですが、適切な初期値が設定されていないとユーザーに手数をかけたり、ストレスを与える可能性があります。

逆に言えば、適切な初期値はユーザーの利便性に繋がります。
初期値はUIデザイナーにとっては重要度の高い要素であると考えている為、たまに紹介しています。

 

該当の画面はこちらです。いわゆるオプション画面ですね。

f:id:appgameui:20220114083920p:image

 

具体的に紹介するのはこちらの音量調整の初期値です。
「BGM」「音声」「サウンド」のゲージの中央が初期値になっていることが分かりますでしょうか。

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

 

仮に最大値が初期値になっていた場合、それ以上音を大きくしようとするとアプリ側では対応できません。ユーザーの選択肢が減ってしまったり、ユーザーに余計な手数をかけてしまうため、不自由さを与えていると考えることができます。

適切な初期値が設定されることで、よりUIに少しだけ近づけることが可能です。

中には設定が難しい項目もあるかもしれませんが、サウンドの場合は中央が無難な初期値かと思います。

 

 

以上です。

オプションの初期値を検討する際の参考になれば幸いです。

 

 

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

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

 


権利者さまへ

 

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

「未定事件簿」のガイドラインを確認したところ、ゲーム実況の配信、動画投稿に関しては許諾されている旨の記載はありました。

 

ネットワークサービスにおける著作物の利用に関するガイドライン

 

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

個人であるお客様が「崩壊学園」、「崩壊3rd」及び「原神」「未定事件簿」からキャプチャーした映像及びスクリーンショットした静止画(以下「本著作物」といいます。)を利用して創作された動画や静止画を、適切な動画や静止画の共有サイトに投稿(実況を含む)し、又は収益化することに対して、当社らは、以下の遵守事項を遵守いただいている限りにおいては、著作権侵害を主張いたしません。

 

以下は確認したガイドラインページのキャプチャです。

崩壊学園、崩壊3rd、原神、未定事件簿の著作物の、ネットワークサービスにおける著作物の利用に関するガイドラインのキャプチャ画像です

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

 

お問い合わせ