【TIPS：名前入力画面】没入感、世界観を意識すると良さそう

こんにちは、ちょこです。

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

ここでは過去プレイしたゲームをもとに、名前入力画面のデザインの特徴についてまとめました。
「ゲームの名前入力画面ってどうデザインするのが良いのかな…？」と悩んでいる方の参考になれば幸いです。

以下、概要です。

会話劇の中で名前を聞かれる手法はゲームではよくありますが、「カウンター・アームズ」はチュートリアルを漫画のように見せる手法でした。

漫画のキャラが読み手側に名前を聞いてくる、という体験はとても斬新に感じました。

名前を聞かれた後は、何に名前を入力するか、と言う視点も名前入力画面では重要な要素かなと思います。

「エラゲ」では採用サイトにアクセスするため、入力フォームに名前を入力する、という設定でデザインされていました。入力完了ボタンも「結果を確認する」というラベルになっており、作り込まれています。

「ドルフロ」では誓約書のようなものにサインを書くデザインになっていました。背景の文字もしっかり書かれており、世界観の作り込みの度合いが感じ取れました。

「食物語」では委任状を模したデザインでした。委任状を書いた日付がゲーム開始日になっているなど、細かく設定が作り込まれていました。

「エリオスR」ではデジタル空間上に浮かぶセキュリティパスの認証のために名前を入力するデザインになっていました。
特に入力後のアニメーションまで丁寧に作られており、シームレスな表現にもなっていました。記事内にgifを載せていますので、良かったらご確認ください。

上で紹介したデザインはどれもグラフィックで世界観を表現したデザインですが、必ずしもそうする必要はありません。

「キキ&ララのトゥインクルパズル」では、汎用パーツを利用していますが、その代わりに入力フォームに「名無し星」というデフォルトの名前を入れています。
「星」というのがキキ&ララっぽいと感じました。

これは先ほど紹介したような、ビジュアルで世界観を作り込むゲームには使いにくい手法だと感じています。

デフォルトで名前が入力されていると、ユーザーが入力する手間が減る点もメリットかなと思います。

ゲームによっては名前をランダムで生成する機能を実装している場合もあります。その際、サイコロのアイコンを採用することが多いです。

補足。

以上です。

他の画面のナレッジにも興味がある方は以下のページに随時追記しますので、良かったらご参照ください。

こちらから「名前入力画面」のタグを付けられた記事が一覧表示されます。