【今回のポイント】 この章では、「ログインUI・新規登録UI」を“情報への入口＝扉”として設計しています。 ユーザーがこれから体験していく旅のストーリーが**「自分だけのものになる」**ための、最初の一歩です。 ・画面の配色は、白と薄青をベースに設計し、入力時の集中力と安心感を高めています。 ・「パスワードを忘れた方はこちら」や「新規登録はこちらから」などの補助動線は、不安を軽減するUXを意識して配置。 ・UI上でのテキストやボタンの文言には、“やさしく、親しみやすい言葉”を用いて、心理的ハードルを下げる配慮も。 このように、ただ情報を入力する画面ではなく、**「このアプリは自分の旅の味方だ」**と思ってもらえるようなUX体験を意識しています。 ログインや登録は、「手間」ではなく、「信頼関係の始まり」として感じてもらえることが、本章の目指すUXです。 ーーーーーーーーーーーーーーー 【第3章：旅への扉を開こう】 【ロゴちゃん】 ……あ、ちょっと待って、翔くん！ 旅を始める前に、まずは“扉”を開けないとね。 【翔くん】 扉？？ 【ロゴちゃん】 うん、この“扉”っていうのは……そう、ログイン画面のことなんだ。 これからロゴちゃんが案内していく旅のすべてが、“翔くんだけのもの”になるために、準備が必要なの♪ 【翔くん】 なるほど。これから見ていく情報を自分で管理できるようにするって、大事な準備って感じがするね。 じゃあ、メールアドレスとパスワードを入力すればいいんだね。 【ロゴちゃん】 あっ、ちょっと待って！ 翔くん、ロゴちゃんのアプリは初めてでしょ？ それなら、まずは新規登録から始めよう！ 下にある『新規登録の方はこちら』をタップしてみて。 【翔くん】 （タップ）あ、雰囲気が変わった。 『新規登録画面』って出てきたよ。ここで情報を入れるってこと？ 【ロゴちゃん】 ピンポ〜ン♪ 大正解！ この画面は、初めてアプリを使う人の最初の一歩なんだ。 ここで入力することで、この旅が翔くんだけのものになる準備が整うの✨ 【翔くん】 へぇ〜、そうなんだ。 ただの登録じゃなくて、自分専用の旅が始まる感じ……ワクワクしてきた！ 【ロゴちゃん】 その気持ちがいちばん大切なんだよ🎶 UXってね、「これは自分のものだ！」って心が動いた瞬間から、翔くんだけの“旅の体験物語”がスタートするの！ 【翔くん】 なるほど……『新規登録画面』入力完了っと。 お、次の画面に移ったね！ 【ロゴちゃん】 ありがとう翔くん✨ これで準備は完了！ さあ、いよいよ“扉”が開くよ……ログイン画面へようこそ♪ 【翔くん】 わかった！……ログイン画面、入力完了！ あれ？なんだか不思議だけど、個人情報を入れてるのに、すごく安心できた気がする。 【ロゴちゃん】 お！翔くん、気づいてくれてありがとっ🌟 「ログイン」っていう言葉だけで緊張しちゃう人も多いの。 だから今回は、翔くんが安心して自分の情報を預けられるように、UIをデザインしたんだ〜。 【翔くん】 どんなところが？？ 【ロゴちゃん】 いい質問！ポイントはね—— ・背景は真っ白。入力作業に集中できるクリアでニュートラルな印象 ・入力欄は薄い青。安心・信頼を感じる色彩だよ✨ こうすることで、翔くんは迷わず・安心して入力できたはず！ 【翔くん】 なるほど〜、色ってやっぱり大事なんだね。 確かに、落ち着いて入力できた気がする！ 【ロゴちゃん】 ありがとう✨ じゃあいよいよ……次の画面は、ロゴちゃんからの“招待状”！ ここから翔くんの旅の“本編”が始まるよ🎶 【翔くん】 （ワクワク）どんな旅が待ってるのかな〜！？ よ〜し、いこう！ ーーーーーーーーーーーーーーー ここまでお読みいただきありがとうございます。 それでは、第4章へとお進みくださいませ。