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

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

「404 GAME RE:SET-エラーゲームリセット-(エラゲ)」ゲーム開始直後のプレイヤー名入力画面が採用サイトを模したデザインになっていた

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

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

 

今回は「404 GAME RE:SET-エラーゲームリセット-」(以降、エラゲ)からプレイヤーの名前を入力する画面のデザインをご紹介します。ゲーム開始直後の名前入力画面は専用のUIで構成されがちです。この画面を作り込むことで世界観を訴求し、ゲームの没入感を高めるチャンスに繋がると感じています。

以下、主な特徴です!

 

サイトを模した名前入力画面

◆◆◆◆◆◆◆◆◆◆◆◆◆◆
©SEGA

「エラゲ」の名前入力画面は、入社試験の選考結果を閲覧するためのサイトを模したデザインになっていました。

 

◆◆◆◆◆◆◆◆◆◆◆◆◆◆
©SEGA

見た目を構成しているUIパーツは汎用パーツを多く使っています。
UIパーツは汎用的ではありますが、主に以下のテキストによって世界観が強調されていると感じました。

  • セガ採用サイト
  • 入社試験選考結果
  • 本人確認のため、名前を入力してください

どれもプレイヤーの名前を入力させる上では不要な情報であり、世界観を訴求するための情報です。

 

◆◆◆◆◆◆◆◆◆◆◆◆◆◆
©SEGA

また、ダイアログの左上に表示されている企業ロゴによって一気にオフィシャル感が高まっていると感じました。
本物のSEGAの企業ロゴを使えるのは「エラゲ」ならではでもあります。

他のゲームだとゲーム内に存在する架空の組織や企業を使うことがほとんどです。
現実に存在する企業ロゴや名前を使うことで、よりゲームの世界観の存在感が増すように感じました。

 

ボタンの中のテキストも専用の文言

◆◆◆◆◆◆◆◆◆◆◆◆◆◆
©SEGA

名前を決定し、次の画面に進むためのボタンのテキストにも注目です。
どのようなテキストを表示するか、UIにとって重要な要素です。

ここは「OK」などの汎用的なテキストではなく「(入社試験の選考)結果を確認する」とストーリーに合わせたテキストになっていました。

世界観を重視している場面であるため、専用のテキストを用意することは必要だったのかもしれません。

 

【番外編】ゲーム開始後の名前変更画面のデザインは汎用的

 

名前入力欄の下に以下のような補足が記載されています。

入社後はプロフィールから名前を変更できます

◆◆◆◆◆◆◆◆◆◆◆◆◆◆
©SEGA

 

入社後というのはゲーム開始後のことです。
実際にゲーム開始後の名前入力画面はどのようなデザインになっているか、確認しました。

f:id:appgameui:20230820185753p:image
©SEGA

見た目は汎用ダイアログです。
社員証のようなデザインではありませんでした。

ゲームにもよると思いますが、ゲーム開始直後のUIを他で利用すると、特別感が損なわれてしまう恐れがあるため、「エラゲ」では汎用的なUIパーツで構成されたデザインを採用したのかもしれません。

 

以上です。
プレイヤーの名前を入力する画面をデザインする際の参考になれば幸いです。

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

 


権利者さまへ

以下はコンテンツ利用に関する認識の説明です。
「404 GAME RE:SET-エラーゲームリセット-」のガイドラインを確認したところ、以下の記載がありました。

本ゲームの著作物は、個人用かつ非営利目的のホームページ(Webサイト、ブログ、SNS、画像・動画投稿サイト、掲示板などのサービスを対象とします)において、以下の範囲、条件のもと公開することを許可いたします

二次創作ガイドライン | エラーゲームリセット (エラゲ)

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

404 GAME RE:SET-エラーゲームリセット-のコンテンツ利用ガイドラインです。2023年8月20日確認

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

 

お問い合わせ