マスコットが見守る新規登録画面

新規登録画面は、サービスとの関係が始まる最初の1画面であると同時に、最も人が逃げる場所です。まだ価値を体験していない相手に、メールアドレスとパスワードという個人情報を要求する——この非対称な取引を成立させるのは、機能説明ではなく空気です。かわいい系の意匠は、その空気を作るための実務的な選択です。

丸さが警戒をほどく

角が丸い図形は、鋭角の図形より脅威度が低く知覚されます。神経科学ではアミグダラの反応差として説明されますが、日常の実感としても、丸いものに身構える人はいません。カードの角丸28px、入力欄の14px、ピル型のボタン。この一貫した丸さに、彩度を落としたパステルと、真っ黒を避けた茶がかった文字色が加わると、画面全体の緊張が下がります。マスコットが顔を出しているのは、そこに誰かがいるという感覚を作るためです。無人の窓口より、人が座っている窓口の方が話しかけやすい。

否定しないフィードバック

パスワード強度をこの設計では言葉で返します。「弱い」と赤字で表示する一般的な実装は、正しい情報を伝えると同時に、入力した人を軽く否定します。同じ4段階でも「もう少し！」「いい感じです」と返すと、やり直しが前向きな行為になります。

進捗ドットを最初から3つ見せるのも同じ思想で、終わりが見えている作業は始めやすいという当たり前の事実に従っています。ツァイガルニク効果——途中で止めたものが気になる心理——も味方につきます。

仕上げの判断軸

金融・医療・法務のように、正確さと権威が信頼の源になる領域では逆効果です。相手が「ちゃんとした会社か」を先に確かめたい状況では、丸さと明るさは軽さとして読まれます。

かわいさに寄せる場合でも、利用規約とプライバシーポリシーへのリンク、同意チェックボックスは絶対に省かないでください。

揺れるアニメーションは5秒前後の緩い周期に留め、入力中の視界で動くものを増やさないことも実務上の要点です。