以下の内容はhttps://appgameui.hatenablog.com/entry/2020/12/05/235000より取得しました。


「食物語」チュートリアルの中に『プレイヤーの名前を決める』フローを組み込んでおくと、名前入力の画面のデザインできる

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

 

「食物語」の名前入力画面が世界観に沿っており、没入感を高めるデザインになっていました。

 

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

f:id:appgameui:20201126080942p:image

 

 

 

世界観が取り入れられているところを拡大しますね。
こんな感じで「委任状」というデザインを用いています。

ああああああああ

 

名前を入力するという目的を達成するだけであれば、汎用的なUIパーツで構成しても問題ありません。

「食物語」ではそれよりもう一歩踏み込んで、ユーザーを世界観により没入させる、というデザインを目指しています。

 

その結果がこちらの画面に表現されているのかな、と感じました。

 f:id:appgameui:20201126080942p:image

 

判子が押されていたり…

ああああああああ


 

委任状を書いた日付がゲーム開始日になっていたり…、

ああああああああ

 

 

こういった細かい部分まで手が込んでいて素敵ですね!

 

「食物語」がこういったデザインを取り入れることができたのも、チュートリアルの中で、委任状を書くストーリーが構築されていたためです。

 

チュートリアルでは主に世界観、キャラクター、目的、ゲームの基本的なルール、など説明することがたくさんあります。

 

その中に「プレイヤーの名前を決める」といったフローを取り入れると、こういったデザインも取り入れやすくなります。

 

チュートリアルのデザインを考える際の参考になれば幸いです。




以上の内容はhttps://appgameui.hatenablog.com/entry/2020/12/05/235000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14